12 2020 档案
摘要:明确需求 为了提升用户体验,点击【复制】按钮就自动复制到剪贴板,那么就需要前端实现这种功能了。 首先明确了需求就先看一下最终图片: html分析 左边是一个input的文本框,只读,右边是一个按钮。 代码实现: <!--左边是一个input输入框,要求只读,而且里面的内容通过url?后面的code传
阅读全文
摘要:可执行文件 在本地模式下,可执行文件指向的位置; ./node_modules/.bin 以便可以通过 npm 运行的脚本使用它们。 例如,当您运行测试,将在路径中 npm test。 npm为script字段中的脚本路径都加上了node_moudles/.bin前缀 npm为script字段中的脚
阅读全文
摘要:一、Lottie 的动画资源分类 1.1 Lottie 资源的不同 Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案,真正的做到了在客户端 100% 还原设计师的动画效果。设计师只需要使用 After Effectes(AE)设计出动画,再使用 BodyMovin 插件将动画
阅读全文
摘要:什么是修饰键? 请注意修饰键与常规按键不同,在和 keyup 事件一起用时,事件触发时修饰键必须处于按下状态。换句话说,只有在按住 ctrl 的情况下释放其它按键,才能触发 keyup.ctrl。而单单释放 ctrl 也不会触发事件。如果你想要这样的行为,请为 ctrl 换用 keyCode:key
阅读全文
摘要:事件修饰符 .stop - 阻止冒泡 .prevent - 阻止默认事件 .capture - 阻止捕获 .self - 只监听触发该元素的事件 .once - 只触发一次 .left - 左键事件 .right - 右键事件 .middle - 中间滚轮事件 <!-- 阻止单击事件冒泡 --> <
阅读全文
摘要:参考 开发一个高质量的前端组件,这些姿势一定要知道
阅读全文