摘要: 解决方案:滚动下h5的body; 阅读全文
posted @ 2019-09-05 11:53 朵拉.科波菲尔 阅读(637) 评论(0) 推荐(0) 编辑
摘要: 需求:定制高度随输入内容变化的输入框;没有内容时单行高度36px,内容少于4行时随输入内容的增加或者减少变换输入框的高度,大于4行后高度不变,内容上下滚动; 难点:没有内容时的高度和内容文字减少时行高变小; 交互: 解决方案:hostInput作为高度随输入内容变化的输入框,新建一个shadowbo 阅读全文
posted @ 2019-09-05 11:42 朵拉.科波菲尔 阅读(363) 评论(0) 推荐(0) 编辑
摘要: 数组操作: shift()方法:移除数组中的第一项并返回该项 unshift()方法:在数组的前端添加项 push()方法:从数组末端添加项 pop()方法:从数组末端移除项 删除a数组中的’bb’: 或者 阅读全文
posted @ 2019-08-18 13:19 朵拉.科波菲尔 阅读(81) 评论(0) 推荐(0) 编辑
摘要: 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 阅读全文
posted @ 2019-08-18 13:12 朵拉.科波菲尔 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 方案1:将DOM改写为canvas,然后利用canvas的toDataURL方法实现将DOM输出为包含图片展示的data URI 方案2:使用html2canvas.js实现(可选搭配Canvas2Image.js实现网页保存为图片) 方案3:使用rasterizeHTML.js实现 阅读全文
posted @ 2019-08-18 13:09 朵拉.科波菲尔 阅读(3240) 评论(0) 推荐(0) 编辑
摘要: 1.command + shift + P 变换主题 theme截屏 capture 2.添加代码片段 Sources->Snippets->new Snippets->save,run 3.command + p 迅速寻找资源 4.console 中的 '$'(1)$0 是对我们当前选中的 htm 阅读全文
posted @ 2019-08-18 12:59 朵拉.科波菲尔 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 对于react hooks刚开始使用的开发者,为了保证不误用,官方建议装上eslint-plugin-react-hooks 先 在.eslintrc.js文件里添加: 1.组件里有默认参数而且需要根据入参的变化而变化时使用函数 ()=>{} 传参: 2.useMemo(() => fn) 等价于 阅读全文
posted @ 2019-08-18 11:20 朵拉.科波菲尔 阅读(2394) 评论(0) 推荐(1) 编辑
摘要: 动机 使用Hooks只能在函数组件(FunctionComponent)中使用,赋予无实例无生命周期的函数组件以class组件的表达力并且更合理地拆分/组织代码,解决复用问题。 实现原理Fiber提供了hooks实现的基础:hooks是基于Fiber对象上能存储memoizedState,它以双向链 阅读全文
posted @ 2019-07-08 16:08 朵拉.科波菲尔 阅读(565) 评论(0) 推荐(0) 编辑
摘要: 1. SSR:即服务端渲染(Server Side Render);传统的服务端渲染可以使用Java,php等开发语言来实现,随着 Node.js和相关技术的成熟,前端同学可以基于此完成独立的服务端渲染。 2. 过程:浏览器发送请求->服务器运行react代码生成页面->服务器返回页面->浏览器下载 阅读全文
posted @ 2019-06-27 19:27 朵拉.科波菲尔 阅读(468) 评论(0) 推荐(1) 编辑
摘要: 方法一:利用CSS3的transform:translate 方法二:利用flexbox 阅读全文
posted @ 2017-05-15 11:22 朵拉.科波菲尔 阅读(249) 评论(0) 推荐(0) 编辑