问题标签 [prefixfree]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - PrefixFree.js 正在我的页面上加载其他“幻像”样式
我最近在我所有的网站上都使用了出色的PrefixFree,总的来说它就像一个魅力。但是今天我发现了一个非常非常奇怪的问题——在我网站的几个页面上,当脚本出现时,加载了一组额外的样式,与页面上的其他样式冲突,并且完全打乱了布局.
我无法确定这些额外样式的来源——它们不是我在这些特定页面上链接到的任何样式表的一部分。如果我从页面中删除 PrefixFree 或将其注释掉,它们会立即消失,并且一切都会再次正确显示。
据我了解,PrefixFree 的工作原理是在当前页面上查找<link>
和元素并解析它们。<style>
那么它到底怎么会导致其他样式应用于页面,而这些样式原本不存在呢?
jquery - jQuery滑块脚本在本地工作,在服务器上中断
我被难住了:我构建的登录页面在本地完美运行,但是当我将其上传到我们的服务器时完全崩溃了。
这是页面:http ://register.lot18.com/slider/google/
中间的白框应该是完全居中的;当您完成表格的每个步骤时,下一步应该从右侧滑入。定位/滑动是用/js/slider.js
jQuery UI 完成的。如果您下载该页面并在本地计算机上查看它,它应该看起来完全正确。
我什至从哪里开始调试呢?该页面已经在本地运行,所以基本上我正在尝试的一切都只是一个随机猜测。
更奇怪的是:它不会在 100% 的时间内中断。如果我坐在那里不断刷新页面,也许每 10 次尝试中就有 1 次,它会完美显示。然后我刷新它又坏了。
更新:这是我所看到的屏幕截图,均来自 OS X 上的 Safari 6:
本地:https
://dl.dropbox.com/u/547222/lp-local.jpg
服务器:https ://dl.dropbox.com/u/547222/lp-server.jpg
更新 2:当我删除 PrefixFree ( js/prefixfree.min.js
) 时,页面呈现好像根本没有样式表一样 - 但同样,仅在服务器上而不是本地。PrefixFree 的一个副作用是它采用外部样式表并将它们内联插入到页面中。那么外部样式表是否没有得到正确的服务content-type
?
更新 3:当我尝试通过直接 URI 验证 CSS 时,我从 W3C 验证器收到此错误:
I/O Error: Unknown mime type : binary/octet-stream
这意味着什么?
php - php regex 删除 CSS 供应商前缀地狱
我正在尝试清理我的 CSS 文档以仅删除那些以供应商为前缀的行:
如您所见,所有行都有相同的模式,以分号结尾,只是不同的供应商。到目前为止,我尝试一一搜索,但应该有更好的方法来实现这一点:
任何提示将不胜感激。谢谢
更新:原因是我将使用http://leaverou.github.com/prefixfree/,但我需要一种方法来切换某些开发阶段的状态,例如禁用 JS 时。
jquery - - 无前缀 jquery 插件 IE
我在使用 prefixfree 时遇到问题,jquery 插件似乎在 Internet Explorer 9 中不起作用。(也许这只是我的浏览器中的一些搞砸设置,我不知道,但 prefixfree 本身可以正常工作:初始旋转(20度)是前缀)
我已经设置了一个 jsbin 示例来说明我的意思:http: //jsbin.com/ocipel/2/edit
我在 chrome 和 firefox 中对此进行了测试,它们按预期工作。任何帮助是极大的赞赏。(哦,似乎prefixfree不作为标签存在,所以我不得不将它分成“prefix”和“free”,对此感到抱歉)
git - Git:无需分叉即可获得别人的项目
我对 GIT 还很陌生,我一直试图在互联网上找到这个问题的答案,但到目前为止还没有找到任何与之相关的东西。
如果我理解正确,分叉回购的目的是让您在准备提出拉取请求时使用代码,然后提出拉取请求以便为项目做出贡献。
但很多时候,作者在创建即插即用的 JavaScript 资源方面做得非常出色。在这些情况下,我只想为项目保留一个干净且最新的副本。
以 Lea Verrou 的prefixfree 为例。这是一个比我更了解供应商前缀混乱的人编写的出色项目。老实说,我不太可能为这个项目做出贡献。
在这种情况下,分叉是最好的选择,还是有更好的方法来维护下载的并发性和存储?
javascript - 如何仅将 Prefixfree.js 应用于特定的 Div?
我已将Prefixfree.js应用到我的网站,但所有图标/图像都重复(背景重复)。我想仅将Prefixfree.js应用于特定的 Div 以解决此问题。我怎样才能做到这一点?
有没有办法在 jQuery 中只为 #div 应用 Prefixfree.js?例如这样的:
或者
谢谢!
google-chrome - Chrome dev tool workspace: I can't map my network resource?
I am trying out the new Chrome dev tool workspace.
Setup: I got my wampserver running. I have chucked in my project files in the wamp folder. I am using sublime text as my editor.
Problem: All the edits that I am doing on dev tool are reflected in sublime and vice versa. However I couldn't get the live reload working?
Hence every time I make a new change, the browser isn't picking up the new edit, I will have to refresh my browser.
Update
I just found out that if I get rid of the prefixfree script tag, it fixes everything. Not sure why the script tag is screwing up the workspace?
It seems like prefixfree is the culprit.
javascript - IE8 和新的大众单位。好的polyfill?
我正在测试 vw 单元(相对于视口宽度)。我的问题是,有没有一种简单的方法可以用像素转换 vw 值?它不必是响应式的。我在想Jquery。prefixfree 插件和 vminpoly 似乎对我不起作用(在本地测试)
jquery - CSS3 转换(转换)在 Firefox 中不起作用,但在 Chrome 和 Safari 中不起作用
我正在开发一个简单的滑块,它使用 CSS 过渡来为幻灯片设置动画。我在这里创建了一支带有一些基本样式和一些 javascript 的笔。注意:由于 Codepen 使用Prefixfree,我没有使用任何前缀。
唯一的动画部分是.slider__anim
,而不是它.slider__item
本身。我用于position: absolute
所有非活动幻灯片和position: relative
活动幻灯片。这样我就不必为我的.slider
.
在 Chrome 和 Safari 中它工作得很好,但由于某种原因它不会触发 Firefox 中的 CSS 转换。这是 Firefox 中的错误还是 Firefox 有任何特殊标记?
javascript - JS 通过 document.getElementById 引用文档会返回错误
我有一个带有less和prefixfree的网页(它们都是js文件,从我自己的服务器导入),现在,当我也尝试导入自定义脚本时,我遇到了问题:
基本的 javascript 喜欢
工作正常。
但是每个引用我的文档的代码都像
给出控制台错误
你知道问题可能是什么吗?任何关于如何调试的建议也欢迎 - 我只是绝望!
编辑
JS 文件都导入到<head>
.