会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
simple-love
Figure out what you like. Try to become the best in the world of it.
首页
新随笔
订阅
管理
上一页
1
2
3
4
5
6
7
···
16
下一页
2021年8月26日
Webpack中Loader和Plugin的区别?编写Loader,Plugin的思路?
摘要: 一、区别前面两节我们有提到Loader与Plugin对应的概念,先来回顾下 loader 是文件加载器,能够加载资源文件,并对这些文件进行一些处理,诸如编译、压缩等,最终一起打包到指定的文件中 plugin 赋予了 webpack 各种灵活的功能,例如打包优化、资源管理、环境变量注入等,目的是解决
阅读全文
posted @ 2021-08-26 10:37 simple-love
阅读(315)
评论(0)
推荐(0)
2021年6月22日
axios如何利用promise无痛刷新token
摘要: import axios from 'axios' // 从localStorage中获取token function getLocalToken () { const token = window.localStorage.getItem('token') return token } // 给实
阅读全文
posted @ 2021-06-22 11:32 simple-love
阅读(63)
评论(0)
推荐(0)
2021年4月17日
js输入框正则验证,各种限制
摘要: 1. 只能输入中文、数字和英文(即过滤特殊字符串|: function checkUsername() { //正则表达式 var reg = new RegExp("^[A-Za-z0-9\u4e00-\u9fa5]+$"); //获取输入框中的值 var username = document.
阅读全文
posted @ 2021-04-17 09:58 simple-love
阅读(1082)
评论(0)
推荐(0)
2021年3月17日
Webpack 打包之体积优化
摘要: https://www.jianshu.com/p/4b0379c48a81?utm_source=desktop&utm_medium=timeline . 谈及如今欣欣向荣的前端圈,不仅有各类框架百花齐放,如Vue, React, Angular等等,就打包工具而言,发展也是如火如荼,百家争鸣;
阅读全文
posted @ 2021-03-17 10:20 simple-love
阅读(409)
评论(0)
推荐(0)
2021年2月22日
React(17.0版本)生命周期概述
摘要: React17版本的生命周期概述。 挂载 示例代码在下方。 当组件实例被创建并插入DOM的时候,其生命周期被调用顺序如下: constructor(props) - 初始化state和为事件处理函数绑定实例; static getDerivedStateFromProps(props, state)
阅读全文
posted @ 2021-02-22 10:51 simple-love
阅读(2520)
评论(0)
推荐(0)
2021年1月28日
前端模块化,AMD,CMD 总结
摘要: 最近在群里看到一些小伙伴讨论到面试题,楼主在面试时遇到的面试问题,恶补一下。 commonJS,CMD/AMD对应类似的实现是 noedJs(webpack)/RequireJs/SeaJs AMD/CMD主要针对浏览器端。 模块化 一个模块化实现特定功能,组织JS中的业务逻辑,都可以称为模块化。这
阅读全文
posted @ 2021-01-28 17:22 simple-love
阅读(144)
评论(0)
推荐(0)
2021年1月27日
前端基本网络协议知识整合
摘要: 一、ICMP协议 ICMP协议(Internet Control Message Protocol)的全称是“Internet控制消息协议”,它是IPv4协议族中的一个子协议,用于IP主机、路由器之间传递控制消息。控制消息是在网络通不通、主机是否可达、路由是否可用等网络本身的消息。这些控制消息虽然不
阅读全文
posted @ 2021-01-27 17:38 simple-love
阅读(806)
评论(0)
推荐(0)
websocket心跳机制
摘要: 一、何为websocket心跳机制? websockt心跳机制,不得不说很形象;那何为心跳机制,就是表明client与server的连接是否还在的检测机制; 如果不存在检测,那么网络突然断开,造成的后果就是client、server可能还在傻乎乎的发送无用的消息,浪费了资源; 怎样检测呢?原理就是定
阅读全文
posted @ 2021-01-27 11:47 simple-love
阅读(1362)
评论(0)
推荐(0)
js 数组方法的作用,各方法是否改变原有的数组
摘要: 改变原数组的: shift:将第一个元素删除并且返回删除元素,空即为undefined unshift:向数组开头添加元素,并返回新的长度 pop:删除最后一个并返回删除的元素 push:向数组末尾添加元素,并返回新的长度 reverse:颠倒数组顺序 sort:对数组排序 splice:splic
阅读全文
posted @ 2021-01-27 10:57 simple-love
阅读(197)
评论(0)
推荐(0)
React函数组件和类组件的区别
摘要: 定义组件有两个要求: 组件名称必须以大写字母开头 组件的返回值只能有一个根元素 函数组件 function Welcome (props) { return <h1>Welcome {props.name}</h1> } ReactDOM.render(<Welcome name='react' /
阅读全文
posted @ 2021-01-27 10:52 simple-love
阅读(602)
评论(0)
推荐(0)
js 单线程、宏任务与微任务的执行顺序
摘要: js 单线程、宏任务与微任务的执行顺序 js 单线程 众所周知js是单线程,但js是可以执行同步和异步任务的,同步的任务众人皆知是按照顺序去执行的; 而异步任务的执行,是有一个优先级的顺序的,包括了 **宏任务(macrotasks)**和 微任务(microtasks) 宏任务 是指消息队列中的等
阅读全文
posted @ 2021-01-27 10:16 simple-love
阅读(1664)
评论(0)
推荐(1)
js为什么是单线程
摘要: 先看一个比喻 进程就是一个公司,每个公司都有自己的资源可以调度;公司之间是相互独立的;而线程就是公司中的每个员工(你,我,他),多个员工一起合作,完成任务,公司可以有一名员工或多个,员工之间共享公司的空间 什么是进程? 进程:是cpu分配资源的最小单位;(是能拥有资源和独立运行的最小单位) 什么是线
阅读全文
posted @ 2021-01-27 09:59 simple-love
阅读(609)
评论(0)
推荐(0)
2020年12月3日
Babel是如何读懂JS代码的
摘要: 概述 稍微了解行业现状的开发者都知道,现在前端“ES6即正义”,然而浏览器的支持还是进行时。所以我们会用一个神奇的工具将ES6都给转换成目前支持比较广泛的ES5语法。对,说的就是Babel。 本文不再介绍Babel是什么也不讲怎么用,这篇文章的关注点是另一个方面,也是很多人会好奇的事情,Babel的
阅读全文
posted @ 2020-12-03 09:49 simple-love
阅读(306)
评论(0)
推荐(0)
2020年12月2日
图解 Promise 实现原理(一)—— 基础实现
摘要: 转载:https://my.oschina.net/vivotech/blog/3214445 很多同学在学习 Promise 时,知其然却不知其所以然,对其中的用法理解不了。本系列文章由浅入深逐步实现 Promise,并结合流程图、实例以及动画进行演示,达到深刻理解 Promise 用法的目的。
阅读全文
posted @ 2020-12-02 17:24 simple-love
阅读(682)
评论(0)
推荐(0)
vue核心之虚拟DOM(vdom)
摘要: 一、真实DOM和其解析流程? 浏览器渲染引擎工作流程都差不多,大致分为5步,创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步,用HTML分析器,分析HTML元素,构建一颗DOM树(标记化和树构建)。 第二步,用CSS分析器,分析CSS
阅读全文
posted @ 2020-12-02 16:45 simple-love
阅读(675)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
···
16
下一页
My GitHub