webpack 1Webapck 2Webpack之编写⼀个Loader、Plugins和webpack的打包原理分析Webpack 4玩转 webpack，使你的打包速度提升 90%跟着"呆妹"来学webpack(基础篇)霖呆呆向你发起了多人学习webpack-构建方式篇(2)霖呆呆的六个自定义Webpack插件详解-自定义plugin篇(3)有些项目不按常理出牌对于只有vue.config.js的项目tree-sh...

对于在模板字符串中遍历的遍历的数据转数组数据为空的情况 {代码...} 实现对页面上某些对象文本信息的控制，禁止鼠标在当前元素上拖动. {代码...} 解决本地和线上环境的路径不同的问题window.location.replace无论前面的路径是什么只替换后面的文件路径名 {代码...} js的导出方式 {代码...} Object.isObject.is()方法判...

vue组件销毁时取消监听事件 {代码...} 外部监听组件或第三方组件的生命周期函数 {代码...} 状态管理小项目不用Vuex而是Vue.observable手写一个状态管理 store.js {代码...} 组件中使用 {代码...} Vue.extend + 单例模式去实现全局的loading Vue.extend是一个全局的api通过Vue.extend将组件转换为全局组件可以开发一些全...

获取当前网页的完整路径如:[链接] {代码...}

1 在除了C盘外的地方安装node2 在安装node目录 node_modules同级文件夹下新建node_global与node_cache4 配置npm的全局模块的存放路径、cache的路径 {代码...} 5 电脑的高级系统配置中 在【系统变量】下新建【NODE_PATH】输入D:\set\node\node_global6 【用户变量】下的【Path】修改为D:\set\node\node_global7 全局安装c...

dateUtil.js {代码...} 计算目前到目标日期还剩多少天 引入import dateUtil from '@/util/dateUtil' {代码...}

不同点：vue中数据劫持的方式，数据动态化响应方式vue2.0版本采用的 getter,setter,react中 自己造了一个很强大的机制通过标识去刷新页面，这时候重新调取渲染函数，生成虚拟dom 与之前的老dom作比较，从而在最后做最小的更新， 在架构上更大，更复杂

可以诸如此类的封装一下 {代码...} {代码...} this.$confirm确定框内容换行显示 {代码...}

ckeditor vue-quill-editor 粗略了解一下编译器的底层 ckeditor的使用 {代码...} {代码...} {代码...} 使用 {代码...} CKEditor (Toolbar Definition)工具栏自定义配置 {代码...} 本文内容图片来自[链接]

所以设置一个值为 null 是合理的，如 objA.valueA = null; 但设置一个值为 undefined 是不合理的，如 objA.valueA = undefined; // 应该直接使用 delete objA.valueA; 任何一个存在引用的变量值为undefined都是一件错误的事情。

Echarts数据可视化全解注释 {代码...}

同样树形架构的插件 vue-orgChartjsPlumbvue-org-tree官网vue-org-tree {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...}

在项目中我们常常要求各页面样式统一，所以在使用组件时封装居多 {代码...} {代码...} {代码...} 可加拖动 {代码...} **将时间转换成字符串时间** {代码...}

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。demo.less

返回任意一个非 promise 的值都会被包裹成 promise 对象， {代码...} 返回的值 {代码...} 值透传 {代码...} Promise.all() .race() {代码...} await后面的内容就相当于放到了Promise.then的里面 {代码...}

使用js的object来模拟真实的dom,更新之前做diff,达到最少操作dom的效果Vue中的虚拟domvue1响应式，Object.defineProperty每个数据修改,都能通知dom 去改变响应式的级别修改了， watcher只到组件级，组件内部使用虚拟dom

vue-server-render vue服务端的渲染器 express服务端的服务器 开发模式开发npm i vue-server-renderer express -D server/index.js

改一下输出地址，vue.confifig.jsoutputDir: 'dist/best-practice',构建： npm run build

{代码...}

{代码...} 在使用时要设置外层容器高度。并且要设置el-scrollbar 的高度为100% .el-scrollbar__wrap{ overflow-x: hidden;}

webapck配置文件 vue.config.js {代码...} index.html {代码...} 命令行命令vue inspect webapck的所有配置 vue inspect --rules 查看webapck中的rules规则模块 vue inspect --rule vue 查看单个模块中的规则 vue inspect --plugins 可以查看配置中的所有插件 vue inspect --plugin vue-loader 单个插件的配置项 图标的...

常⻅的开发流程⾥，都有测试⼈员，这种我们称为⿊盒测试，测试⼈员不管内部实现机制，只看最外层的输⼊输出，⽐如你写⼀个加法的⻚⾯，会设计N个case，测试加法的正确性，这种代码⾥，我们称之为E2E测试。更负责⼀些的 我们称之为集成测试，就是集合多个测试过的单元⼀起测试。还有⼀种测试叫做⽩盒测试，我们针对⼀些内...

unkonw任何数据的类型都是unkonw的子类型所以unkonw只能作为类型的父类 ，不能作为类型的子类implements extendsimplements 理解为实现 A implement B, A上要有B对应的属性和方法不能用于两个interface之间类和类之间 {代码...} 和方法*类和接口之间： {代码...} 在他typescript中使用implements来实现一些类共有方法属...

在初始化的时候当我们 拿着后台返回的值，去赋值给下拉框的时候，常常仅仅显示数字，为什么呢？不是应该显示id对应的value吗？两种可能:1.后端返回的下拉框中的数据，缺少了这一条，如果说后端说返给你了，那么就肯定是第二种情况了2.返回的下拉框数据比较多，后端做了分页，所以初始化的时候只默认给了你10条那么身为去...

服务器知识：koa、node.jsSSR原理：*将同⼀个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应⽤程序。*应⽤场景：

**返回按钮状态⾃动判断：history.length是不可靠的，它既包含了vue app路由记录，也包括其他⻚⾯的。可以添加⼀个⾃定义的历史记录管理栈，创建./utils/history.js**

可输入远程搜索的下拉框 {代码...} time-line的时间在上的格式和v-clipboard一键复制功能 {代码...} 时间天数组件el-date-picker {代码...} el-dialog可随点击按钮的位置动态改变 {代码...}

**在点击编辑图标显示下拉框，并给下拉框加上自定义指令，在点击下拉框外的时候，切换flag，隐藏框，显示图标。**如果点击的不是自定义指令绑定的dom元素，则会触发v-clickoutside后的函数， 这个函数里面要做一个辨识，防止一直触发在里面改变的状态（会陷入死循环）

ctrl + s :保存ctrl + x 、ctrl + c 、ctrl + v: 剪切、复制、粘贴ctrl + a : 全选shift + end :从头选中一行shift + home:从尾部选中一行shift + alt + 上下键: 快速复制一行alt + 上下键 :快速移动一行ctrl + z : 撤销ctrl + y : 还原alt + 光标左键: 实现多光标的操作ctrl + d: 快速选中后面的代码shift + option + A...

初始于登录页面 Home.vue {代码...} About.vue {代码...} login.vue {代码...} /service/user {代码...} App.vue {代码...} cube-ui组件的引用 cube-ui.js {代码...} cube-ui的样式 theme.styl {代码...} axios 请求响应拦截器 interceptor.js {代码...} 路由守卫 路由 router.js {代码...} mock数据 或mock-easy vue.co...