![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
个人学习
文章平均质量分 55
weixin_40793759
这个作者很懒,什么都没留下…
展开
-
create-react-app搭建没有src文件等
如果运行一下命令:npx create-react-app my-app没有出现scr、public等文件,可能是create-react-app的版本太低,可以运行以下卸载create-react-app,之后重新运行上面命令行:creact-react-app -V //查看版本 or creact-react-app --versionnpm uninstall create-react-app -g//先尝试: 文件路径 rm -rf create-react-app//rm原创 2021-02-08 14:55:19 · 283 阅读 · 0 评论 -
网页性能优化
(这些事废话大家随意ha)之前一直不太注意这方面的需求,而且项目代码量也不是很多看起来好像没什么前端性能方面的问题,加之公司项目方面也没太要求,所以我就似偷懒了嘛,氮素最近面试还是总结下吧hhhhh首先造成前端性能方面的东西从最基本的页面渲染方面那就是重排和重绘“重绘"不一定需要"重排”,“重排"必然导致"重绘”。参考博客看这里原文链接例如:一般来说,样式的写操作会造成页面的重新渲染...原创 2019-11-19 18:23:02 · 301 阅读 · 0 评论 -
小程序自定义键盘车牌号输入
page { background: rgba(248, 248, 248, 1); display: flex; flex-direction: column; justify-content: flex-start; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC"...原创 2019-11-18 14:54:57 · 1283 阅读 · 0 评论 -
数组去重方法总结
数组去重第一种方法:es6的new Set()function dedupe(array) { return [...new Set(array)] //写法:Array.from(new Set(array)); new Set(arr)返回的是set结构对象,Array.from方法可以将 Set 结构转为数组。}var arr = [1,2,2,3,3,4,4,5,5...原创 2019-07-02 22:26:12 · 87 阅读 · 0 评论 -
vue的computed
<div id="example"> {{ message.split('').reverse().join('') }}</div>官方代码:这样复杂的逻辑会使vue页面变得累赘,使得你的代码more than once to parse,所以这时候引入了 computed property<div id="example"> <p v-...原创 2019-06-24 12:09:47 · 83 阅读 · 0 评论 -
vue生命周期
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...原创 2019-06-23 20:00:39 · 62 阅读 · 0 评论 -
rest参数
rest参数会接受函数多余参数,此意义上用法跟普通函数的形参实参一样Rest参数和arguments对象的区别rest参数只包括那些没有给出名称的参数,arguments包含所有参数arguments 对象不是真正的数组,而rest 参数是数组实例,可以直接应用sort, map, forEach, pop等方法arguments 对象拥有一些自己额外的功能rest参...转载 2019-06-22 21:53:59 · 166 阅读 · 0 评论 -
v-if vs v-show
v-if is “real” conditional rendering because it ensures that event listeners and child components inside the conditional block are properly destroyed and re-created during toggles.v-if is also lazy: ...原创 2019-06-24 20:27:35 · 60 阅读 · 0 评论 -
webpack4.0 + vue2.0 (一)
npm init -ypackage.json配置main:es5编译入口文件npm i 各种dev如果遇到babel-loader和babel-present-esxx,npm un babel-present-esxx ,参照https://segmentfault.com/p/1210000008466178vue 启动时,如果出现以下错误把node_modules 删...原创 2020-04-24 12:23:41 · 239 阅读 · 0 评论 -
action和mutation区别小记
action官方解释:可执行异步操作,而mutation只能执行同步操作不是突变直接操作state值,而是commit mutation之后由mutation操作state可以理解为如果业务中存在异步操作可用action,操作state唯一的途径时mutation;actions并不一定要, 但是mutation是必须要的, state的值, 只能通过mutation来编辑...原创 2019-06-30 21:29:46 · 3124 阅读 · 0 评论 -
下载文件的处理
下载文件的处理直接a标签处理<a style="color:#fff" href="<下载链接>" >导出</a>js处理可添加token处理:let elink = document.createElement(‘a’);elink.download = “文件名字.xls”;elink.href = ${url}?token=${token}...原创 2019-07-25 14:10:44 · 217 阅读 · 0 评论 -
微信h5网页分享好友
最近公司做一个抽奖页面分享好友抽奖次数增加,需要调微信js-sdk步骤一<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>步骤二配置...原创 2019-09-26 12:56:25 · 1328 阅读 · 0 评论 -
let const var运用中区别
let和varlet声明之前是不可用的会报错,而var会进行预处理输出undefinedlet遵循全局和局部作用域,但是es6新增块级作用域概念,即其在整个大括号 {} 之内可见。而var是全局作用域和局部作用域,可以跨块访问const和let区别const 和 let的书块级作用域,不同的是const一旦赋值不可更改,但是本身是可以改变的(例如数组、对象这类变量)cons...原创 2019-06-22 18:46:28 · 78 阅读 · 0 评论 -
Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
Cannot find module ‘webpack/lib/node/NodeTemplatePlugin’因为我npm install webpack -g和npm Install webpack --save-dev安装的都是webpack4.0.0以上的,webpack4以上将webpack-cli这个模块分离出来了所以汇报以上错误。解决方法:npm i webpack-cli...原创 2019-03-17 22:00:55 · 313 阅读 · 0 评论 -
webpack的学习小笔记
webpack编译sass:npm install node-sass sass-loader --save-devwebpack编译图片:npm install url-loader file-loader --save-dev(两个loader的区别是以url引入的图片编译成base64,在配置config文件时user的loader的options可选参数,例如当指定的图片limit限制...原创 2019-03-18 22:59:04 · 84 阅读 · 0 评论 -
关于对象、数组的深拷贝总结
var arr = [“a”,“b”];var arrCopy = arr;arrCopy[1] = “c”;arr // =&gt; [“a”,“c”]对于对象和数字都存在这种问题浅拷贝,上述的可以遍历递归等方法赋值,数组还有contact内置方法我的终极方法。。。。(多层嵌套也适用)对象直接转成字符串然后赋值不存在栈的存储JSON.stringify();然后用JSON.par...原创 2019-12-13 11:10:14 · 390 阅读 · 0 评论 -
数组&字符串学习
创建数组var arr = new Array(8) //代表创建的数组长度var arr1 = new Array(5,4,3,3,'test') //调用两个或多个数组元素或者数组的一个非数值元素,参数将会成为新数组的元素数组方法arr.push()和arr.unshift()向数组追加元素,返回新数组长度,改变原有数组arr.pop()和arr.shift()删除...原创 2020-03-15 13:02:38 · 69 阅读 · 0 评论 -
flash和js通过什么类如何交互
flash和js通过什么类如何交互没有用过flash只是看到这个问题顺便记录一下flash.external 包中包含可用于与 Flash Player 的容器进行通信的 ExternalInterface 类,ExternalInterface提供连个对象方法addCallback和call。addCallback直接注册函数容器调用:addCallback(functionName:S...原创 2019-06-04 15:14:08 · 416 阅读 · 0 评论 -
双向数据绑定原理
每个vue属性用Object.defineProperty()实现数据劫持,为每个属性分配一个订阅者集合的管理数组dep;然后在编译的时候在该属性的数组dep中添加订阅者,v-model会添加一个订阅者,{{}}也会,v-bind也会,只要用到该属性的指令理论上都会,接着为input会添加监听事件,修改值就会为该属性赋值,触发该属性的set方法,在set方法内通知订阅者数组dep,订阅者数组循环调...转载 2019-06-21 21:38:02 · 73 阅读 · 0 评论 -
Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
Cannot find module 'webpack/lib/node/NodeTemplatePlugin'还是一枚小白,按照这个https://zhuanlan.zhihu.com/p/20367175做的,结果运行webpack的时候就出现这个然后百度嗖嗖嗖出现了这个方法https://blog.csdn.net/zhjm07054115/article/details/789347...原创 2019-03-17 21:50:17 · 117 阅读 · 0 评论