草庐IT

customizing-web-forms-with-css

全部标签

javascript - 如何跨站点处理 javascript 和 css 文件?

最近我对如何在Web应用程序中处理共享的javascript和css文件有了一些想法。在我正在处理的当前Web应用程序中,我得到了大量不同的javascript和css文件,这些文件位于服务器上的一个文件夹中。一些文件被重复使用,而另一些则没有。在生产站点中,加载大量HTTP请求和加载数千字节的不必要的javascript和冗余css是非常愚蠢的。解决方案当然是为每个页面创建一个仅包含必要信息的大捆绑文件,然后将其最小化并压缩(GZIP)发送给客户端。创建一堆javascript文件并手动最小化它们并不需要担心,如果您打算这样做的话,但是由于应用程序不断维护并且事情确实在变化和发展,因

javascript - CSS 下拉菜单 : Add delay on mouse out

我在下面使用CSS和HTML制作了下拉菜单:MainMenu.menu{float:left;background:#CCC;margin:0px;padding:0px;}.menuli{position:relative;float:left;width:180px;padding:5px0px;list-style:none;}.menuli:hover{background:#999;}.menuul{display:none;position:absolute;background:#CCC;padding:0;margin:5px000;}.menuulliul{left:

javascript - 获取由 css column-width 创建的列数

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Howtogetcss3multi-columncountinJavascript我有一个很长的动态文本,它将使用CSS分成几列div{-moz-column-width:500px;-moz-column-gap:20px;}是否可以获取创建了多少列?我在客户端使用jQuery。

javascript - 使用 RESTful Web 服务身份验证的 AngularJS

我正在尝试构建一个需要用户登录的AngularJS应用程序。当他们第一次访问该应用程序时,他们将被重定向到登录页面(http://domain.my:3000/login)。当用户输入他的用户名和密码时,将调用网络服务(http://domain.my:4788/WebServices/user/login?username=XXX&password=YYYY),它返回包含用户ID、名称等的JSON数据,这些数据需要存储在某个地方(cookies/localstorage?)。我该怎么做呢?我是否需要创建一个服务器(可能在nodejs上)来处理对Web服务的请求,或者一个angular

javascript - 数据属性的 CSS 不会刷新/重绘

在HTML5/JS应用程序中,我们有一个View,其样式取决于元素的data-attribute:喜欢或CSSli[data-level^="1"]{/*somestyles*/}这似乎在页面重新加载的任何地方都工作得很好。但是当通过JS以编程方式设置数据属性时,CSS属性会在所有相关的桌面浏览器中呈现,但不会在移动safari中呈现。JS部分如下所示:this.$el.attr('data-level',this.model.getLevel())关于如何强制应用这些属性(刷新/重绘某些东西)有什么想法吗?我想避免使用class属性和不同的类,因为事情比这里显示的更复杂......

javascript - 在 Web 浏览器上实时接收 Kafka 事件

我们使用Kafka集群实时发送/接收消息。我们能够成功地向Kafka主题发布消息。现在我们希望在使用JavaScript的Web浏览器上运行的单页应用程序(SPA)上实时接收这些消息。是否可以直接从Kafka将消息推送到在任何著名浏览器上运行的最新版本的SPA?我找到了使用NodeJS实时接收消息的示例,但没有找到在Web浏览器上运行JavaScript的示例。 最佳答案 Kafka有Javascript客户端,但鉴于您的用例描述,我建议您在浏览器端javascript和Kafka之间使用REST或WebSocket代理。这将确保消

javascript - 自动完成 HTML 中可用的 CSS 类 Eclipse 中的 JavaScript jQuery

我使用的是最新的Eclipse版本。现在我正在使用Javascript、jQuery、HTML和CSS进行编码。对于我在CSS中定义并以HTML显示的类,如何获得自动完成(显示在CSS中定义的所有可用类)?我的CSS文件中有一个名为“display”的类。文件.css:.display{background:green;}如何获取使用自动完成建议的显示类?HTML:我需要什么样的插件/插件? 最佳答案 与Eclipse安装捆绑在一起的默认WTP插件不支持此功能。您将必须安装扩展插件(WTPWebresources)。转到“帮助”->

javascript - 插入符范围和 package-lock.json : how to get latest non-breaking versions with them?

我知道package-lock.json代表什么,但我不明白添加此文件后插入符范围是如何工作的?假设我有一个包(my-module),我想拥有所有新的非破坏性版本,而无需手动指定新版本。我安装了最新版本,这是package.json文件中的结果:“我的模块”:“^4.1.1”但是package-lock.json也得到了更新,将my-module的版本修复为4.1.1。下次my-module会出现一个新版本:4.1.2。运行npmi不会安装它,因为package-lock.json中的版本固定为旧版本。问题我如何实现npmi将下载最新的非破坏性版本的my-module而无需创建新的pa

JavaScript document.domain 未捕获的 DOMException : Blocked a frame with origin

当我测试SOP时,我遇到了这种情况,两个文档与我预期的相同域有关系,当我尝试获取位置时它会抛出错误。重现问题:打开https://www.google.com从控制台letopened=window.open("https://www.google.com")在同一个窗口执行opened.location.toString(),这将返回正确的位置从第二个选项卡的控制台执行document.domain="www.google.com"从第一个选项卡开始执行opened.location.toString()并且您会得到一个错误UncaughtDOMException:Blockedaf

javascript - 获取 DOM 元素的所有 css 样式(类似于 Firebug)

对于DOM元素,如何获取特定元素在css中指定的所有样式?是遍历所有css样式名的情况吗?或者有更优雅的方式吗?Firebug是如何做到的?谢谢 最佳答案 你应该可以用getComputedStyle得到它:varcss=window.getComputedStyle(element);for(vari=0;i但是,此方法返回计算样式,这意味着它将执行一些计算并将您的值转换为px。例如,如果您的行高为1.2,那么它将返回为57.6px而不是1.2 关于javascript-获取DOM元素