zhaoweihao的博客

[学习笔记] 数据请求(一) — Fetch 认识Fetch 文档 Fetch Web Api (MDN) — Fetch API - Web API 接口参考 | MDN (mozilla.org) 说明 Fetch 是一个现代的概念, 等同于 XMLHttpRequest。它提供了许多与XMLHttpRequest相同的功能，但被设计成更具可扩展性和高效性。 Fetch 的核心在于对 HTTP 接口的抽象，包括 Request，Response，Headers，Body，以及用于初始化异步请求

[学习笔记] 数据请求(二) — Axios 认识 Axios 文档 Axios中文文档 概要说明 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 特性： 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF 简单使用 Axios 一、安装 脚手架（npm）安装：

async 作为一个关键字放在函数的前面，表示该函数是一个异步函数，意味着该函数的执行不会阻塞后面代码的执行 异步函数的调用跟普通函数一样 await await即等待，用于等待一个Promise对象。它只能在异步函数 async function中使用，否则会报错 它的返回值不是Promise对象而是Promise对象处理之后的结果 await表达式会暂停当前 async function的执行，等待Promise 处理完成。若 Promise 正常处理(fulfilled)，其回调的res.

常规 sort() 排序 - 升序 / 降序 var array = [1,2,6,5,4,3]; var resultArray = array.sort(function(param1, param2) { return param1 - param2; // 升序 [1,2,3,4,5,6] // return param2 - param1; // 降序 [6,5,4,3,2,1] }); console.log(resultArray); 按中文拼音.

数字类型 / 字符串类型 金额转为标准金额格式（带千分位’,’ 并保留两位小数点） //格式化金额为2位小数和千分位 Vue.prototype.formatMoney = (str)=>{ if(!str){ return ''; } var num = str.toString().replace(/,/g,''); if(!/^[0-9]+\.?[0-9]*$/.test(num)){ return ''; } else.

Date 对象 Date 对象用于处理日期与时间。 创建 Date 对象： new Date() 以下四种方法同样可以创建 Date 对象： var d = new Date(); //获取当前时间(标准时间格式) var d = new Date(milliseconds); //milliseconds表示从 1970 年 1 月 1 日 00:00:00 至今的毫秒数 var d = new Date(dateString); //dateString格式：2019/5/1，返回标准时间格式 //da

记录分享一下大佬的解决方法，本文纯属转载，请支持原作者，若有冒犯，可留言通删，谢谢各位… 原文地址：@程思扬 https://www.jianshu.com/p/bacbd5afa2b6 使用步骤： 在目录 utils 下新键 md5.js 文件 直接复制以下 js 代码写入 md5.js 文件中 /* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, a.

js 中字符串常用方法小结 –温故知新 concact() - 拼接 返回值：两个或多个字符串拼接生成的新字符串 参数：待拼接的字符串(必须)，可有多个 是否改变原字符串：否 var str1 = "Hello "; var str2 = "world!"; var n1 = str1.concat(str2); // Hello world! replace() - 替换返新 返回值：一...

js中数组常用方法小结 一、方法列举 (一) ES5 中常用数组方法： push() —— 后增 unshift() —— 前增 pop() —— 尾删 - (出栈末尾元素) shift() —— 首删 splice() —— 修改或删除 concat() —— 拼接返新 slice() —— 剪切 join() —— 拼接成’串’ sort() —— 排序(ascii码) reverse() ...

效果：默认状态下图标为蓝色的；鼠标移入后图标变为白色的。 Html 部分： <!-- 如果此处的两个鼠标事件不生效，可以在 mouseenter和 mouseleave后面添加.native后缀 --> <router-link to="./detail1" class="standard-itemBox" @mouseenter.native="changeImageSrc...

实现效果： 滚动条下滑一定 px 值距离后显示 返回顶部 按钮 点击该按钮可以实现跳转回顶部的效果 返回顶部时有过渡（滑动动画效果） 实现代码 HTML <!-- 在顶部指定标签 id 值为“top” --> <div class="btn-toTop" v-show="toTopFlag"> <a href="javascript:void(0)" re...

要实现页面内定向跳转 — 以返回顶部为例 方法一：HTML锚点 实现: 1、在顶部标签用 id 命名（‘top’） 2、使用 a 标签，其 href 属性写 href="#top" 来实现页面内跳转 缺点 会让 url 地址发生改变，会受页面路由等的影响而失效。 方法二：JS定位 1、在顶部某标签用 id 命名(为‘top’) <div class="myHerder" id="to...

取整函数(ceil、floor、round) 向上取整 — Math.ceil() ceil：在英文中，是天花板的意思，有向上的意思，所以，此函数是向上取整，它返回的是大于或等于函数参数,并且与之最接近的整数，在这里以java为例： package com.test; public class CeilTest { private static final double[] TEST...

一、判空 1.字符串String格式判空：String.trim() 方法 var string1 = ""; var string2 = "abc"; //trim() 函数返回去掉开头和结尾空格后的字符串。 string1.trim() == ""; //返回 true string2.trim() == ""; //返回 false 二、判断是否为特定格式 1.判断数据格式为 —— Na...

Array.some(callback) some会遍历数组中的每个元素，让每个值都执行一遍callback函数 如果有一个元素满足条件，返回true , 剩余的元素不会再执行检测。 如果没有满足条件的元素，则返回false。 注意： some() 不会对空数组进行检测。 some() 不会改变原始数组。 示例： var flag = this.books.some(item=>{ ...

1.不使用分号的情况 首先，以下三种情况，语法规定本来就不需要在结尾添加分号。 （1）for 和 while 循环 for ( ; ; ) { } // 没有分号 while (true) { } // 没有分号 注意，do…while循环是有分号的。 do { a--; } while(a > 0); // 分号不能省略 （2）分支语句：if，switch，try if (tru...

sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。 语法：arrayObject.sort(sortby)；参数sortby可选。规定排序顺序。必须是函数。 注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。 如...

// sort() 数组对象排序var arr = [          {name:“小恭”,age:11},          {name:“小发”,age:3},    &n...

let命令 用法： 类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 for循环的计数器，就很合适使用let命令。 特点： 不存在变量提升— let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。 暂时性死区 — 只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。“暂时性死区”也意味着typeof不再是一个百分...

顶层对象 在浏览器环境指的是window对象，在 Node 指的是global对象。ES5 之中，顶层对象的属性与全局变量是等价的。 window.a = 1; a // 1 a = 2; window.a // 2 //上面代码中，顶层对象的属性赋值与全局变量的赋值，是同一件事。 顶层对象的属性与全局变量挂钩，被认为是 JavaScript 语言最大的设计败笔之一。这样的设计带来了几个很...

示例代码如下： <html> <head> <meta charset="UTF-8"> <title>js弹出层实例</title> <style> * { margin:0; padding:0 } html, body { height: 100%; wid...