摘要：
解决方案：滚动下h5的body； 阅读全文
摘要：
需求：定制高度随输入内容变化的输入框；没有内容时单行高度36px,内容少于4行时随输入内容的增加或者减少变换输入框的高度，大于4行后高度不变，内容上下滚动； 难点：没有内容时的高度和内容文字减少时行高变小； 交互： 解决方案：hostInput作为高度随输入内容变化的输入框，新建一个shadowbo 阅读全文
摘要：
数组操作： shift()方法：移除数组中的第一项并返回该项 unshift()方法：在数组的前端添加项 push()方法：从数组末端添加项 pop()方法：从数组末端移除项 删除a数组中的’bb’: 或者 阅读全文
摘要：
live-server npm install -g live-server live-server ./ --port=8081 nrm ls nrm help // show help nrm list // show all registries nrm use cnpm // switch 阅读全文
摘要：
方案1：将DOM改写为canvas，然后利用canvas的toDataURL方法实现将DOM输出为包含图片展示的data URI 方案2：使用html2canvas.js实现（可选搭配Canvas2Image.js实现网页保存为图片） 方案3：使用rasterizeHTML.js实现 阅读全文
摘要：
1.command + shift + P 变换主题 theme截屏 capture 2.添加代码片段 Sources->Snippets->new Snippets->save,run 3.command + p 迅速寻找资源 4.console 中的 '$'(1)$0 是对我们当前选中的 htm 阅读全文
摘要：
对于react hooks刚开始使用的开发者，为了保证不误用，官方建议装上eslint-plugin-react-hooks 先 在.eslintrc.js文件里添加： 1.组件里有默认参数而且需要根据入参的变化而变化时使用函数 ()=>{} 传参： 2.useMemo(() => fn) 等价于 阅读全文
摘要：
动机 使用Hooks只能在函数组件(FunctionComponent)中使用，赋予无实例无生命周期的函数组件以class组件的表达力并且更合理地拆分/组织代码，解决复用问题。 实现原理Fiber提供了hooks实现的基础：hooks是基于Fiber对象上能存储memoizedState，它以双向链 阅读全文
摘要：
1. SSR：即服务端渲染(Server Side Render)；传统的服务端渲染可以使用Java，php等开发语言来实现，随着 Node.js和相关技术的成熟，前端同学可以基于此完成独立的服务端渲染。 2. 过程：浏览器发送请求->服务器运行react代码生成页面->服务器返回页面->浏览器下载 阅读全文
摘要：
方法一：利用CSS3的transform:translate 方法二：利用flexbox 阅读全文