随笔分类 - 前端
摘要：方法一： 使用return const a = b => { return {data:b} }; console.log(a(0)); // 返回值{data: 0} 方法二：不用return，而是在对象的外侧加个小括号 const a = b => ({data:b}); console.log
阅读全文
摘要：简介： Element.animate()是Web Animations API提供的使用Javascript操作元素动画的解决方案。 语法： let animation = element.animate(keyframes, options); 参数： keyframes关键帧 与CSS3的ke
阅读全文
摘要：前言： 在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。 此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。 函数防抖 函数防抖（debounce）
阅读全文
摘要：描述： 在写简单的前端DOM时，经常会在浏览器运行HTML页面，从本地文件夹中直接打开的一般都是file协议，当代码中存在http或https的链接时， HTML页面就无法正常打开，为了解决这种情况，需要在在本地开启一个本地的服务器。 工具：node.js中的 http-server 1.安装nod
阅读全文
摘要：学习笔记： 我们通常给一个元素添加 v-if / v-show 来做权限管理，但如果判断条件繁琐且多个地方需要判断，这种方式的代码不仅不优雅而且冗余。 针对这种情况，我们可以通过全局自定义指令来处理： 我们先在新建个 utils.js 文件，用于存放相关的全局函数； // utils.js // 判
阅读全文
摘要：插件安装： npm i vue-cropper 引入插件： 1.组件内使用 import { VueCropper } from 'vue-cropper' components: { VueCropper, }, 2.main.js中使用 import VueCropper from 'vue-c
阅读全文
摘要：例： 执行npm run build 后生成的包名不是默认dist 而是git的版本号名（包含tag和最后一次提交信息） 使用依赖包：npm install --save-dev git-revision-webpack-plugin 配置vue.config.js文件 本地查看git-descri
阅读全文
摘要：实现：js调用USB摄像头拍照上传照片 注意：部署到线上之后需要使用https才能调用摄像头 参考文档：https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices js代码实例：(vue项目中) 获取video资源 获取图片 上传图片
阅读全文
摘要：时间戳转日期格式:yyyy-MM-dd HH:mm:ss
阅读全文
摘要：简介：Konva是一个基于Canvas开发的2d js框架库, 它可以轻松的实现桌面应用和移动应用中的图形交互。 官网：https://konvajs.org/api/Konva.html（详情查看） konva概念： 1.画布 stage let stage = new Konva.Stage({
阅读全文
摘要：setInterval()：间隔执行 该方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval(function(){},time); setInterval("函数"，time)； clearInterval(); setInterval() 方法会不停地调用函数，直到
阅读全文
浙公网安备 33010602011771号