随笔分类 -  代码复用篇与易维护

封装点击下载功能
摘要：一、下载流程 调用下载接口 创建a标签 创建下载链接 将a;标签添加到bodiy中 添加点击事件，进行下载 下载完成移除a标签 释放掉blod对象 二、封装 download.js export function download2(data, fileName) {//throw关键字自定义抛出错 阅读全文
posted @ 2022-02-07 18:45 前端乔 阅读(61) 评论(0) 推荐(0) 编辑
Day.js极简的处理日期的js库
摘要：一、官网 https://dayjs.fenxianglu.cn/ github地址：https://github.com/iamkun/dayjs 二、简介 Day.js是一个极简的处理日期的js库 三、初探 npm安装 npm install dayjs --save 项目中使用： import 阅读全文
posted @ 2022-02-07 18:01 前端乔 阅读(90) 评论(0) 推荐(0) 编辑
cross-storage浏览器web跨域本地缓存
摘要：一、项目地址 github 地址：https://github.com/zendesk/cross-storage Npm 地址：https://www.npmjs.com/package/cross-storage 二、简介 阅读全文
posted @ 2022-02-07 17:46 前端乔 阅读(368) 评论(0) 推荐(0) 编辑
clipboard.js类库(剪切功能的轻量类库)
摘要：一、官网 https://clipboardjs.com/ 项目地址：https://github.com/zenorocha/clipboard.js 二、简介 现代化的“复制到剪切板”插件，不包含flash.gzip压缩后仅为3kb 为啥要用他 复制文字到剪切板不应该很难实现，他不需要配置几十个 阅读全文
posted @ 2022-02-07 17:36 前端乔 阅读(156) 评论(0) 推荐(0) 编辑
lodash工具库（js）
摘要：一、中文网地址 https://www.lodashjs.com/ 二、简介 1.lodash是啥？ lodash是一个一致性、模块化、高性能的js使用工具库， 2.为什么选择lodash？ lodash通过降低array、number、objectss、string等的使用难度从而让js变得更简单 阅读全文
posted @ 2022-02-07 16:35 前端乔 阅读(733) 评论(0) 推荐(0) 编辑
require.context实现前端工程化
摘要：一、require.context是什么 一个webpack的api，通过只想require.context函数获取一个特定的上下文，主要用来实现自动化到入模块，在前端工程周昂，如果遇到从一个文件夹引入很多模块的情况下，可以使用这个api，他会遍历文件夹中的指定文件，然后自动导入，使得不需要每次显式 阅读全文
posted @ 2022-01-12 11:24 前端乔 阅读(115) 评论(0) 推荐(0) 编辑
vue自定义指令
摘要：一、自定义指令是用来操作dom的，尽管vue推崇数据驱动试图的理念，但并非所又情况都适合数据驱动。自定义指令就是一种有效的补充和扩展，不仅仅可用于定义任何dom操作，并且是可以复用的‘ 比如谷歌图片的加载做的非常优雅，在图片未完成加载前，用随机的背景色占位背景图片加载晚成后才直接渲染出来。用自定义只 阅读全文
posted @ 2022-01-12 10:37 前端乔 阅读(3319) 评论(0) 推荐(0) 编辑
代码风格规范
摘要：一、优先级a的规则：必要的（规避错误） 1.组件名为多个单词： 组件名应该始终是多个单词的，跟组件app以及<component>之类的vue内置组件除外，这样做可以避免跟现有的以及未来的html元素相冲突，因为所有的html元素都是当单词 好例子：app.component("todo-item" 阅读全文
posted @ 2022-01-10 14:59 前端乔 阅读(124) 评论(0) 推荐(0) 编辑
v-model在自定义组件上的使用
摘要：Vue.component('base-checkbox', { model: { prop: 'checked', event: 'change' }, props: { checked: Boolean }, template: ` <input type="checkbox" v-bind:c 阅读全文
posted @ 2021-12-28 15:33 前端乔 阅读(225) 评论(0) 推荐(0) 编辑