自己一个人整前端开发的时候，规范都是想起哪是哪。现在人多了，不能一个人一个js规范。目前的项目基本都是基于VUE的项目，遂用eslint来约定项目中的js代码。 1.vue项目里 .eslintrc.js vue本身有一些默认的规则，根据 ...

面向有一定前端基础的同学（简单会用HTML5、CSS3、javascript相关语法即可） 一 、准备工作（熟悉此过程的可以跳过本章节） Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 详细异步>>https://cli ...

本章主要演示VUE项目引入ElementUI 、Vuex、 axios、Mock.js及一些公共变量的配置 本章需要在上一章的基础上安装以下组件，绿色为新增组件 image.png 也可异步github至项目自行对照package.jso ...

tree shaking，这个还是一个比较重要的一个东西吧，可以大大的优化你的项目。 git仓库：webpack-demo 1、是什么？ 我们首先从字面意思上来理解一下，tree shaking翻译一下就是摇树罗，摇树的时候就会把不必要的 ...

说明 最近在学习 Webpack 模块部分的相关知识，正好读到这篇文章。学习与翻译花了将近一天左右的时间，本文纯属自学时的无聊瞎搞。如有错误，欢迎请指出。 原文：《JavaScript Module Systems Showdown: Co ...

如何构建一个libray库？构建完后怎么发布到npm让大家都可以用到？为什么要构建发布一个自己的函数库？本章就是想谈下这些问题。 webpack从0到1 panda-utils 1、缘起 为什么要用webpack写一个自己的函数库？因为有 ...

React服务端渲染-next.js前端项目大方向上可以分为两种模式：前台渲染和服务端渲染。前台渲染-SPA应用是一个主要阵营，如果说有什么缺点，那就是SEO不好。因为默认的HTML文档只包含一个根节点，实 ...

因为我们项目就是在vue-cli3.x的基础上进行的一个能力的补充，新的脚手架生成的项目如何引入vant，简单的说一下。项目相关：panda-vue-template手把 ...

AST 是什么？AST (Abstract Syntax Tree(抽象语法树)) 是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构。它由一堆节点（Node）组成，每个节点都表示源代码中的一种结构。不 ...

前言Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、W ...