随笔分类 - javascript
摘要：function isObjEqual (o1, o2) { var props1 = Object.getOwnPropertyNames(o1); var props2 = Object.getOwnPropertyNames(o2); if (props1.length != props2.length) { return false; } ...
阅读全文
摘要：参考链接：https://vue-loader.vuejs.org/zh/guide/scoped-css.html#%E5%AD%90%E7%BB%84%E4%BB%B6%E7%9A%84%E6%A0%B9%E5%85%83%E7%B4%A0 使用 scoped 后，父组件的样式将不会渗透到子组件
阅读全文
摘要：方法一 将table标签，包括tr、td等对json数据进行拼接，将table输出到表格上实现，这种方法的弊端在于输出的是伪excel，虽说生成xls为后缀的文件，但文件形式上还是html，代码如下 如图： 方法二 通过将json遍历进行字符串拼接，将字符串输出到csv文件，输出的文件不会再是htm
阅读全文
摘要：在聊JavaScript（以下简称js）深度克隆之前，我们先来了解一下js中对象的组成。在 js 中一切实例皆是对象，具体分为 原始类型 和 合成类型 ：原始类型 对象指的是 Undefined 、 Null 、Boolean 、Number 和 String ，按值传递。合成类型 对象指的是 ar
阅读全文
摘要：在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。 函数防抖 函数防抖（debounce）：当持续触
阅读全文
摘要：1. 回到顶部，使用 scrollIntoView 方法： Element.scrollIntoView方法滚动当前元素，进入浏览器的可见区域 该方法可以接受一个布尔值作为参数。如果为true，表示元素的顶部与当前区域的可见部分的顶部对齐（前提是当前区域可滚动）；如果为false，表示元素的底部与当
阅读全文
摘要：vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗 1.基本用法，缓存整个页面或组件 有时候 可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的 在使用keep-alive的情况下 将首次触发请求写在created钩子函数中,就能实现缓存,
阅读全文
摘要：1. 动态路由匹配： 当使用路由参数时，例如从 /user/foo 导航到 /user/bar，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。 解决方法： 2. 嵌套路由：（https://blog.csdn.
阅读全文
摘要：vuex中各个作用： store 为一个大对象，包含了整个 vuex 的属性/方法； store.state为整个状态管理的一个大对象，其中包含了所有需要管理的状态对象或字段； 可以通过 getter 获取这些状态对象/字段； 通过 mutation 触发状态的更新，commit 可以提交 muta
阅读全文
摘要：一、 基础： 1. vue实例： 一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时，视图将会产生“响应”，即匹配
阅读全文
摘要：最多保留两位小数，货币金额（不能为0）： /^(([1-9]\d*)(\.\d{1,2})?)$|^(0\.0?([1-9]\d?))$/
阅读全文
摘要：在vue中的锚链接和普通的html不同，关于vue中的锚链接可以参考vue 中的 scrollBehavior 滚动行为。 在router.js中 在vue中 点击跳转的位置 使用<a>链接包起来 在需要跳转到的位置 要保证<a>标签的 href 的地址要和下面id的值是相同的才可以完成相应的跳转，
阅读全文
摘要：一. 数据类型： 1. undefined： 未声明和未初始化的变量，typeof 操作符返回的结果都是 undefined；（建议未初始化的变量进行显式赋值，这样当 typeof 返回 undefined 时就知道是未声明了，帮助定位问题） 2. null：建议，将即将保存但还未真正保存对象的变量
阅读全文
摘要：1.加载与执行： （1）将脚本放在底部；（否则会阻塞） （2）由于每个<script>标签初始下载时都会阻塞页面渲染，所以减少页面包含的<script>标签数量有助于改善这一情况。这不仅仅针对外链脚本，内嵌脚本的数量同样也要限制。浏览器在解析HTML页面的过程中每遇到一个<script>标签，都会因
阅读全文
摘要：1. 注释： 在js中，/**/为块注释，//为行注释；但块注释在有些情况下是不安全的。如： 上面的注释导致了一个语法错误。所以，建议避免使用 /**/ 注释，而用 // 注释代替它。 2. true/false： false：false，null，undefined，空字符串" " ，数字0，数字
阅读全文
摘要：工具方法： // 日期加法 DateAdd(strInterval, Number) { let dtTmp = this; switch (strInterval) { case 's' :return new Date(Date.parse(dtTmp) + (1000 * Number)); ...
阅读全文
摘要：window.check=function(){ var input = document.getElementById("file"); if(input.files){ //读取图片数据 var f = input.files[0]; var reader = new FileReader(); reader.onload = func...
阅读全文
摘要：我们首先来介绍如何实现禁止复制，知道了禁止的方式，再破解就容易了。 实现禁止复制粘贴 比较简单，直接上代码： 破解禁止复制粘贴 知道如何禁止了，那破解这个限制就容易多了。 首先，绝大部分限制都是采用js实现的，那我禁用js不久OK了么？突然发现我太聪明了！假如你使用的是Chrome或者其它国产web
阅读全文
摘要：1.webstorm中es6语法报错，解决方法： 打开 Settings => Languages & Frameworks => Javascript把 Javascript Language version 改为 ECMAScript 6 这样做所有的.js文件中es6不再报错，但是.vue文件
阅读全文
浙公网安备 33010602011771号