摘要: 在利用git管理本地发布的galleryLeftOrRight插件项目时,按照git的使用方法:先commit→master,再 push,发现提示错误git did not exit cleanly (exit code 1),在网上看了一篇文章,大概意思是,一般是因为本地代码与服务器端代码合并出 阅读全文
posted @ 2018-09-17 15:22 sophel 阅读(40815) 评论(1) 推荐(0) 编辑
摘要: 块级元素社设置了text-align:center以后,对其直接行内元素/果冻元素、继承行内元素/果冻元素都会产生“居中效应”。 结果:所有的span按照居中对test4进行填充; li元素因为继承了test4的text-align:center属性,所以li内的文本元素也按照居中形式填充li。 因 阅读全文
posted @ 2018-09-16 11:09 sophel 阅读(1128) 评论(0) 推荐(0) 编辑
摘要: 参考资料:实现绝对定位元素水平垂直居中的两种方法 第一种就是利用偏差补偿法,比较常用,易于理解。 第二种利用了绝对定位的位置拉伸特性(比如,将left和right设置为相同的数值,并将margin-left,margin-right设置成auto,则元素会相对父元素左右水平居中,上下一样的道理)。 阅读全文
posted @ 2018-09-14 14:00 sophel 阅读(1087) 评论(0) 推荐(0) 编辑
摘要: 在编写自定义插件my-slider的过程中,发现无论float还是inline-block均不能保证div内的内容不换行(这两个属性在内容超出容器尺寸后,均将剩余内容做换行处理),在浏览器内比较了自己定义的my-slider-item和mui框架定义的mui-slider-item,发现其用了:wh 阅读全文
posted @ 2018-09-14 11:41 sophel 阅读(13990) 评论(0) 推荐(0) 编辑
摘要: 在web项目中,经常会使用jquery和mui等js框架,之前只是按照API说明去按规则使用,比如在jq和mui中,事件处理函数中可以直接用this访问事件源,如下面的代码: 在界面触发了点击事件后,打印this.id信息如下: 很显然,此处的this指向了事件源这个对象,或者说,事件处理函数的执行 阅读全文
posted @ 2018-09-13 15:56 sophel 阅读(398) 评论(0) 推荐(1) 编辑
摘要: 在平时的编程过程中,用构造函数创建实例对象比较多,则实例对象instance会继承构造函数原型,如下面例子所示: 打印结果如下: 今天在阅读mui框架源码时,发现了如下原型设置方法,即可在对象诞生后根据自己的需求给其补充原型! 打印结果如下: 后面如有新方法将继续补充...... 阅读全文
posted @ 2018-09-13 14:04 sophel 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 在处理类数组中,发现了两种将数组方法应用于类数组的方法,现将call/apply的常用方式总结一下。 一、当做函数调用 二、作为对象的方法,给第三方使用 此处,用一个[]数组实例,来引用它的every方法的call方法; 三、作为原型的方法,给第三方使用 此处,用Array的原型对象中的every方 阅读全文
posted @ 2018-09-13 12:01 sophel 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 在查看一些插件源码时,在做数据校验时,经常用到!!运算符,如: 乍看有点懵,其实按照js内置 "!" 运算符从右到左按次序剖析,也就理解了。 先看内层运算: !obj ,这是一个非运算: 当obj为假时(null/undefined/false/NaN/""等),非运算后的结果未false; 当ob 阅读全文
posted @ 2018-09-13 10:29 sophel 阅读(1542) 评论(0) 推荐(0) 编辑
摘要: 很多js的框架与插件编写都用到了闭包,所以,阅读和掌握闭包很有必要。最近学习vue框架时,经常会猜想很多功能的native js实现,很多都应用到了闭包,闭包除了目前已知的一些特性,如:可以保持局部变量以减少对全局作用域的污染外,一些情况下必须用闭包才能实现。 先贴一个根据自己的理解绘制的闭包原理: 阅读全文
posted @ 2018-09-12 15:49 sophel 阅读(366) 评论(0) 推荐(0) 编辑
摘要: Vue的全局组件,在注册后,可在全局范围内无限次使用,猜想是利用了闭包"可以保持形参"的特性,使初始化时的作用域得意保存,下面用原生js和部分jquery代码模拟了数据解析和组件渲染的技术设计思想,简化期间忽略了应用scope,组件实例直接追加在body里了,具体过程如下: 1.设计并扩展Array 阅读全文
posted @ 2018-09-11 14:42 sophel 阅读(221) 评论(0) 推荐(0) 编辑