框架与插件
苍海一声呵呵呵
这个作者很懒,什么都没留下…
展开
-
eslint 的配置与使用
eslint 的配置与使用格式rules: { "规则名": [规则值, 规则配置]}规则值"off"或者0 //关闭规则"warn"或者1 //在打开的规则作为警告(不影响退出代码)"error"或者2 //把规则作为一个错误(退出代码触发时为1).eslinrc.js 配置官方参考module.exports = { root: true, // 设置当前目录为根目录,停止在父级目录中寻找eslint配置 env: { node: tru原创 2020-06-22 14:50:33 · 997 阅读 · 0 评论 -
webpack基本配置
webpack基本配置写于2018-10-23,基于webpack 4.22.0写的demo项目文件放在github上安装npm install -g webpack 全局安装搭建项目在项目文件夹创建package.json文件,里面包括当前项目的基本信息,依赖模块,自定义的脚本任务等。使用npm init命令可以自动创建这个package.json文件。本项目...原创 2019-11-29 11:09:09 · 255 阅读 · 0 评论 -
Cookie、 LocalStorage 与 SessionStorage区别与用法
Cookie、 LocalStorage 与 SessionStorage区别与用法特性CookieLocalStoragesessionStorage生命期一般由服务器生成,可设置失效时间。如果在浏览器端生成Cookie,默认是关闭浏览器后失效除非被清除,否则永久保存仅在当前会话下(同一窗口或标签页)有效,关闭页面或浏览器后被清除大小4K左右一般为5MB...原创 2019-11-16 17:34:00 · 522 阅读 · 0 评论 -
多张Echart图表根据浏览器大小自适应
业务需求:一个页面内有多张图表,需要自适应定义用字符串拼接起来的变量名的变量//有多个图表时,需要给每个图表定义一个单独的名字,以便于接下来每个图表自适应调用var name = 'pieChart_' + index; //生成函数名,index为变量window[name] = echarts.init(document.getElementById('id'));windo...原创 2018-08-27 22:55:09 · 1151 阅读 · 0 评论 -
js-cookie 轻量级cookie处理库
js-cookie 轻量级cookie处理库安装npm install js-cookie --save// 或yarn install js-cookie使用// 引入import Cookies from 'js-cookie'创建// 创建整个网站上有效的cookieCookies.set('name', 'value');// 创建有效期为7天的cookie,该c...原创 2019-11-16 17:28:16 · 1940 阅读 · 0 评论 -
eslint验证
eslint验证使用:yarn lint或npm run linteslint自动修复yarn lint --fix格式rules: { "规则名": [规则值, 规则配置]}规则值"off"或者0 //关闭规则"warn"或者1 //在打开的规则作为警告(不影响退出代码)"error"或者2 //把规则作为一个错误(退出代码触发时为1).esl...原创 2019-11-13 21:01:19 · 513 阅读 · 0 评论 -
vue cli3项目添加githook,代码提交前eslint验证
vue cli3项目添加githook,代码提交前eslint验证在package.json 的 gitHooks 字段中定义:"gitHooks": { "pre-commit": "lint-staged"}安装lint-staged:yarn add lint-staged --dev配置前端文件过滤的工具Lint-staged:"lint-staged": { ...原创 2019-11-13 20:57:54 · 3093 阅读 · 1 评论 -
axios使用
axios使用文档安装yarn add axios基本配置{ // `url` 是用于请求的服务器 URL url: '/user', // `method` 是创建请求时使用的方法 method: 'get', // 默认是 get // `baseURL` 将自动加在 `url` 前面,除非 `url` 是一个绝对 URL。 // 它可以通过设置一个 `...原创 2019-11-13 20:48:26 · 358 阅读 · 0 评论 -
前端 mock 数据
前端 mock 数据Easy Mock由于easy mock线上服务基本打不开的情况,所以有能力的还是做一下本地部署(参考)在easymock创建一个项目,并将项目的 Base URL 配置到axios的 baseURL,easymock不需要解决跨域的问题。Yapi公司内部的话也可以做一下内网部署用法和easymock差不多,将yapi内项目的mock地址配置到axios的baseU...原创 2019-11-13 20:41:23 · 850 阅读 · 0 评论