2019年04月_程序me

10月 09月 07月 06月 05月 04月 03月 02月

原创 css蒙层和新手引导的实现方式

开发当中经常用到新用户引导，弹出蒙层的场景。入下图，想提醒用户底部有一个发表按钮，正文是一个feeds晒单。那如何处理呢？左边的情况，可能你会用一张图片悬浮在底部的icon之上，倒是可以实现。但是右边的就有点困难了，因为第一条feeds是在变化的，你总不能固定用一张图片（其实也可以吧，只要产品不找你事，哈哈）。那右边这个我们怎么做呢？(这里是用下面的第二种方案实现的,box-shado...

2019-04-29 18:12:48 10250

原创 CSS 实现多行文字截断

用js实现多行文字截断https://blog.csdn.net/lqyygyss/article/details/81868679以下用css实现。有个三个盒子 div，粉色盒子左浮动，浅蓝色盒子和黄色盒子右浮动：当浅蓝色盒子的高度低于粉色盒子，黄色盒子仍会处于浅蓝色盒子右下方。如果浅蓝色盒子文本过多，高度超过了粉色盒子，则黄色盒子不会停留在右下方，而是掉到了粉色盒子下。...

2019-04-26 20:31:46 1362

原创 js逗号运算符

1、先看一例var a=1,b=2,c=3;function test(){ return a++,++b,c++;}执行test(),返回c 即返回c的值最终a==2,b==3,c==4表达式1，表达式2，表达式3……表达式n 依次执行表达式1，2，3，最终返回执行n之后的结果2、再看一例var age=10;var obj={ age:20...

2019-04-24 18:39:43 531

原创 vue中的nextTick的实现原理

使用vue中，我们经常使用nextTick,来监听当前dom节点更新完成了，（微任务），然后执行回调，那vue是怎么做到的呢？1、定义执行了nextTick的callbacks,一旦最近的dom节点更新了，则会统一清除所有的callbacks，执行flushCallbacksconst callbacks = []let pending = falsefunction flu...

2019-04-22 16:18:12 2469

原创 try catch捕捉异常分析

try catch捕捉异常ry cath里面定义function,执行function在try catch面，可以捕捉到try{ function d(){a.b;} d();}catch(e){console.log("error",e);}error ReferenceError: a is not defined at d (<anonymous...

2019-04-22 13:07:52 2231

原创正则表达式全析

基础语法：^ 匹配开始$匹配结束() 结果匹配项[] 任意匹配项 [abc]匹配a,b,c[^] 非任意匹配项 [^abc]不含a,b,c{2,} 2个以上，{2,2} 2个字符校验汉字：^[\u4e00-\u9fa5]{0,}$ // 0到N个中文字符^[^\u4e00-\u9fa5]{0,}$ //不包含中文字符的其他字符^[\u00FF-...

2019-04-09 19:11:26 142

原创 eslint配置

//使用eslint默认推荐的https://cn.eslint.org/docs/rules/，里面打勾的标识配置都为生效"extends": "eslint:recommended",//如下使用的是eslint-config-standard，可以省略前缀eslint-config-，引用共享的配置https://cn.eslint.org/docs/developer-guid...

2019-04-08 20:54:29 996