![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
BUG的缔造者
天才
展开
-
webstorm寻找丢失文件
原创 2022-04-25 10:20:58 · 413 阅读 · 1 评论 -
json-server
原创 2022-02-13 21:11:02 · 290 阅读 · 0 评论 -
一些面试题
1.sessionStorage:将数据保存在session对象中。所谓session,是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间,也就是用户浏览这个网站所花费的时间。session对象可以用来保存在这段时间内所要求保存的任何数据。localStorage:将数据保存在客户端本地的硬件设备(通常指硬盘,也可以是其他硬件设备)中,即使浏览器被关闭了,该数据仍然存在,下次打开浏览器访问网站时仍然可以继续使用。这两者的区别在于,sessionStorage为临时保存,而localSt原创 2022-01-20 08:47:50 · 109 阅读 · 1 评论 -
深拷贝之类的
Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于:遍历 array、object 和 string 对值进行操作和检测 创建符合功能的函数原创 2021-10-22 15:04:05 · 66 阅读 · 0 评论 -
vite.js
用来取代webpack针不戳,和vue3连用npm init @vitejs/app原创 2021-09-15 10:14:42 · 227 阅读 · 0 评论 -
ReactNode type
type ReactText = string | number;type ReactChild = ReactElement | ReactText;interface ReactNodeArray extends Array<ReactNode> {}type ReactFragment = {} | ReactNodeArray;type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null.原创 2021-08-16 17:03:32 · 1274 阅读 · 0 评论 -
http/2
原创 2021-08-12 14:48:14 · 63 阅读 · 0 评论 -
cdn,dns篇小知识点
dns:原创 2021-08-11 17:19:35 · 68 阅读 · 0 评论 -
flex小细节
1.设置了固定宽高的图片被压缩通常实现如下的效果,是把外层容器设置为display:flex,容器中图片设置固定宽高度,右边元素设置为flex:1,但当右边元素宽度超出剩余空间的时候,图片会被挤压,变成椭圆形。这是因为在flex容器中,当空间不够的时候,flex-shrink不为0的元素会被压缩,所以解决的方法就是给图片设置:flex-shrink:0。...原创 2021-08-05 16:34:50 · 76 阅读 · 0 评论 -
移动端 web
原创 2021-08-05 10:36:20 · 70 阅读 · 0 评论 -
react小细节
1.useState直接传入函数的含义是:惰性初始化;所以用useState保持函数不能直接传入函数。不过可以再加一层函数处理,比如哈const [a,setA]=React.useState(()=>()=>{ alert('init')})使用的话,也多套一层<button onClick={()=>setA(()=>()=>alert('update')}><button>...原创 2021-08-04 10:23:56 · 162 阅读 · 0 评论 -
ts和tsx区别
tsx大家默认含模板代码原创 2021-08-03 09:39:10 · 11787 阅读 · 4 评论 -
Why Did You Render 简介
当我在开发 React 项目时,经常会想,要是有一个工具能实时告知我组件是否有性能问题就好了,这样就能在开发的时候就尽量避免组件过大时的性能问题,以及降低潜在的页面崩溃概率。然后我就在网上找到了这个工具:@welldone-software/why-did-you-render,它能在我开发 react 组件的时候及时提醒我当前写的组件是否有不必要的重复渲染问题,在开发的时候就避免掉部分性能问题。why did you render 应当在开发环境里使用。为避免麻烦,以下why did you re原创 2021-07-29 17:24:42 · 1515 阅读 · 1 评论 -
sortable.js问题总结
需求是绑定按钮进行拖拽排序,但市面上有名气的插件都是整体div操作,后来看底层,都调用了sortable.js,这个偏底层,无依赖,性能很不错,配置项也多。http://www.itxst.com/sortablejs/neuinffi.htmlhandle可选择区域后来遇到一个问题,父组件传递给子组件多维数组渲染,里面的一个元素是排序,类似Arr:[{a:'1',b:'2'},{a:'c',b:'d'}....]在子组件onEnd中修改父组件Arr,不能及时修改数据,后$nextTi原创 2021-07-22 11:04:57 · 1454 阅读 · 0 评论 -
uniapp清除右边滚动
尝试了N方法,唯一奏效的height: 100vh;overflow-y: auto;原创 2021-07-17 19:32:42 · 124 阅读 · 0 评论 -
svg实现方案
css实现:@keyframes xxx{from{stroke-dasharraystorke-dashoffset},to{stroke-dasharraystorke-dashoffset}}2.SMIL原创 2021-07-05 09:25:56 · 95 阅读 · 0 评论 -
ts+react
1.npx create-react-app 项目名--template typescript原创 2021-06-29 15:35:22 · 112 阅读 · 0 评论 -
vue3创建
1.vue create myproject2.vue add vue-next备注:2前安装router和vuex会自动帮忙升级原创 2021-06-18 09:41:25 · 63 阅读 · 0 评论 -
css文字排列
display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical原创 2021-06-16 16:44:43 · 100 阅读 · 0 评论 -
vue中provide和inject 用法
1、provide/inject有什么用?常用的父子组件通信方式都是父组件绑定要传递给子组件的数据,子组件通过props属性接收,一旦组件层级变多时,采用这种方式一级一级传递值非常麻烦,而且代码可读性不高,不便后期维护。vue提供了provide和inject帮助我们解决多层次嵌套嵌套通信问题。在provide中指定要传递给子孙组件的数据,子孙组件通过inject注入祖父组件传递过来的数据。其实,provide和inject主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。比...原创 2021-06-11 17:25:02 · 1396 阅读 · 1 评论 -
react sasserror:file to import not found or unreadable
我出现这个问题的原因是二开,之前是用ios系统开发,所以SassPath会出现问题,修改env即可SASS_PATH=./node_modules;./src原创 2021-04-20 10:29:36 · 3017 阅读 · 0 评论