博客园 - 小碎步
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=44261
2018-01-04T13:52:08Z
小碎步
https://www.cnblogs.com/xiaosuibu/
feed.cnblogs.com
https://www.cnblogs.com/xiaosuibu/p/8196224.html
关于jQuery出现的新添加元素点击事件无效 - 小碎步
//通常点击写法: //新增加的元素
2018-01-04T13:52:00Z
2018-01-04T13:52:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】//通常点击写法: //新增加的元素 <a href="https://www.cnblogs.com/xiaosuibu/p/8196224.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196218.html
css iphonex适配 - 小碎步
/* iphonex适配 */
2018-01-04T13:50:00Z
2018-01-04T13:50:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】/* iphonex适配 */ <a href="https://www.cnblogs.com/xiaosuibu/p/8196218.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196214.html
js 复制文本到粘贴板 - 小碎步
//html 在iOS Safari中,剪贴板API有一些限制(实际上是安全措施): 于安全原因,iOS Safari只允许容器中的document.execCommand('copy')文本contentEditable。 解决方法是检测iOS Safari,并contentEditable在执行
2018-01-04T13:49:00Z
2018-01-04T13:49:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】//html 在iOS Safari中,剪贴板API有一些限制(实际上是安全措施): 于安全原因,iOS Safari只允许容器中的document.execCommand('copy')文本contentEditable。 解决方法是检测iOS Safari,并contentEditable在执行 <a href="https://www.cnblogs.com/xiaosuibu/p/8196214.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196207.html
webpack入门 - 小碎步
一. 建一个文件夹webpack_test 二. 在webpack_test内 建2个文件,webpack.config.js,package.json 1.通过配置文件来使用webpack 在当前练习文件夹的根目录下新建一个名为webpack.config.js的文件,我们在其中写入如下所示的简单
2018-01-04T13:48:00Z
2018-01-04T13:48:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】一. 建一个文件夹webpack_test 二. 在webpack_test内 建2个文件,webpack.config.js,package.json 1.通过配置文件来使用webpack 在当前练习文件夹的根目录下新建一个名为webpack.config.js的文件,我们在其中写入如下所示的简单 <a href="https://www.cnblogs.com/xiaosuibu/p/8196207.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196187.html
文字渐变 - 小碎步
.a{ position: fixed; top: 30px; width: 100%; height: 15px; margin-top: 10px; z-index: 10; background: -webkit-linear-gradient(#ffffff 50%, rgba(255, 255, 255, 0)); ba...
2018-01-04T13:44:00Z
2018-01-04T13:44:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】.a{ position: fixed; top: 30px; width: 100%; height: 15px; margin-top: 10px; z-index: 10; background: -webkit-linear-gradient(#ffffff 50%, rgba(255, 255, 255, 0)); ba... <a href="https://www.cnblogs.com/xiaosuibu/p/8196187.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196182.html
video 铺满父元素(object-fit: fill;) - 小碎步
遇到这个属性,是在给video 嵌入一个div时,导致video播放器上下有灰色。在控制台查看video默认样式的时候看到了这个属性。 播放器上下的灰色,不是我们想要的样式,如果能完全覆盖就更好了。 下图是我用object-fit:fill进行修改的
2018-01-04T13:43:00Z
2018-01-04T13:43:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】遇到这个属性,是在给video 嵌入一个div时,导致video播放器上下有灰色。在控制台查看video默认样式的时候看到了这个属性。 播放器上下的灰色,不是我们想要的样式,如果能完全覆盖就更好了。 下图是我用object-fit:fill进行修改的 <a href="https://www.cnblogs.com/xiaosuibu/p/8196182.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196137.html
video自动禁止全屏 - 小碎步
在微信浏览器、苹果等其他浏览器,里面使用video标签,会自动变成全屏,改成下面就好了,起码可以在video标签之上加入其他元素 webkit-playsinline playsinline x5-playsinline x-webkit-airplay="allow"; 如: <video src
2018-01-04T13:32:00Z
2018-01-04T13:32:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】在微信浏览器、苹果等其他浏览器,里面使用video标签,会自动变成全屏,改成下面就好了,起码可以在video标签之上加入其他元素 webkit-playsinline playsinline x5-playsinline x-webkit-airplay="allow"; 如: <video src <a href="https://www.cnblogs.com/xiaosuibu/p/8196137.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196128.html
获取url参数的方法(web) - 小碎步
//获取url参数的方法(web) function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).mat
2018-01-04T13:31:00Z
2018-01-04T13:31:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】//获取url参数的方法(web) function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).mat <a href="https://www.cnblogs.com/xiaosuibu/p/8196128.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196135.html
判断是否为微信 - 小碎步
navigator.userAgent.toLocaleLowerCase().search('micromessenger') > -1
2018-01-04T13:31:00Z
2018-01-04T13:31:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】navigator.userAgent.toLocaleLowerCase().search('micromessenger') > -1 <a href="https://www.cnblogs.com/xiaosuibu/p/8196135.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196110.html
函数节流scroll,兼容火狐滚轮事件 - 小碎步
//如果是火狐浏览器就mousewheelevt=DOMMouseScroll;否则mousewheelevt=mousewheel,因为火狐绑定滚轮事件是DOMMouseScroll
2018-01-04T13:27:00Z
2018-01-04T13:27:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】//如果是火狐浏览器就mousewheelevt=DOMMouseScroll;否则mousewheelevt=mousewheel,因为火狐绑定滚轮事件是DOMMouseScroll <a href="https://www.cnblogs.com/xiaosuibu/p/8196110.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196095.html
手机连接,打开chrome - 小碎步
chrome://inspect/
2018-01-04T13:24:00Z
2018-01-04T13:24:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】chrome://inspect/ <a href="https://www.cnblogs.com/xiaosuibu/p/8196095.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196089.html
去除img默认的边框 - 小碎步
//当img属性src没有值时,会有难看的边框和难看的一个小图 有什么办法去掉呢? <img src=" " /> //不要这样写 <img /> //这样写 然后,css如下 img:not([src]) { opacity: 0; } 可以去掉img的难看的边框和难看的一个小图
2018-01-04T13:23:00Z
2018-01-04T13:23:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】//当img属性src没有值时,会有难看的边框和难看的一个小图 有什么办法去掉呢? <img src=" " /> //不要这样写 <img /> //这样写 然后,css如下 img:not([src]) { opacity: 0; } 可以去掉img的难看的边框和难看的一个小图 <a href="https://www.cnblogs.com/xiaosuibu/p/8196089.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196067.html
css 文本两行显示,超出省略号表示 - 小碎步
重点:text-overflow: ellipsis;只对display:inline;起作用 例子: <span class="a">我说说<b class="b">打瞌睡党风建设打火机</b>说说色儿</span> a{ display:block/inline-block; width:100
2018-01-04T13:18:00Z
2018-01-04T13:18:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】重点:text-overflow: ellipsis;只对display:inline;起作用 例子: <span class="a">我说说<b class="b">打瞌睡党风建设打火机</b>说说色儿</span> a{ display:block/inline-block; width:100 <a href="https://www.cnblogs.com/xiaosuibu/p/8196067.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196042.html
js 从URL上获取参数 - 小碎步
//获取匹配的 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.subst
2018-01-04T13:14:00Z
2018-01-04T13:14:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】//获取匹配的 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.subst <a href="https://www.cnblogs.com/xiaosuibu/p/8196042.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8196027.html
微信分享代码 和 统计 - 小碎步
//点击下载按钮点击统计 $(".btn").click(function(){ (new Image()).src = 'http://xxx.com/xxx.php?id=xxx_clickdown'; //只要修改src }); //访问统计 (修改) (new Image()).src =
2018-01-04T13:12:00Z
2018-01-04T13:12:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】//点击下载按钮点击统计 $(".btn").click(function(){ (new Image()).src = 'http://xxx.com/xxx.php?id=xxx_clickdown'; //只要修改src }); //访问统计 (修改) (new Image()).src = <a href="https://www.cnblogs.com/xiaosuibu/p/8196027.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8195972.html
h5向上翻页图标晃动动画,css固定h5向上翻页图标在页面上 - 小碎步
//html结构 //css .upImg { background-image: url(../images/01.png); position: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 11; widt...
2018-01-04T13:03:00Z
2018-01-04T13:03:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】//html结构 //css .upImg { background-image: url(../images/01.png); position: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 11; widt... <a href="https://www.cnblogs.com/xiaosuibu/p/8195972.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8195958.html
CSS让DIV按照背景图片的比例缩放,并让背景图片填充整个元素(转) - 小碎步
目的是:通过background的一系列属性,让DIV按照背景图片的比例缩放,并让背景图片填充整个DIV 首先我们需要让背景图片在指定的DIV中全部填充显示 之前看有用类似 background-attachment: 的fix来实现背景图片的填充,但是,貌似是不能按照当前的DIV大小去填充。 我的
2018-01-04T13:01:00Z
2018-01-04T13:01:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】目的是:通过background的一系列属性,让DIV按照背景图片的比例缩放,并让背景图片填充整个DIV 首先我们需要让背景图片在指定的DIV中全部填充显示 之前看有用类似 background-attachment: 的fix来实现背景图片的填充,但是,貌似是不能按照当前的DIV大小去填充。 我的 <a href="https://www.cnblogs.com/xiaosuibu/p/8195958.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8195952.html
判断浏览器 - 小碎步
//判断浏览器 var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 mobile: !!u.match(/AppleWe...
2018-01-04T13:00:00Z
2018-01-04T13:00:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】//判断浏览器 var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 mobile: !!u.match(/AppleWe... <a href="https://www.cnblogs.com/xiaosuibu/p/8195952.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8195940.html
$.each遍历json对象 - 小碎步
上面的代码片断工作正常,提示 “apple”, “orange” … 等,如预期一样。 问题: JSON 字符串 下面的例子中,声明了一个JSON字符串(随附单或双引号)直接地。 var json = '[{"id":"1","tagName":"apple"},{"id":"2","tagName
2018-01-04T12:58:00Z
2018-01-04T12:58:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】上面的代码片断工作正常,提示 “apple”, “orange” … 等,如预期一样。 问题: JSON 字符串 下面的例子中,声明了一个JSON字符串(随附单或双引号)直接地。 var json = '[{"id":"1","tagName":"apple"},{"id":"2","tagName <a href="https://www.cnblogs.com/xiaosuibu/p/8195940.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaosuibu/p/8195921.html
jq塞入不同状态html的写法 switch (defaults.type) - 小碎步
(function($) { //生成一个block function createBlock(options) { var defaults = { type: "1", } var options = $.extend(defaults, options); //主元素 v...
2018-01-04T12:55:00Z
2018-01-04T12:55:00Z
小碎步
https://www.cnblogs.com/xiaosuibu/
【摘要】(function($) { //生成一个block function createBlock(options) { var defaults = { type: "1", } var options = $.extend(defaults, options); //主元素 v... <a href="https://www.cnblogs.com/xiaosuibu/p/8195921.html" target="_blank">阅读全文</a>