我的转载
关注
分享
扫一扫
文章平均质量分 50
我的转载
逆袭的菜鸟X
求是担当
展开
-
不同H5页面通信与跨域
localstorage是浏览器同域标签共用的存储空间，所以可以用来实现多标签之间的通信。html5出现了一个事件： onstorage，我们在window对象上添加监听就可以监听到变化： window.addEventListener(‘storage’, (e) => console.log(e))需要注意，此事件是非当前页面对localStorage进行修改时才会触发，当前页面修改localStorage不会触发监听函数。如果实在是要，自己重写一个方法吧，要不就在修改的时候把自己改的内容po上去。转载 2023-02-15 14:09:35 · 617 阅读 · 0 评论 -
Map与Set的用法解析
作为前端开发人员，我们最常用的一些数据结构就是 Object、Array 之类的，毕竟它们使用起来非常的方便。往往有些刚入门的同学都会忽视 Set 和 Map 这两种数据结构的存在，因为能用 set 和 map 实现的，基本上也可以使用对象或数组实现，而且还更简单。但是，存在必然合理，当你真正了解 Map 和 Set 之后，你就会发现它们原来时如此美好。转载 2022-11-22 18:06:34 · 138 阅读 · 0 评论 -
微信小程序web-view缓存问题及解决方案
在本地调试，我们可以通过开发者工具的清除缓存功能，如果是手机访问可以通过删除小程序，再重新进入，以达到清除缓存的效果。但是不可能让我们的用户都这么操作，所以我们接下来要分析出现这种情况的原因及对应的解决方案。微信小程序中的web-view嵌入了h5的页面，h5页面更新重新发版后，web-view访问还是之前的页面。如果想直接看解决方案的可以拉到最下面。...转载 2022-07-29 10:38:51 · 6992 阅读 · 4 评论 -
从 0 构建自己的脚手架/CLI知识体系（万字）
https://juejin.cn/post/6966119324478079007转载 2021-07-28 16:34:11 · 161 阅读 · 0 评论 -
浅析 NodeJs 的几种文件路径
一、挖坑 & 掉坑：缘起一段这样的代码：fs.readFile('./docs/use.md', function (err, buffer) { if (err) { return console.log('error: ', err); } console.log('OK'); });本地运行时一切 OK，线上部署时却死活找不到 ./d......转载 2020-03-25 13:53:43 · 1780 阅读 · 0 评论 -
简要分析webpack打包后代码
1、打包单一模块webpack.config.jsmodule.exports = { entry:"./chunk1.js", output: { path: __dirname + '/dist', filename: '[name].js' },};chunk1.jsvar chunk1=1;exports.chunk1=chunk1;打包后，main.js(webpack生成的一些注释已经去掉)(function(modul转载 2021-07-21 17:26:32 · 747 阅读 · 0 评论 -
前端构建工具之争——Webpack vs Gulp 谁会被拍死在沙滩上
https://www.cnblogs.com/iovec/p/7921177.html转载 2021-07-20 20:38:33 · 131 阅读 · 0 评论 -
解决子级用css float浮动 而父级div没高度不能自适应高度
1、使用css clear清除浮动对父级div标签闭合前加一个clear清除浮动对象。加clear效果完整div css代码<html> <head> <meta charset="utf-8" /> <title>父div不自适应高度实例</title> <style> .divcss5 { width: 500px;转载 2021-07-19 17:21:58 · 209 阅读 · 0 评论 -
React探索-diff算法简单汇总
React diff 作为 Virtual DOM 的加速器，其算法上的改进优化是 React 整个界面渲染的基础，以及性能提高的保障，同时也是 React 源码中最神秘、最不可思议的部分，本文从源码入手，深入剖析 React diff 的不可思议之处。diff 策略1、Web UI 中 DOM 节点跨层级的移动操作特别少，可以忽略不计。2、拥有相同类的两个组件将会生成相似的树形结构，拥有不同类的两个组件将会生成不同的树形结构。3、对于同一层级的一组子节点，它们可以通过唯一 id 进行区分。基于以转载 2021-07-14 16:41:34 · 211 阅读 · 0 评论 -
moment.js使用方法总结
Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作，提高了开发效率。日常开发中，通常会对时间进行下面这几个操作：比如获取时间，设置时间，格式化时间，比较时间等等。下面就是我对moment.js使用过程中的整理，方便以后查阅。1.安装与引入按照npm install moment 或者 yarn add moment引入// require 方式var moment = require('moment');// import 方式import m转载 2021-04-23 14:27:03 · 2169 阅读 · 0 评论 -
剖析ES类的constructor及static,public,private,protected区别
在ES6中，我们的javascript也有了类，那么，JS中的类有没有static,public,private,protected这些关键字呢，又是怎么样的呢，本文主要带你探讨JS类中的static,public,private,protected这些关键字的使用。1、static类（class）通过 static 关键字定义静态方法。不能在类的实例上调用静态方法，而应该通过类本身调用。这些通常是实用程序方法，例如创建或克隆对象的功能。静态方法调用同一个类中的其他静态方法，可使用this关键字。转载 2021-04-20 15:56:52 · 1996 阅读 · 1 评论 -
sourceTree回滚代码到指定版本
1、打开sourceTree，选中分支，找到需要回滚的版本，右击选择“将xx重置到此次提交”2、选择强行合并3、找到最新的版本，右击，选择“将xx重置到此这提交”选择“软合并”4、提交代码，这时候你会发现修改了一些文件需要提交，选中提交即可，这样就会将代码回滚到了指定版本。原文地址...转载 2021-02-23 15:54:25 · 11797 阅读 · 1 评论 -
React性能优化小贴士
React性能优化小贴士转载 2020-08-28 15:45:36 · 136 阅读 · 0 评论 -
从ES6重新认识JavaScript设计模式
从ES6重新认识JavaScript设计模式(一): 单例模式从ES6重新认识JavaScript设计模式(二): 工厂模式从ES6重新认识JavaScript设计模式(三): 建造者模式从ES6重新认识JavaScript设计模式(四): 适配器模式从ES6重新认识JavaScript设计模式(五): 代理模式和Proxy...转载 2020-08-14 15:36:19 · 226 阅读 · 0 评论 -
如何使用24行JavaScript代码实现Redux
为了保证文章的可读性，本文采用意译而非直译。90%的规约，10%的库。Redux是迄今为止创建的最重要的JavaScript库之一，灵感来源于以前的艺术比如 Flux 和 Elm，Redux通过引入一个包含三个简单要点的可伸缩体系结构，使得JavaScript函数式编程成为可能。如果你是初次接触Redux，可以考虑先阅读 官方文档 。1. Redux大多是规约考虑如下这个使用了Redux架构的简单的计数器应用。如果你想跳过的话可以直接查看 Github Repo 。1.1 State存储在一棵树转载 2020-08-12 13:41:12 · 133 阅读 · 0 评论 -
前端Leader你应该知道的NPM包管理机制
npm install 命令首先总结下npm 安装一个模块包的常用命令。/* 模块依赖会写入 dependencies 节点 */ npm install moduleName npm install -save moduleName npm install -S moduleName /* 模块依赖会写入 devDependencies 节点 */ npm install -save-dev moduleName npm install -D moduleName /* 全转载 2020-08-12 13:40:09 · 324 阅读 · 0 评论 -
React系列——React Context
https://segmentfault.com/a/1190000017758300转载 2020-08-05 17:55:20 · 248 阅读 · 0 评论