优化代码

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次浏览