YC

Thinking will not overcome fear but action will.
-->

vue组件开发(组件之间的通信)

(优化代码)

自制vue组件开发 vue组件的分类 vue 组件大致分为三类,vue-router产生的每个页面,基础组件,业务组件。 vue-router组件,也就是平时用cli开发,使用的vue文件,每个文件,和页面都是一个vue组件,处理一些常规文件,主要作用是用来渲染页面使用的,一般不会复用。 基础组件,不包含业务,独立的,具有特定功能的组件,例如选择器,...

http缓存机制

(优化代码)

http 缓存机制 ##web缓存描述 Web 缓存是可以自动保存常见文档副本的 HTTP 设备。当 Web 请求抵达缓存时, 如果本地有“已缓存的”副本,就可以从本地存储设备而不是原始服务器中提取这 个文档。 web缓存能减少不必要的数据传输,能加载网页的速度,能避免服务器过载的情况出现。但是存在客户端直接读取本地缓存,而服务器的资源已经更改,导致用...

减少代码中的for循环

(优化代码)

在js代码中消除for循环以及降低if else 代码复杂度 个人认为for循环不够语义化,单单一个循环无法看懂这个函数的作用,而一些js自带的api能帮助更好的理解,例如数组的every,some,对于一个数组,使用every就能够满足数组里元素如果都满足判断函数就返回true,如果存在不满足就返回false,这比自己写for循环的可读性大大提高,当然,for循环的自由度高,能写任何遍历...

分装简单的vue组件 以及 上传到npm

(分装简单的vue组件)

前言 对于现在使用vue开发网页,大多数使用的都是第三方的ui组件库,例如element ui, iView, antd Vue,这样开发能够提升效率但是组件库不是万能的,对于一些业务功能在这些ui组件库上是没有的,所以需要我们自己diy一个组件,对于那些在业务上使用过多的组件,在公司其他项目上使用的到,那就需要自己做个组件并上传到npm 在其他项目上使用了。 1、新建项目初始化(基于vu...

es6 新增语法

(es6 新增语法)

前言 es6 语法格式 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。 它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。es6使得开发更加的快速,打个比喻,如果es5是锯子的话,那es6就是电锯。 目前浏览器大部分都兼容es6 像脚手架工具也使用了ba...

xlsx.js(用法)

(前端数显xlsx 下载)

前言 vue XLSX 使用 纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例 在vue组件中直接调用 XLSX 正文 在vue中使用xlxs 一、安装 cnpm i xlsx -S #or yarn add xlsx 二、引入vue import XLSX from 'lodash' 在vue-cli3中eslint 会对_报错 在package.jso...

lodash(用法)

(持续中)

前言 vue lodash 使用 lodash 是一套工具库 它内部封装了许多对字符串、数组、对象、常见数据类型的处理函数,其中部分是目前Es尚未定制的规范,但同时被业界认可的辅助函数。本文章记载的是一些个人觉得比较常用的函数 已经在vuecli 中安装使用 建议阅读 lodash中文文档 正文 在vue中使用lodash 一、安装 cnpm i lodash -S ...

esLint(用法)

(研究中)

前言 vue eslint 代码自动格式化 vue-cli 代码风格为 JavaScript Standard Style 代码检查规范严格,一不小心就无法运行,使用eslint的autoFixOnSave可以在保存代码的时候自动格式化代码 建议阅读 vscode推荐阅读 JavaScript Standard Style 代码风格规范 正文 eslint 自动格式...