eslint针对vue文件报错问题

发表于 问题记录 分类,标签:
Parsingerror:AdjacentJSXelementsmustbewrappedinanenclosingtag  解决问题方案:第一个就是解析器,必须在 parserOptions中,第二个就是需要extends创建 “plugin:vue/essential”和“standard”...

js获取客户端真实IP

发表于 javascript 分类,标签:
https://www.jianshu.com/p/956aeb07a9c3 ...

递归的真相,请不要相信什么尾递归可以优化递归代码!

发表于 JS 分类,标签:
网上很多人传言,尾递归能优化“栈溢出”,事实真的如此吗?吃瓜群众,遇到这种事最好的方法就是自己亲自测试一下。下面是三段递归累加代码对比://普通递归 functionfactorial1(n){ if(n===1)return1; returnn+factorial1(n-1);}//尾递归functionfactorial2(n,total){ if(n===1)returntotal; returnfactorial2(n-1,n+total);}//函数式传参递归functionfactorial13Callback(n,callback){if(n===1)return1;  returnn+callback(n-1,c...

css 动效网址

发表于 css3 分类,标签:
1.CSS实现抛物线运动效果 https://www.zhangxinxu.com/wordpress/2018/08/css-css3-%E6%8A%9B%E7%89%A9%E7%BA%BF%E5%8A%A8%E7%94%BB/ ...

css3翻书效果

发表于 css3 分类,标签:
强力推荐https://www.html5tricks.com/demo/css3-page-flip/index.html 推荐 https://www.html5tricks.com/demo/html5-css3-book/index.html https://www.html5tricks.com/demo/jiaoben2304/index.html#book7/page4-5 简易效果https://www.html5tricks.com/demo/html5-book-page/index.html https://www.html5tricks.com/demo/css3-3d-book/index.html ...

前端性能优化真实案例

发表于 JS 分类,标签:
 JS 处理JSON.parse(JSON.stringify(dataList)) 速度很慢,尽量不要使用,尤其在大型循环的时候,dataList里面的数据层级越深,数据量越大,速度就越慢需要证实此说话可以用树的节点数据进行测试。下图为我的测试结果。子数据都不到2000.1.1未优化1.2去除子节点children后 差距很明显。1.3采用concat...

Eslint 报错问题收集

发表于 JS 分类,标签:
1.Eslint:Unexpectedliteralinerrorpositionofcallbackstandard/no-callback-literal解决办法:1.在相应的.eslintrc.*文件中,配置相应的rules,添加如下语句来关闭规则"no-callback-literal":02.使用变量代替true/false/this,例如variable=true;callback(variable)...

webpack-dev-server --host 0.0.0.0 问题

发表于 问题记录 分类,标签:
将webpack中的host配置成0.0.0.0的好处是访问项目既可以使用localhost又能使用ip访问,这样不需要来回修改host,因为给别人访问时,必须使用ip才行,这样不限定ip能让团队每个开发都保持一致...

数字转中文

发表于 JS 分类,标签:
lettransferNUmber=(function(){   //数字   const_numArray=['零','一','二','三','四','五','六','七','八','九','十'];   //数字单位   const_unitArray=['万','千','百','十','亿','千&#...

vue动态事件和动态属性

发表于 JS 分类,标签:
1.动态事件<!--动态事件(2.6.0+)--><buttonv-on:[event]="doThis"></button><!--动态事件缩写(2.6.0+)--><button@[event]="doThis"></button>2.动态属性<!--动态特性名(2.6.0+)--><buttonv-bind:[key]="value"></button><!--动态特性名缩写(2.6.0+)--><button:[key]="value"></button>问题记录1.一定要注意当前使用的vue版本,必须在2.6.0+2.动态属...