优化代码

switch 并不能保证你把所有的选项都写完了，如果添加了新 type 很容易就会忘了switch里也要修改， 因为不会报错。通常应该使用一个 compMap: Record<typeof view.type, ComponentTy
2022年01月20日 27次浏览

React组件及组件间通信方式浅析

1. setStatesetState更新状态的2种写法(1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象
2021年12月27日 112次浏览

关注分离思想——Fetch的使用

一： 1.拆分组件、实现静态组件，注意：className、style的写法 2.动态初始化列表，如何确定将数据放在那个组件的state中？ —— 某个组件使用：放在自身的state中 —— 某些组件使用：放在他们共同的父组
2021年12月23日 94次浏览

前端跨域处理 —— react脚手架配置代理总结

react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能
2021年12月22日 271次浏览

React——Diffing算法初识

经典面试题:​ 1). react/vue中的key有什么作用？（key的内部原理是什么？）​ 2). 为什么遍历列表时，key最好不要用index?​ 1. 虚拟DOM中key的作用：
2021年12月20日 77次浏览

ES6速学

var 和 let 以及 const 的区别1. var 可重复声明a = 3var avar a = 42. let 不可重复前置a = 3let a3. let 不可重复声明let a = 3let a = 4 //报错let a =
2021年11月29日 419次浏览

javascript - 关于 localStorage 的一切

什么是localStorage？localStorage 是窗口界面的只读属性，它允许我们访问文档源（浏览器）的存储。它允许我们在用户浏览器上保存键值对。在 HTML 5 中正式引入，并且所有它都存储为字符串。localStorage 是只
2021年11月24日 423次浏览

简述 JavaScript 之 filter

本文主要从以下几点介绍 filter定义filter的使用技巧结论定义定义filter()方法创建新数组，其中包含通过所提供的函数实现的测试的所有元素。使用过滤器查看下面的代码实例：const data=[ {name:"pra
2021年11月20日 142次浏览

自定义复选框——创建带有状态更改动画的样式复选框

使用<svg>元素创建复选<symbol>并通过<use>元素插入它以创建可重用的 SVG 图标。创建 .checkbox-container 并使用 flexbox 布局为复选框创建适当的布局。隐藏 &
2021年11月20日 113次浏览

JavaScript 迭代器以及它的使用场景

JavaScript 迭代器是在 ES6 中引入的，它们用于遍历一系列的值，通常是某种集合。
2021年11月20日 165次浏览

深入理解JavaScript对象

对象到底是什么呢？语法对象可以同两种形式定义：声明（文字）形式和构造形式。对象的文字语法形式：var myObj = {key:value// ....};构造形式：var myObj = new Object();myObj.key =
2021年11月17日 116次浏览

this 深入解析

function baz() { // 当前调用栈是：baz // 因此，当前调用位置是全局作用域 console.log("baz"); bar();// <--bar的调用位置}func
2021年11月13日 534次浏览

作用域闭包

function foo(){ var a = 2; function bar(){ console.log(a); } return bar;}var baz = foo();baz(); // 2
2021年11月10日 200次浏览

var 是糟粕

function foo(){ function bar(a){ i = 3; console.log(a + i) } for(var i=0;i<10;i++){ bar
2021年11月09日 152次浏览

前端性能优化

前端性能优化背景在前端的整个学习生涯中，我们总是能一次次听到“性能”和“体验”这两个词。前端性能优化不仅是前端工程师工作中时刻需要关注的现实问题，也是前端面试中屡屡被问到的点。面试官之所以爱问，是因为偷懒。只需问这一个问题，就能在一定程度考
2021年11月07日 345次浏览

发布轮子到 npm

发布轮子到 npm要做两件事部署官网让官网上线，有好的文档才更容易让人使用发布 sakura-ui让其他开发者可以使用 npm install sakura-ui 安装源码发布你的官网// 其实就是把 dist 目录上传到网上yarn bu
2021年11月07日 566次浏览

使用Vite 搭建官网过程

使用Vite 搭建官网全局安装create-vite-appyarn global add create-vite-app@1.18.0 // 推荐yarnnpm i -g create-vite-app@1.18.0创建项目目录cva
2021年11月07日 154次浏览

运行npm publish上传项目的时候报400错误

运行npm publish上传项目的时候报400错误npm publishnpm ERR! code E400npm ERR! 400 Bad Request - PUT https://registry.npmjs.org/Sakura
2021年11月07日 177次浏览

Node.js child_process

Node.js child_process进程 Process场景notepad.exe 是一个程序，不是进程双击notepad.exe时，操作系统会开启一个进程定义进程是程序的执行实例程序在CPU上执行时的活动叫做进程实际上并没有明确的定
2021年10月31日 620次浏览

Node.js Stream

Node.js StreamStream - 流stream 是水流，但默认没有水stream.write 可以让水流中有水（数据）每次写的小数据叫做chunk （块）产生数据的一段叫做source （源头）得到数据的一段叫做sink（水池
2021年10月31日 365次浏览