摘要:
第一种,js中setTimeout和setintervel,把动画元素设置position:absalute,然后操作left、top来移动。此种方法内存消耗大,显示效果差,不推荐。 第二种,CSS3中的animation动画,添加动画@keyframs name {0% {‘left’,‘0px’ 阅读全文
摘要:
通过下面函数可以返回url参数集合,以对象的形式返回。 阅读全文
摘要:
var obj = {abc:"ss",nn:90}; var v1 = obj.abc;//使用点的方式 var v2 = obj["abc"];//使用中括号的方式 在实际项目中一般使用点,会方便许多,但是如果key是变量的话就不能使用点了,js会理解变量为对象的key值,造成混淆 var v3 阅读全文
摘要:
目的——为了减少对DOM的操作,使用事件委托。 理解——举例说明:有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为签收。现实当中,我们大都采用委托的方案(公司也不会容忍那么多员工站在门口就为了等快递)。前台MM收到快递后,她会判断收件人是谁, 阅读全文
摘要:
flex伸缩盒子: 在父盒子中设置display: flex;子盒子中分别设置flex: 1,按比例设置flex属性值。 其他属性如下: 1、flex-grow:<number> // 用数值来定义扩展比率。不允许负值 2、flex-shrink:<number> // 用数值来定义收缩比率。不允许 阅读全文
摘要:
1、设置transition设置过渡,添加transform设置形状,形成动画效果,如下: 此种方式比较小众,不易控制 2、添加animation属性,设置动画效果,如下: 以上百分比后的方括号内可以添加各种属性值,比如transform ratote、left。。。。。。添加left top等定位 阅读全文
摘要:
在添加百度富文本Umeditor时,提示了很多错误,比如()前后要有空格、关键字UM未定义,查询后发现是构建VUE脚手架时候出的问题: 应该按照以下规则创建 一、ESLint的作用是检查代码错误和统一代码风格的。 参考:1、http://blog.csdn.net/violetjack0808/ar 阅读全文
摘要:
1、 Vonic—基于Vue.js和ionic样式的移动端UI框架 https://wangdahoo.github.io/vonic/docs/#/ 2、Vux是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。 https://vux.li/#/ 3、Mint UI 基于 阅读全文
摘要:
webpack 是一个打包工具,gulp 是一个自动化工具。webpack 是用来把你的源文件打包成一个文件的,你做了一系列配置以后,可以用一句 webpack 实现打包的功能。 gulp 是用来实现自动化的,你写了一堆任务之后,可以用一句 gulp 执行你所需要的所有任务。 除了前端模块化开发,模 阅读全文
摘要:
老张爱喝茶,废话不说,煮开水。出场人物:老张,水壶两把(普通水壶,简称水壶;会响的水壶,简称响水壶)。1 老张把水壶放到火上,立等水开。(同步阻塞)老张觉得自己有点傻2 老张把水壶放到火上,去客厅看电视,时不时去厨房看看水开没有。(同步非阻塞)老张还是觉得自己有点傻,于是变高端了,买了把会响笛的那种 阅读全文