11 2020 档案
摘要：一、watch监听路由的方法 通过watch监听，当路由发生变化的时候执行。 方法一： watch:{ $router(to,from){ console.log(to.path) } } 方法二： watch: { $route: { handler: function (val, oldVal)
阅读全文
摘要：一、使用 watch: { mydata(val, newval) { console.log(val) console.log(newval) } } 二、属性详解 immediate handler deep （1）immediate和handler watch特点：当值第一次绑定时，不会执行监
阅读全文
摘要：1、watch watch的使用方法 （1）简单监听 （2）深度监听 （3）监听数据变化并执行某个方法 （1）简单监听 watch: { mydata(val, newval) { console.log(val) console.log(newval) } } （2）深度监听 watch: { m
阅读全文
摘要：一、传值 1、父组件 传值给 子组件 父组件中： //在父组件中引入子组件，并传入子组件内需要的值 <template> <div> <div>父组件</div> <!--(3)--> <child :message="parentMsg"></child> </div> </template> <
阅读全文
摘要：结合Vue.js官方文档 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： <!-- 在双花括号中 --> {
阅读全文
摘要：// 判断某个字符是否为空 isEmpty(obj){ if(obj == 0) obj = obj.toString(); if(typeof obj == "undefined" || obj == null || obj == "" || obj.length == 0){ return ob
阅读全文
摘要：<div class="content"> <div class="item-left"></div> <div class="item-center"></div> <div class="item-right"></div> </div> .content { display: flex; al
阅读全文
摘要：送你 43 道 JS 面试题 1、下面代码的输出是什么？ function sayHi() { console.log(name); console.log(age); var name = "Lydia"; let age = 21; } sayHi(); A: Lydia 和 undefined
阅读全文
摘要：每个Cookie的存在形式：<cookie名>=<值> 设置Cookie function setCookie(c_name, value, expiredays) { var exdate = new Date(); exdate.setDate(exdate.getDate() + expire
阅读全文
摘要：请求后端接口 一、点击链接。 不需要token，也不需要传给后台数据时 （1）window.location.href = ‘url’ （2）<a href='url' download=''></a> 二、需要携带请求头token 这种方式就是后台将要导出的文件以文件流的方式返回给前端，前端通过b
阅读全文
摘要：由于2023.10.27再次使用到小程序生成二维码的功能，因为本片内容有些冗余，所以另写一篇简化版的微信小程序生成二维码的功能使用步骤。 1. 从后台获取要转换成条形码和二维码的一串数字 code 2. 分别用 barcode.js 和 qrcode.js 把数字绘制成页面canvas里的条形码和二
阅读全文
摘要：第5章 虚拟DOM简介 如图是DOM的整体运行流程，向将vnode与oldVnode做对比，然后再更新视图。 可以看出，虚拟DOM在vue.js中主要做了两件事： 提供与真实DOM 节点所对应的虚拟节点vnode。 将虚拟节点vnode和旧虚拟节点oldVnode进行对比，然后更新视图。 虚拟DOM
阅读全文
摘要：一、命名路由 由于router-link会被渲染会a标签，所以在router-link标签中添加target=‘_blank’即可在新窗口打开页面。 <router-link to='/home' target='_blank'></router-link> 二、编程式导航跳转 使用路由对象的res
阅读全文
摘要：1、安装 npm install axios -S npm install qs -S 2、在main.js中导入 // 引入axios，并加到原型链中 import axios from 'axios'; Vue.prototype.$axios = axios; import QS from '
阅读全文
摘要：JavaScript 数据类型 number 数值 整数和小数（1,3.14） string 字符串 文本（Hello world） 1、转义 需要用反斜杠转义的特殊字符，主要有下面这些。 \0 ：null（\u0000） \b ：后退键（\u0008） \f ：换页符（\u000C） \n ：换行
阅读全文
摘要：一、axiox介绍 1、Axios特性 支持Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换JSON数据 客户端支持防御XSRF 2、Axios浏览器支持 二、基础用法（get、post、put等请求方法） axios的请求方法：get、post、put、patch
阅读全文
摘要：rem:是一个相对单位，相对根元素字体大小的单位。就是相对于html元素字体大小的单位。 优点：这样在计算子元素有关的尺寸时，只要根据html元素字体大小计算就好。不再像使用em时，得来回的找父元素字体大小频繁的计算，根本就离不开计算器。 html的字体大小设置为font-size:52.5%原因
阅读全文
摘要：1、双层循环 方法一： var unique = (arr)=>{ for(let i = 0; i < arr.length; i++){ for(let j = i + 1; j < arr.length; j++){ if(arr[i] arr[j]){ arr.splice(j, 1); /
阅读全文
