草庐IT

customizing-web-forms-with-css

全部标签

javascript - 如何仅使用 CSS3 将动态创建的元素平滑地添加到 DOM 中?

我的需求很简单,但我找不到合适的解决方案。我创建元素并将它们作为元素列表添加到DOM,每个新元素都在旧元素之前添加。我希望“顺利”添加新元素。每个元素的高度是动态的,因此必须符合CSS规则。我想我必须使用CSSanimations和keyframes,据我所知我不能使用transitions因为有时itisnotrenderedbythebrowser.我不想使用Javascript,所以我更愿意避免使用setTimeout()或jQuery的解决方案。我确信这可以使用现代CSS正确完成,但我仍然需要找到正确的方法。我有一个解决方案的开始(见下文),但是仍然有max-height:10

javascript - 是什么导致 TypeError : Expected `input` to be a `Function` or `Object` issue with gtoken and pify?

我正在尝试将FirebaseRemoteConfig集成到我的Cordova应用程序中,以强制用户在拥有最低版本时进行更新,但导入包会导致错误。它不能在代码中,因为错误是在代码运行之前抛出的,只是通过导入包。TypeError:Expected`input`tobea`Function`or`Object`,got`undefined`at./node_modules/gtoken/node_modules/pify/index.js.module.exports(index.js:45)atObject../node_modules/gtoken/build/src/index.js

javascript - 新 web 项目上 javascript 配置的最佳实践

我想问一个关于一个新的大型网络项目的javascript要求的问题。我们将在我们的项目中使用大量的javascript、ajax请求、jquery、json对象和jquery插件。我们计划将全局变量和大量默认值存储在服务器端的带有php类和ini文件的全局站点配置文件中。但我们需要在客户端使用javascript-jquery读取、使用并有时重写一些变量和配置值。此基于javascript的配置文件必须具有以下属性;不会拥有所有服务器端配置值。只有我们需要。必须是将在htmlhead部分调用的单个文件。必须定义一个全局变量或json或javasctipt对象或数组(我不知道哪个最好)此

javascript - CSS 谷歌地图自定义信息窗口

我一直在使用来自http://gmaps-samples-v3.googlecode.com/svn/trunk/infowindow_custom/infowindow-custom.html的代码,这是目前谷歌关于如何在MapsAPIv3中创建自定义InfoWindow的最佳示例。我一直在研究它,到目前为止我已经接近工作了,除了一件事,它是div容器,文本内容不会扩展以适应内容,所以它只是掉落而不是扩大气泡。如果我给内容容器一个固定的像素宽度,它可以正常工作,但我无法根据其中的文本量来扩展它。我已经在这个问题上停留了一段时间。任何帮助将不胜感激!这是HTML页面Gayborhood

javascript - 如何在生产环境中加载 minify css

我的元素中加载了很多JS和CSS。为了提高网站性能,我开始使用与Ant构建集成的YUICompression。因此,每次我构建元素时,它都会创建带有附加“-min.js”的缩小文件示例:构建后的myscript.js,新文件“myscript-min.js”。现在我已经更改了所有文件以在我的页面中加载myscript-min.js。是否有任何自动化或更简单的方法来加载minify文件。提前致谢!!! 最佳答案 在您的代码中,尝试确定您加载页面的环境(生产或开发)。例如,在本地机器上开发时,您可以检查您的IP地址、服务器环境变量(使用

javascript - 与具有持久 URL 的应用程序相比,构建大量使用 AJAX 的 Web 应用程序的优缺点是什么?

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭11年前。原始问题:制作一个全JavaScript网站是个坏主意吗?*更改了问题,因为这最终更像是一个讨论,但它可能对其他人有帮助。*在这种情况下,我正在考虑制作一个最初使用常规HTML提供其整体布局的网站(如普通的基本网页),但后来我计划动态填充HTML内容区域的内容,完全使用AJAX请求。网站的用户永远不会刷新页面或转到新页面,所有其他需要生成的div和元素都将使用AJAX创建(利用网站上的大量Jav

javascript - 如何检测CSS动画的重绘率(fps)?

我对CSS动画的流畅性很感兴趣。作为一些额外的要点:我最感兴趣的是移动设备(WebKit)的性能,如果可以在正常操作期间收集数据(真实用户做真实的事情),那将会有所帮助。 最佳答案 ChromeBetaforAndroid支持通过在chrome://flags中设置flag获取FPS 关于javascript-如何检测CSS动画的重绘率(fps)?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/qu

javascript - 为什么我的 jQuery UI CSS 在 JSFiddle 中不起作用?

为了用JavaScript输入回答问题,我经常使用JSFiddle上的演示.它非常有用,但是当我回答thistooltip时问题我需要使用jQueryUI.这种用法的问题是,您可以在框架选择中检查jQueryUI,但它只加载js文件而不加载css文件。所以我决定链接到这个http://jqueryui.com/themes/base/jquery.ui.all.css在jQueryUI的官方演示中使用。=>问题解决了。真的解决了吗?没有?!因为如果用户之前打开过一个jQuery演示,这个链接会很好用,但正如我在工作中看到的那样,如果我只打开fiddle而没有打开一个演示,它就不起作用。

javascript - CSS 溢出 : scroll HTML 的滚动问题

这里是jsFiddle以便更好地理解:http://jsfiddle.net/BzYcZ/我有一些带有滚动条的div。我想要的是当我使用鼠标滚动在到达div的末尾时停止滚动,而不是滚动整个页面。发生的事情是,当我到达div的末尾时,整个页面开始滚动。我知道这是浏览器驱动的,但是是否有一些JS事件可以处理这种情况并防止在我的光标位于此div元素上时滚动整个页面。编辑:我希望能够滚动整个页面,但只有当我的鼠标离开这个div时。解决方案.noscroll{position:fixed;overflow-y:scroll;width:100%;}这是JavaScript部分:$('.small

javascript - 在 javascript 计算时使用 CSS 动画

我正在开发一个Web应用程序,它需要在启动时生成和计算一堆数组。我想在发生这种情况时显示一个加载页面,并且可能会播放一些css动画,但似乎CSS动画会在执行javascript时挂起。我已经有一个加载栏,它会根据处理的关键事件进行更新,但我想使用css-transitions来稍微平滑它。我想知道是否有任何方法可以在javascript执行时让某些东西具有动画效果?我知道我可以设法不时将控制权交还给浏览器以让它刷新,但我发现在后台使用javascript计算某些东西只会卡住整个界面是愚蠢的。编辑:这是我所说的一个愚蠢的例子:http://jsfiddle.net/YWefx/13/如果