- 博客(13)
- 收藏
- 关注
RSS订阅原创 BFC
BFCBFC（Block formatting context） 块级格式化上下文块级格式化上下文，是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。BFC功能就是包住里面的东西，即使是浮动的;触发BFC的方式 | 触发条件：根元素或者其他包含他的元素position: absolute/fixeddisplay: inline-b...
2019-10-24 12:14:13
154
原创 前端设计模式
常见的前端设计模式 大概有：订阅/发布模式(观察者) 单 模式应用场景策略模式代理模式中介者模式装饰器模式外观模式工厂模式建造者模式迭代器模式享元模式应用案例职责链模式适配器模式模板方法模式备忘录模式...
2019-09-09 23:09:26
210
原创 从输⼊ URL 到⻚⾯加载完成，发⽣了什么？
我们的性能优化策略，也是基于这个问题，针对每⼀步依次解析步骤⽤户输⼊taobao.com浏览器通过DNS，把url解析为IP和IP地址建⽴TCP链接 发送HTTP请求服务器接收请求，查库，读⽂件等，拼接好返回的HTTP响应浏览器收到⾸屏html，开始渲染解析html为dom解析css 为css-treedom+ css ⽣成render-tree 绘图加载script的js⽂...
2019-08-25 19:30:28
1533
原创 JS的运行机制
代码块 JS中的代码块是指由<script>标签分割的代码段。 JS是按照代码块来进行编译和执行的，代码块间相互独立(即就算代码块1出错，但不影响代码块2的加载和执行)，但变量和方法共享。案例：2个代码块<script type="text/javascript"> console.log("这是代码块一");</script> <s...
2019-08-25 18:07:00
138
原创 vue + element-ui el-form-item循环校验及 el-table和el-form表单校验嵌套使用
vue + element-ui el-form-item循环校验及 el-table和el-form表单校验嵌套使用无论是单纯的form-item循环还是把form-item放到表格的td中，其实都是在循环每个form-item，校验的方式有两种模版部分规则直接写到data中无论是单纯的form-item循环还是把form-item放到表格的td中，其实都是在循环每个form-item，校验的...
2019-08-25 15:51:13
7731
2
原创 Vue Router 详解 路由嵌套、路由模式、动态路由、路由守卫
先附上gitHub地址https://github.com/DorisLiu6/VueDemo，不妨下载试试吧，后续也将在该项目中持续更新vue相关内容。有疑问欢迎给我留言喔，最后转载请注明出处，谢谢。路由路由不仅前端有，源于服务器端，前端发送Http请求到服务器端，带地址（api/goods），后台通过接口该URL去匹配对应的类和函数处理 返回结果；前端的路由： 当浏览器的URL变化时，v...
2019-08-18 13:35:02
1015
翻译 MVVM 和 VUE三要素：响应式、模板引擎、渲染
本文将详细解答以下问题如何理解mvvm说一下使用jQuery和使用mvvm框架的区别说一下对mvvm的理解vue如何实现响应式vue如何解析模板vue的整个实现流程jQuery和vue的区别： - 数据和视图分离，解耦（开放封闭原则）2.以数据驱动视图，只关心数据变化，DOM操作被封装对mvvm的理解mvc（modal, view, controller）mvvm（mod...
2019-07-01 22:01:59
848
原创 原型、原型应用、及其拓展性
原型的简单使用 <script type="text/javascript"> var $p = $('p') $p.css('font-size', '40px') //css是原型方法 alert($p.html()) //html是原型方法 var $div1 = $('#div1') $...
2019-06-30 22:26:09
225
原创 Promise 的基本使用
回调地狱 Callback Hellfunction loadImg(src) { var promise = new Promise(function (resolve, reject) { var img = document.createElement('img'); img.onload = function () { re...
2019-06-30 15:24:36
92
原创 Class 和普通构造函数有何区别
JS 构造函数function MathHandle(x, y) { this.x = x this.y = y}MathHandle.prototype.add = function () { return this.x + this.y}var m = new MathHandle(1, 2)// console.log(m.add())typeof...
2019-06-30 14:28:32
792
原创 ES6 模块化如何使用，开发环境如何打包
模块化的基本语法export、import 语法CommonJS规范：代表是node.jsAMD规范:异步模块定义(Asynchronous Module Definition)，代表是RequireJSCMD规范：按需加载，代表是sea.js开发环境配置开发环境 -- babelbabel输出浏览器兼容的 JavaScript 代码电...
2019-06-29 22:22:22
359
原创 React VS Vue
网上搜索了很多关于React 和vue 感觉都不是很详尽，本文将详细的diff一下两者的异同（一）两者的本质区别vue - 本质是 MVVM 框架，由 MVC 发展而来 React - 本质是前端组件化框架，由后端组件化发展而来 但这并不妨碍他们两者都能实现相同的功能（二）模板的区别vue - 使用模板（最初由 angular 提出） React - 使用 JSX ...
2019-06-29 21:33:11
110
原创 setState异步详解
1、setState为何需要异步？可能会一次执行多次setState 无法规定用户如何让使用setState（开发人员可能多次修改） 为了提高效率、性能，防止多次渲染 没必要每次setState都重新渲染 即便重新渲染，用户也看不到中间的效果 多次修改的话 都汇总 只要看到最后的结果即可2、 vue 修改属性也是异步的效果、原因和 setState 一样3、setSt...
2019-06-29 20:32:30
300
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人