摘要: 最近复习了一下gulp,目前是4.0版本。 下图是基本目录结构,文件里面的内容可以随意添加,超详细简洁啊! 直接上代码(依赖未完全使用): 项目的所有依赖都可以安装,每个都有详细的注释。 阅读全文
posted @ 2019-03-03 00:14 tang丶有年 阅读(5034) 评论(0) 推荐(0) 编辑
摘要: 本讲解基于Vue-cli(脚手架)搭建的项目。 Vuex 数据状态管理工具,整个流程类似依赖注入,相当于预先定义,倒推。(个人理解) 1. 安装vuex 命令行输入 npm install vuex --save 2.在根目录的src下新建 store文件夹,并且在其内创建5个js文件。 index 阅读全文
posted @ 2017-11-26 22:03 tang丶有年 阅读(355) 评论(0) 推荐(0) 编辑
摘要: Vue2/3 项目中的 ESLint + Prettier 代码检测格式化风格指南 因为平时都是使用 VSCode ESLint + Prettier 检测格式化不规范代码,但是随着接手的项目越来越多,需要统一每个项目的代码规范,于是在此分享vue项目的几种代码格式化风格(default,stand 阅读全文
posted @ 2022-03-04 14:51 tang丶有年 阅读(1493) 评论(1) 推荐(1) 编辑
摘要: 问题:多个table表格使用v-if切换展示时,会导致table表格渲染内容出错 解决方法:给table加个 key 产生原因:vue在渲染组件的时候, 会先按照key判断是否是同一组件,如果没有则按照标签名,这样会导致渲染 el-table组件的时候, 多个被识别成同一个导致渲染内容混淆 阅读全文
posted @ 2021-09-26 10:50 tang丶有年 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 上一篇文章实现了v-bind, v-on指令以及methods等,这一篇来实现computed和watch; 1. computed 在Vue实例中通过this可以直接访问computed中的计算属性,而且它可以实现缓存,并且只有当依赖的数据变化才会更新; 1.1 ComputedWatcher 需 阅读全文
posted @ 2020-09-17 11:10 tang丶有年 阅读(94) 评论(0) 推荐(0) 编辑
摘要: 上一篇文章实现了数据的双向绑定,这一篇来实现v-bind, v-on指令以及methods等。 1. v-model语法糖指令拆分处理 1.1 首先来修改判断是否是指令的函数 isDirective(attrName){ return attrName.startsWith('v-on:')||at 阅读全文
posted @ 2020-09-17 11:05 tang丶有年 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 上一篇文章实现了模板数据展示到视图上面,这一篇来实现数据的双向绑定。 Watcher 实现一个Watcher,可以收到属性的变化通知并执行相应的函数,从而更新视图。 这里的实现需要结合发布订阅者模式。 1. Dep类的实现 完成对于依赖的收集和触发 class Dep{ constructor(){ 阅读全文
posted @ 2020-09-16 10:19 tang丶有年 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 从零开始一步一步实现个简易版vue,包含响应式,computed,watch,methods等原理。 MVVM原理 Vue2.0 响应式原理最核心的方法便是通过Object.defineProperty()来实现对属性的劫持,达到监听数据变动的目的; 关于Vue响应式机制,Object.define 阅读全文
posted @ 2020-09-16 10:13 tang丶有年 阅读(316) 评论(0) 推荐(0) 编辑
摘要: 第 1 题:请设计一个攻击服务器的策略 难度:阿里p5 ~ p7、腾讯t21 ~ t31 提供几个常见的策略 前段时间很火的一个例子,伪造虚假npm包 + nodejs版本的payload nodejs的反序列化攻击 第 2 题:请写一个正则,去除掉html标签字符串里的所有属性,并保留src和hr 阅读全文
posted @ 2019-05-21 14:18 tang丶有年 阅读(989) 评论(2) 推荐(0) 编辑
摘要: 上面代码出自 https://juejin.im/post/5bc93881f265da0aea69ae2e vue-cli3 的配置svg-sprite-loader大多都是上面这样的。 但是我自己写的时候会在node_modules里有个svg导致一直报错!!! 最终解决!! 出自https:/ 阅读全文
posted @ 2019-03-29 17:43 tang丶有年 阅读(4739) 评论(0) 推荐(0) 编辑
摘要: 最近复习了一下webpack,使用的是4.0版本。 下图是基本目录结构,最后留有代码地址,有兴趣可以去看看。 直接上代码(依赖未完全使用): 项目的所有依赖都可以安装,每个都有详细的注释。】 最后放上代码文件地址 https://github.com/TKBnice/TKBnice-webpack4 阅读全文
posted @ 2019-03-05 21:39 tang丶有年 阅读(1052) 评论(0) 推荐(0) 编辑