2020年08月_马小兜-

原创前端性能优化的七种方法

前端性能优化主要有七种方法，包括减少请求数量、减少资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 1、减少请求数量1.1 图片处理1.1.1 雪碧图雪碧图是根据css sprite音译过来的，就是将很多小图标放在一张图片上就称之为雪碧图，可以减少网站http请求数量，但是当整合图片比较大的时候，一次加载比较慢，随着字体图片、svg图片的流行该技术慢慢退出了舞台1.1.2 Base64将图片的内容以Base64格式内嵌到HTML中，可以减少http请求数量，但是

2020-08-06 17:26:33 26883 4

原创为何Vue采用异步渲染

理解：因为如果不采用异步更新，那么每次更新数据都会对当前组件进行重新渲染，所以考虑性能问题，Vue会在本轮数据更新之后，再去异步更新视图原理：首先调用dep.notify()通知watcher进行更新调用watcher的subs.update()方法将watcher去重之后放到队列当中异步清空watcher队列源码：update () { /* istanbul ignore else */ if (this.lazy) { this.dirty = tru

2020-08-31 08:53:21 490

原创一文弄懂webpack和gulp的区别

webpackwebpack是当下最热门的前端资源模块化管理和打包工具。侧重于模块打包，我们可以把开发中的所有资源（图片、js文件、css文件）都看成模块，通过loader（加载器）和plugins（插件）对资源进行处理，打包成符合生产环境部署的前端资源核心代码：const path = require('path'); var webpack = require("webpack");const config = { entry: { main: './src/ind

2020-08-06 18:05:12 704 1

原创详解ajax、axios、fetch的区别

Ajax传统的ajax指的是XMLHttpRequest，最早出现的向后端发送请求的技术，隶属于原始的js中，核心使用XMLHttpReqyest对象，多个请求之间如果有先后关系的话，就会出现回调地狱。$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});Jquery ajax是对原生XHR

2020-08-06 09:17:24 315 1

原创跨域的七种方式

JSONP的优缺点优点：它不像XMLHttpRequest对象实现的ajax请求那样受到同源策略的限制，JSONP可以跨域同源策略它的兼容性更好在请求完毕之后可以通过callback方式回传结果缺点：他只支持get请求而不支持post等其他类型的HTTP请求它只支持跨域HTTP请求，不支持不同域的两个页面之间如何进行JS调用的问题jsonp在调用失败的情况下不会返回HTTP状态码jsonp需要后端配合返回指定格式的数据跨域（jsonp、ajax）jsonp：ajax请求受同源策略的

2020-08-06 08:35:23 209

原创 bootstrap清除浮动的方法

.clearfix:before,.clearfix:after{ content:""; diaplsy:table;}.clearfix:after{ clear:both;}//IE/6/7.clearfix { *zoom:1;}:after伪类在元素末尾插入一个包含空格的字符，并设置display为tabledisplay:table会创建一个匿名的table-cell，从而触发BFC(块级格式上下文)，因为容器内float的元素也是BFC，由于BFC有不能互相重叠的

2020-08-05 21:46:55 925

原创什么使JS闭包？有什么用处？用闭包写一个单例模式

什么是闭包？闭包就是能够访问到自由变量的函数，自由变量指的是在函数中使用的，但是既不是函数的参数也不是函数的局部变量的变量，由此可以看出闭包=闭包+函数能够访问的自由变量，闭包是JS 的一种新特性，其中一点就是可以将外部函数的变量保存在内存中，利用这个特性，我们可以用来实现类的单例模式。首先了解何为单例模式？闭包的应用？模仿块级作用域保存外部函数的变量。当执行上下文环境被销毁之后，变量仍然存在内存中，闭包函数仍然保留了这个对象的引用，所以这个对象不会被回收封装私有变量。通过使用闭包，我们可以通

2020-08-05 16:12:44 359

原创结合Vue谈谈MVVM的理解

一、MVCMVC是Model-View-Controller的缩写，就是模型-视图-控制器Model：后端传递的数据View：看到的页面Controller:页面的业务逻辑MVC是单向通信，即View和Model，必须通过Controller来承上启下使用MVC的目的就是将M和V分开MVC和MVVM的区别并不是VM取代了C，ViewModel存在的目的在于抽离了Controller中展示的业务逻辑，而不是替代了Controller，其他视图操作业务还是应该放在Controller中实

2020-08-02 11:53:11 1143

马小兜要努力呀