摘要: 在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。 Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过 Vue.directive( i 阅读全文
posted @ 2020-12-24 13:29 a权 阅读(20648) 评论(0) 推荐(19) 编辑
摘要: 自从使用 React 后,见过越来越多可值得优化的点,比如: 大量的 props props 的不兼容性 props 复制为 state 返回 JSX 的函数 state 的多个状态 useState 过多 复杂的 useEffect 大量的 props 如果需要把大量的 props 传递到一个组件 阅读全文
posted @ 2020-12-23 13:40 a权 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 1 /* eslint-disable-next-line */ 2 Number.prototype.toFixed = function(d) { 3 let s = `${this}` 4 /* eslint-disable-next-line */ 5 if (!d) d = 0 6 if 阅读全文
posted @ 2020-12-11 16:31 a权 阅读(156) 评论(0) 推荐(0) 编辑
摘要: react高级指引 1 无障碍 网络无障碍辅助功能(Accessibility,也被称为 a11y,因为以 A 开头,以 Y 结尾,中间一共 11 个字母)是一种可以帮助所有人获得服务的设计和创造。无障碍辅助功能是使得辅助技术正确解读网页的必要条件。 React 对于创建可访问网站有着全面的支持,而 阅读全文
posted @ 2020-12-11 13:46 a权 阅读(255) 评论(0) 推荐(0) 编辑
摘要: react官方文档 1 元素渲染 const element = <h1>Hello, world!</h1>; ReactDOM.render( element, document.getElementById('example') ); 2 jsx 以下两种示例代码完全等效: const ele 阅读全文
posted @ 2020-12-11 13:40 a权 阅读(168) 评论(0) 推荐(0) 编辑
摘要: // 图片预览组件,支持旋转,放大缩小,下载 <template> <a-modal class="picPreview" :title="title" :visible="imgListShow" @cancel="$emit('close')" :bodyStyle="moduleCenter" 阅读全文
posted @ 2020-12-10 15:07 a权 阅读(7774) 评论(4) 推荐(3) 编辑
摘要: 组件 cavas <template> <div class="count-wrap" :style="{width:width+'px',height:height+'px', position: 'relative'}"> <canvas :id="canvaId" :width="width" 阅读全文
posted @ 2020-12-03 10:34 a权 阅读(1701) 评论(0) 推荐(0) 编辑
摘要: 终于下狠心学习2.6.10(flow)版本啦 clone 地址 https://github.com/vuejs/vue.git 今天的目标就是知道哪些文件夹干啥的,然后跑下调试环境 1.先看看输出文件类型 dist文件夹 1)cjs webpack 1 browsefiry 2)esm webpa 阅读全文
posted @ 2020-11-08 19:38 a权 阅读(197) 评论(0) 推荐(0) 编辑
摘要: //使用时 //例如https://i.cnblogs.com/EditPosts.aspx?opt=1 lzq.getQueryStr().opt//1 阅读全文
posted @ 2018-08-27 13:48 a权 阅读(733) 评论(0) 推荐(0) 编辑
摘要: 今天距离明天倒计时秒数 距离明天 还有4520秒 阅读全文
posted @ 2017-12-13 20:05 a权 阅读(856) 评论(0) 推荐(0) 编辑
Top