03 2020 档案
摘要：[Toc] "nodejs文档" Buffer.alloc(size[, fill[, encoding]]) size 新 Buffer 的所需长度。 fill 用于预填充新 Buffer 的值。默认值: 0。 encoding 如果 fill 是一个字符串，则这是它的字符编码。默认值: 'utf
阅读全文
摘要：[Toc] 查询字符串模块————querystring 引入模块： 方法： parse():将查询字符串解析为对象。 stringify():将对象转为查询字符串。 例子： url模块————url 引入模块 方法： parse():将url解析为对象，5个属性： protocol：协议 host
阅读全文
摘要：v model指令对数据进行双向绑定 或者用eval()函数偷个懒 eval()函数能不用就不用
阅读全文
摘要：v for循环普通数组 v for循环对象数组 v for循环对象 v for迭代数字
阅读全文
摘要：js文件必须按照jquery 、 popper 、 bootstrap的顺序引入文档 菜鸟教程的bootstrapCDN加载顺序 BootStrap官网的bs4的CDN加载顺序
阅读全文
摘要：[Toc] 如何注册指令 如何注册一个全局自定义指令 //注册一个全局自定义指令 Vue.directive("focus",{ //当被绑定的元素插入到DOM中时： inserted:function(el){ //聚焦元素 el.focus() } }) directives:{ focus:{
阅读全文
摘要：##为了防止模板复用 在vue中，为了提高渲染效率会尽可能复用模板。 例如: <div id="app"> <template> <div> <label for="" v-if="type 'name'"> <span>name:</span><input type="text" name=""
阅读全文
摘要：[Toc] v cloak 这个指令会保持在元素上直到关联实例结束编译。 在chrome浏览器中可以调试slow 3G模式，会看到在编译缓慢的情况下没有写v cloak的div中会显示插值表达式{{msg}}。 写了v cloak可以在element中查看到，直到编译结束显示插值表达式的值它就会消失
阅读全文
摘要：[Toc] 简单的卡片 头部和底部 多种颜色的卡片 在.card的容器后面添加背景 标题、文本和链接 在头部元素上使用.card title类，在卡片文本上使用.card text类，在卡片链接上使用.card link 图片卡片 我们可以给<img 添加.card img top（图片在文字
阅读全文
摘要：[Toc] 前言 明确一个概念————过滤器的本质是函数。其作用在于用户输入数据后，它能够进行处理，并返回一个数据结果。Vue.js与AngularJS相似，使用管道符(|)进行连接 vue1.0有内置过滤器，2.0已经移除。 "Vue中文文档关于过滤器的链接" ex.局部过滤器 ex.全局过滤器
阅读全文
摘要：[Toc] 创建阶段 1.创建一个Vue的实例 new Vue({}); 2.Init Events & Lifecycle 表示刚初始化了一个Vue空的实例对象，这时候，这个对象身上只有默认的一些生命周期函数和默认的事件。其它的还没有创建。 3.beforeCreate beforeCreate与
阅读全文
摘要：一般来说，v if有更高的切换消耗而v show有更高的初始渲染消耗。因此，如果需要频繁切换v show较好，如果在运行时条件不大可能改变v if较好 点击之后可以发现两个h3元素消失了，但是打开开发者工具可以看到两者的区别：写了v show语句的<h3>标签在查看时会发现它的标签内写好了sty
阅读全文
摘要：[Toc] 窗口移动 window.moveTo()与window.moveBy()方法。 以上代码虽然各个浏览器都支持，但是适用性不同。 IE\EDGE:允许对当前页面进行调整。 Chrome、Opera、FF：不允许对当前页面进行位置调整。只允许对window.open出来的页面进行调整。实验证
阅读全文
摘要：window.open()方法会返回一个指向新窗口的索引。我们可以尝试使用该索引来调整新窗口的位置和大小。 调用close()方法还可以关闭新打开的窗口 大多数浏览器只允许通过用户点击的方式弹出窗口，例如以下代码的弹窗行为会被浏览器制止。 上面的代码实测在chrome、FF、Opera、Edge中均
阅读全文
摘要：##容器与项目 容器：父元素下的子元素如果要布局成弹性布局，则父元素称之为容器。 项目：弹性布局的元素称之为项目，它是容器的子元素。 ##主轴与交叉轴 主轴：项目们排列的方向称之为主轴。若项目们横向排列，主轴就是x轴；若项目们纵向排列，主轴就是y轴。（此处的x轴与y轴和直角坐标系不同，y轴是由上到下
阅读全文
摘要：接收两个参数：第一个参数是指定生成的字符串的最小长度，第二个参数是用来补全的字符串。如果没有指定第二个参数，默认用空格填充。 padStart()用于头部补全 <p id="time"></p>//18:52:01 <script> window.onload = () => { var dt =
阅读全文
摘要：[Toc] reduce方法从数组的第一项开始，逐个遍历到最后。reduceRight从数组的最后一项开始，向前遍历到第一项。 接收两个参数：一个在每一项上调用的函数和（可选的）作为归并基础的初始值。 传给reduce和reduceRight的函数接收四个参数：前一个值（previous），当前值（
阅读全文
摘要：[Toc] concat 1.创建当前数组的副本。2.将接收到的参数添加到这个副本的末尾。3.返回构建的新数组。 concat不影响原数组。 var colors=["red","green","blue"]; var colors2=colors.concat("yellow",["black",
阅读全文
摘要：includes方法用来判断一个数组是否包含一个指定的值，如果是返回true，否则返回false let side=['runoob','google','taobao']; var result1=side.includes('runoob'); var result2=side.includes
阅读全文
摘要：[Toc] indexOf和lastIndexOf都接受两个参数：1.要查找的项。2.要查找的起点的索引 执行比较操作的时候，使用的是“===”。 indexOf在接收空字符串为查找项时不反回 1，返回0。 常用于关键字查找时，如果找到某个列表则返回相关列表，找不到则返回全部列表
阅读全文
摘要：[Toc] 基础表格——.table 对<table&bt;添加.table类即可 条纹表格——.table striped 对<table 标签添加.table类和.table striped类即可 带边框表格——.table bordered 对<table 标签添加.table类和.table
阅读全文
摘要：ES5定义了5种迭代方法：every(),filter(),forEach(),map(),some() 每个方法都接受两个参数：1.要在每一项上运行的函数。2.运行该函数的作用域对象————影响this的值(可选) 要在每一项上运行的函数接收三个参数：1.数组项的值（item）。2.该项在数组中的
阅读全文
摘要：这是ES6新增的方法 ##find find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。 <p id="demo"></p><!--显示18--> <button onclick="myFunction()">click</button> <script> var ag
阅读全文
摘要：[Toc] 创建方式 使用构造函数创建： 参数1：要匹配的字符（不能有空格） 参数2：匹配模式（常用g（全局匹配），i（忽略大小写）） 字面量方式创建 方法 test() 检测字符串中是否包含定义字符模式 exec() 检索字符串中指定的值。匹配成功返回一个数组，匹配失败返回null match()
阅读全文