摘要:
安装 ~~~JavaScript // 合并 css npm install save dev mini css extract plugin // 压缩 css npm install save dev optimize css assets webpack plugin // 添加前缀 npm 阅读全文
摘要:
代码啊分割 如果把 一个 应用的 所有代码 都打包到 一个文件,如果文件过于庞大,首次加载 会非常 缓慢,同时 加载了 没使用的 模块,因此 可以把 这些代码模块 分割成 单独一个文件,运行时 再去加载。使用webpack4.x的 splitChunksPlugin插件 可以帮助我们实现代码分割,替 阅读全文
摘要:
功能 像搜索功能,在点击某项进入详情页,再回到搜索界面,如果不做特殊处理,初始化到原来的状态,在vue中可以使用keep alive缓存搜索界面,达到数据不刷新的结果。 思路 在搜索路由对象的meta添加一个keepAlive属性,值为true,表示在路由切换的时候,会被缓存。这样一来搜索界面的数据 阅读全文
摘要:
引言 数组去重有:双层遍历去重以及set或者map去重,除了这两种,还可以利用对象来完成数组的去重。 双层遍历 数组Array的原型上有很多方法,例如forEach、indexOf、map、filter、find等等,无论使用哪两个方法进行双层遍历完成数组去重,性能远不及Set,这里就以forEac 阅读全文
摘要:
原因 基础不牢固就是这样了,事件的native修饰符只能在组件上使用,原生的html标签是不能使用的,这是因为我在input标签使用了native修饰符。 阅读全文
摘要:
this 在面试中,js指向也常常被问到,在开发过程中也是一个需要注意的问题,严格模式下的this指向undefined,这里就不讨论。 普通函数 记住一句话哪个对象调用函数,该函数的this就指向该对象。总指向它的调用者。 obj.getName() 无疑会打印出'黄杰',b()可以写成windo 阅读全文
摘要:
引言 今天就来了解一下 方法,直到今天才发现原来有这么一个神奇的方法 描述 该方法允许精确添加或修改对象的属性。通过赋值操作添加的普通属性是可枚举的,能够在属性枚举期间呈现出来(for...in 或 Object.keys 方法), 这些属性的值可以被改变,也可以被删除。这个方法允许修改默认的额外选 阅读全文
摘要:
引言 使用axios发送ajax请求,如果不使用强大的拦截器,简直是太可惜了,axios拦截器分为 请求拦截器和响应拦截器 两种。接下来我们来看看咋定义这两种拦截器。以 项目来说明 我的目录结构 文件 分装请求函数 文件 定义拦截器 定义拦截器 这里也可以不用创建axios的实例, 直接使用axio 阅读全文
摘要:
引言 按照 官网配置按需引入,还是出现一系列的报错: 原因 当我们使用react app rewired配置按需加载,是不能执行yarn eject,暴漏React脚手架webpack的配置文件,否则就会报以上的错误。如果需要暴漏配置文件,可以使用下面这种方式配置按需加载。 使用 babel plu 阅读全文
摘要:
引言 学编程,还是多敲代码呀,React脚手架不支持less,因此需要配置webpack的 文件 释放配置文件 我们在使用React脚手架的时候,发现发现是没有 文件的,需要在项目中执行 命令,我试过使用 不行,因此需要安装 ~~~JavaScript // 全局安装 npm install yar 阅读全文