摘要：
文章来自 https://mp.weixin.qq.com/s/nJsfOUNNKYQdvB9o9BXVVQ 1. Vue2.x 和 Vue3.x 生命周期方法的变化 文档地址：https://v3.cn.vuejs.org/guide/composition-api-lifecycle-hooks 阅读全文
摘要：
使用了2种方法去封装input组件(.vue与.jsx) 代码如下 父组件： <template> <div> <h1>input组件封装</h1> <Input v-model:val="val"></Input> <InputJsx v-model:valJsx="valJsx"></Input 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
摘要：
Canvas API方案 百度地图API v3中提供了基于Canvas API的接口，我们可以把这些“好看”的覆盖物绘制到一个层上面去，显然这种方式会比DOM更高效 代码如下： <!DOCTYPE html> <head> <meta http-equiv="Content-Type" conten 阅读全文
摘要：
splite 定义：该方法是切割字符串的一种方法，该方法主要用于把一个字符串分割成字符串数组并且返回新生成的数组。用于字符串对象 语法：str.split(separator,howmany) 返回值：一个字符串数组 var s = "how are you"; var arr = s.split( 阅读全文
摘要：
vue本身不做事件代理（react将所有事件都委托到document上，然后进行派发） 普通html元素和在组件上挂了.native修饰符的事件。最终EventTarget.addEventListener()挂载事件 组件上的，vue组件实例上的自定义事件（不包括.native）会调用原型上的$o 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"></script> 阅读全文
摘要：
Webpack 输出的代码可读性非常差而且文件非常大，让我们非常头疼。为了更简单、直观地分析输出结果，社区中出现了许多可视化分析工具。这些工具以图形的方式将结果更直观地展示出来，让我们快速了解问题所在。接下来讲解我们在 Vue 项目中用到的分析工具：webpack-bundle-analyzer 。 阅读全文
摘要：
方法一（适合传文件且带参数的方法） HTML内容 <a href="javascript:;" class="select-file"> <input type="file" @change="fileChange"> 选择文件 </a> JS内容 fileChange (e) { let file 阅读全文
摘要：
有时候为一个网页添加一个动画效果的背景，会让网页增加一定的韵味，让网页看起来与众不同。 第一步：准备工作 工欲善其事必先利其器，我们首先需要准备一个视频 第二步：html中引入视频这里我们需要用到了video/标签，然后在source里面写视频的路径，autoplay用来使其自动播放，muted用来 阅读全文