现在代码的格式都有 eslint、prettier、babel 这些来保证,但是技术手段再高端都不能解决代码可读性的问题。 因为这个只有个人才能解决。但是注意一下事项,可以显著提高代码的可读性、可识别性。 一、变量相关 1、限量数量的定义。 不要滥用变量,数据只使用一次或者不使用就无需装到变量中。 ...
分类:
Web程序 时间:
2018-12-21 00:59:03
阅读次数:
273
react 项目搭建 系统: windows 1.安装 node node 下载地址.一路 next 如果遇到 windows 没有权限安装 msi 文件.打开 cmd,运行msiexec /package 文件路径. 查看是否安装成功,打开终端 2.安装 vscode 编辑器 vscode 下载地 ...
分类:
其他好文 时间:
2018-12-20 22:19:53
阅读次数:
331
一般来说项目开发到后期都需要做各种兼容性处理例如:360、IE9以上、QQ浏览器....等等 那么现在来介绍一个工具 babel-cli 跟 babel-preset-es2015 babel-cli 在项目中安装好这两个依赖 npm install -save babel-cli npm inst ...
分类:
其他好文 时间:
2018-12-18 15:50:19
阅读次数:
809
`Babel`是什么? 是一个编译 的平台,它的强大之处表现在可以通过编译达到以下目的: 使用下一代的javaScript代码(ES6,ES7….),即使这些标准目前并未被当前的浏览器完全支持。 使用基于JavaScript进行了扩展的语言,比如React的JSX。 1.如何让webpack支持ba ...
分类:
Web程序 时间:
2018-12-18 02:02:34
阅读次数:
209
这里主要讲解添加less 和 实现Antd按需加载 首选需要执行npm run eject 暴露所有内建的配置 ,这是后面所有配置的基础,这个必须优先执行! 一、实现Antd按需加载 按需加载插件。只需要引入模块即可,无需单独引入样式。 1. 使用babel-plugin-import实现Antd按 ...
分类:
移动开发 时间:
2018-12-17 14:47:14
阅读次数:
356
工作中的项目不止有页面繁多的模块化项目,还会只有一两个页面的类似于填写信息参与活动的活动页。这个时候,就可以回归以前的三剑客模式,在 index.html 里引用 vue.js 进行开发。 关键点: 引入 babel polyfill 以转换 es6 的代码,需要作为第一个引入的 script 脚本 ...
分类:
其他好文 时间:
2018-12-16 14:36:56
阅读次数:
134
高阶组件其实是个函数 使用组件作为参数或者函数返回值是一个组件 高阶组件的使用: 1.定义一个函数,参数是一个组件,函数返回值是一个组件 2.@高阶组件名 1.npm run eject 2.npm install babel-preset-stage-2 --save-dev 3.npm inst ...
分类:
其他好文 时间:
2018-12-14 17:16:22
阅读次数:
131
vue官方的意思是vue项目可以在ie8以上的ie版本中运行 但其实使用vue cli构建的项目也还是不能在ie8【ie9,ie10,ie11】以上的版本中运行 下面就来讲vue如何在ie8以上ie版本中运行 1.安装 babel polyfill 2.在项目入口文件,如本项目中的main.js文件 ...
分类:
其他好文 时间:
2018-12-13 12:45:31
阅读次数:
214
前言:作为一名程序员遇到Bug总是在所难免的,但是记住"不二过",今天在Vue开发中遇到了一个报错让我纠结了许久,找了许久, 报错的原因是使用了mui导入其js文件导致的. 报错信息如下: Uncaught TypeError: 'caller', 'callee', and 'arguments' ...
分类:
其他好文 时间:
2018-12-08 19:17:22
阅读次数:
349
webpack报错: 原因: babel core和babel preset env依赖被替换为@babel/core和@babel/preset env,因为新版本的Babel7中对官方提供的依赖使用了命名空间@babel 解决: 在.babelrc文件或在webpack.config.js文件中 ...
分类:
Web程序 时间:
2018-12-08 14:48:09
阅读次数:
11731