- 博客(12)
- 收藏
- 关注
原创 JavaScript模块化解析
文章目录JavaScript模块化全面解析一、什么是JavaScript的模块化?二、立即执行函数二、NodeJS给模块化带来的变化总结JavaScript模块化全面解析定义:模块化是指解决一个复杂问题时自顶向下逐层把系统划分成若干模块的过程,有多种属性,分别反映其内部特性。定义模块化是一种处理复杂系统分解为更好的可管理模块的方式。作用模块化用来分割,组织和打包软件。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体,完成整个系统所要求的功能。一、什么是JavaScript的
2021-12-30 19:23:24
399
原创 深拷贝方法封装
function deepCopy(org, tar) {var tar = tar || {}, toStr = Object.prototype.toString, arrType = '[object Array]'for (let key in org) { if (org.hasOwnProperty(key)) { if (typeof org[key] === 'object' && org[key] !== null) { tar[
2021-12-28 19:07:08
171
原创 Vue3.0之Proxy到底是个什么东西
Proxy提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录Proxy前言一、Proxy是什么?二、语法1.参数2.用法3.总结前言随着Vue2.x对Vue3.0的迁移,Vue的开发模式也有着巨大的变化,其重中之重就是数据劫持的方式发生了变化,由原先的Object.defineProperty变成了ES6中的Proxy。本文主要对Proxy进行一个简单的描述提示:以下是本篇文章正文内容,下面案例可供参考,如有错误请指正。一、Proxy是什么?Proxy本质是一个
2021-12-28 19:05:07
2753
转载 前端需要知道关于HTTP的那些事儿(二)
Http1.x与Http2.0的区别Http协议的进化史随着Http协议发展的20年间,从物理带宽、CPU、内存,到软件都有了很大的提升,而原来的协议也具有了很大的局限性:性能低于带宽的使用率Web的设计与维护变得更复杂客户端与服务端的资源消耗增加资源的缓存局限而HTTP/2 的主要设计思想应该都是源自 Google的 SPDY 协议。HTTP2.0的优势HTTP/2试图解决HTTP/1.1的许多缺点和不灵活之处。Multiplexing and Concurrency:多个请求
2021-12-06 17:05:05
166
原创 前端需要知道关于HTTP的那些事儿(一)
前端需要知道关于HTTP的那些事儿(一)简介特征HTTP的工作原理在浏览器地址栏键入URL,按下回车之后会经历以下流程:请求方法GET和POST的区别响应状态码简介http(Hyper Text Transfer Protocol)超文本传输协议是万维网应用层的协议,使用了面向连接的TCP作为运输层协议。特征简单快速:通过url就可以访问资源,协议简单,使得HTTP服务器的程序规模小,通信速度很快。灵活:HTTP允许传输任意类型的数据对象。正在传输的类型由Content-Type加以标记。无连
2021-12-06 15:55:30
1329
转载 eslint配置大全及中文注释
{"rules" : { // 定义对象的set存取器属性时,强制定义get "accessor-pairs": 2, // 指定数组的元素之间要以空格隔开(,后面), never参数:[ 之前和 ] 之后不能带空格,always参数:[ 之前和 ] 之后必须带空格 "array-bracket-spacing": [2, "never"], // 在块级作用域外访问块内定义的变量是否报错提示 "block-scoped-var": 0, // if while functio
2021-05-31 14:56:48
883
原创 Linux下安装nodeJS
1、获取下载链接node官网下载地址:下载地址2、下载node包先执行:cd /usr/local再执行:wget https://nodejs.org/dist/v14.15.1/node-v14.15.1-linux-x64.tar.xz #(刚才复制的链接地址)3、解压node包tar -xvf node-v14.15.1-linux-x64.tar.xz4、改目录名mv /usr/local/node-v14.15.1-linux-x64 /usr/local/node5
2021-04-22 14:11:06
116
原创 防抖和节流函数封装
防抖function debounce(fn, time=1000, trigger=false) { // fn:需要执行的方法,time:延迟时间,trigger:为true时在设定时间内频繁触发不执行事件,为false时单纯延迟触发,不进行延时器的删除操作 var timeStamp = null; var debounced = function() { var _self = this,
2021-04-12 15:21:15
132
原创 惰性函数
惰性函数惰性函数表示在函数第一次执行后,该函数在函数体内被另一个函数覆盖,以达到函数哪怕被多次调用函数主体只需要执行一次的目的,之后的调用直接由内部函数直接返回结果。var timeStamp = function() { var time = new Date().getTime() timeStamp = function() { return time } return timeStamp();}console.log(timeStamp());
2021-04-12 13:44:58
73
原创 深拷贝方法实现
function deepClone(org, tar) { var tar = tar || {}, toStr = Object.prototype.toString, arrType = '[object Array]'; for(var key in org) { if(org.hasOwnProperty(key)) { if(typeof org[key] === 'object' && or
2021-04-10 15:53:19
50
原创 webpack打包优化
1、优化图片在url-loader的options参数中设置limit属性,将小图片编译成base64格式,减少http请求。module: { rules: [{ test: /\.(png|svg|jpg|gif)$/, use: [{ loader: 'url-loader', // 优化小图片过多造成请求数太多 options: { limit: 5120, // 如果图片小于5
2021-04-06 18:02:33
83
转载 缓存策略:强缓存&协商缓存
本文是对浏览器的缓存机制做了一个较为系统的探讨。如果已经了解了缓存,可以只看第一部分,结合配图一起看。如果对缓存机制不了解,可以根据后面的一些详细介绍做一个系统理解缓存策略:强缓存&协商缓存浏览器缓存主要分为强缓存(本地缓存)和协商缓存(弱缓存)如上图,在浏览器第一次发送请求后,需要再次发送请求时,浏览器会首先获取该资源缓存的header信息,然后根据Cache-Control和expires来判断是否过期。若没过期则直接从缓存中获取资源信息,包括缓存的header的信息,所以此次请求不.
2021-04-02 17:26:12
360
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人