- 博客(18)
- 收藏
- 关注
原创 初探脚手架
初探脚手架脚手架的必要性新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入脚手架的必要性你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,
2021-12-30 21:40:26 331
原创 MVVM原理
MVVM是什么?数据驱动视图通过 ViewModel 在 Model(模型) 修改的时候触发 View(视图) 渲染,View 中事件(点击等)修改 model 层数据实现方式1、发布订阅者2、脏值检查3、数据劫持思路1、实现一个数据监听器Observer,能够对数据对象的所有属性进行监听,如有变动可拿到最新值并通知订阅者2、实现一个指令解析器Compile,对每个元素节点的指令进行扫描和解析,根据指令模板替换数据,以及绑定相应的更新函数3、实现一个Watcher,作为连接Obs
2021-07-12 10:31:27 382
原创 自动化骨架屏生成方案-升级版
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-04-12 22:49:11 450
原创 vue -- 浏览器标签页title修改
vue – 浏览器标签页title修改main.js配置Vue.directive('title', { inserted: function (el) { document.title = el.dataset.title }})任何一个组件中添加<span v-title data-title="标签页title"></span>...
2019-12-20 17:48:15 2210
原创 Git -- 推送本地分支到远程分支
git推送本地分支到远程分支1、远程有分支,直接将分支拉到本地进行开发(第一个devName本地分支,第二个origin/devName远程分支)git checkout -b devName origin/devName2、本地开启一个新的分支,推送至远程(第一个devName本地分支名字,第二个devName远程分支名字)git push origin devName:dev...
2019-11-20 17:32:46 245
原创 webpack报错之-- CleanWebpackPlugin is not a constructor
webpackCleanWebpackPlugin is not a constructor改成: 解构赋值、CleanWebpackPlugin不写参数默认删除output.path目录下的文件(如下)
2019-10-29 22:18:23 165
原创 F5和Ctrl+F5区别
F5使用F5刷新页面,size显示内容来自缓存size以下集中常见情况1、from memory cache: 请求数据来自内存,关闭页面后内存会被释放,再次打开会重新请求资源,status为2002、from disk cache: 请求数据来自磁盘,之前某个时间段加载过该资源,关闭页面后不会释放,再次打开页面,显示的仍然是from disk cache3、资源本身的大小: stat...
2019-10-15 14:42:10 222
原创 ESLint报错之-- TypeError: Cannot read property 'range' of null
Eslint解决方案:删除node_modules文件,重新npm install安装相关依赖包
2019-08-21 15:55:31 2101
原创 ECMAScript6新特性
let生命变量1、只在它所在的代码块有效{ let a = 10; var b = 1;}a // Uncaught ReferenceError: a is not definedb // 12、不存在变量提升// var的情况console.log(foo); // undefinedvar foo = 2;//let的情况console.log(bar); //...
2019-08-15 22:09:36 75
原创 ECMAScript - ECMAScript和JavaScript关系
ECMAScript和JavaScriptJavaScript是由ES(ECMAScript)、DOM(浏览器文档对象)、BOM(浏览器对象模型)组成ECMAScript和JavaScript的关系是前者是后者的规格(规范),后者是前者的一种实现。...
2019-08-15 20:21:28 267
原创 SCSS
SCSScss预处理器一种CSS预处理器一种专门的编程语言,它能使CSS更简洁、适应性更强、层级关系更加明显,并提高可读性、易于代码的维护。CSS进行大规模的web开发时,容易造成选择器层叠导致代码严重混淆SCSS对网页样式进行设计再编译成正常css文件SCSS它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、...
2019-08-14 18:36:20 421
原创 ESLint报错之 -- Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag
ESlintParsing error: Adjacent JSX elements must be wrapped in an enclosing tag(分析错误:相邻的JSX元素必须包装在封闭标记中)解决办法:在根目录的**.eslintrc.js**文件下添加如下代码。 module.exports = { extends: [ 'plugin:vue/rec...
2019-08-14 14:27:04 8530 2
原创 CSS命名规范--BEM
BEM基于组件方式的web开发方法,基本思想是将用户界面分成独立的模块。Block(块)(通常指模块,组件) Block 是一个逻辑上和功能上独立的页面组件,等同于网页组件中的部件(等同于网页中的组件)。Block 封装了行为(Javascript)、模板、样式(CSS)和其他实现技术。独立状态的 Block 可供复用,并且促进项目开发和维护。内容模块名称:描述...
2018-03-06 20:02:37 8901 1
原创 页面加载和重绘重排
输入url到页面加载经历了什么1.在浏览器地址中输入url; 2.浏览器在查看是否有浏览器缓存-系统缓存-路由缓存,如果缓存中有,直接显示在页面中;如果没有,则进入下一步; 3.进行DNS(域名)解析,获取相应的IP地址; 4.浏览器向服务器发起tcp连接请求,进行tcp三次握手; 5.浏览器像服务器发送http请求,请求数据包; 6.服务器处理请求,将数据返回至浏览器; 7.浏览...
2018-02-08 18:43:17 249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人