JavaScript
"William'_
缓缓往前爬的蜗牛......
展开
-
[学习笔记] 数据请求(一) --- Fetch
[学习笔记] 数据请求(一) — Fetch认识Fetch文档Fetch Web Api (MDN) — Fetch API - Web API 接口参考 | MDN (mozilla.org)说明Fetch 是一个现代的概念, 等同于 XMLHttpRequest。它提供了许多与XMLHttpRequest相同的功能,但被设计成更具可扩展性和高效性。Fetch 的核心在于对 HTTP 接口的抽象,包括 Request,Response,Headers,Body,以及用于初始化异步请求原创 2020-12-28 15:44:46 · 451 阅读 · 0 评论 -
[学习笔记] 数据请求(二) --- Axios
[学习笔记] 数据请求(二) — Axios认识 Axios文档Axios中文文档概要说明Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。特性:从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF简单使用 Axios一、安装脚手架(npm)安装:原创 2020-12-28 15:43:49 · 470 阅读 · 0 评论 -
[小记][搬运] async/await---同步/异步控制
async作为一个关键字放在函数的前面,表示该函数是一个异步函数,意味着该函数的执行不会阻塞后面代码的执行 异步函数的调用跟普通函数一样awaitawait即等待,用于等待一个Promise对象。它只能在异步函数 async function中使用,否则会报错它的返回值不是Promise对象而是Promise对象处理之后的结果await表达式会暂停当前 async function的执行,等待Promise 处理完成。若 Promise 正常处理(fulfilled),其回调的res.转载 2020-11-16 20:21:43 · 107 阅读 · 0 评论 -
[小结] js sort() 排序 - 升序/降序/中文拼音排序
常规 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);按中文拼音.原创 2020-10-30 10:25:23 · 1023 阅读 · 1 评论 -
[随笔] js 金额格式化来回转换小记
数字类型 / 字符串类型 金额转为标准金额格式(带千分位’,’ 并保留两位小数点)//格式化金额为2位小数和千分位Vue.prototype.formatMoney = (str)=>{ if(!str){ return ''; } var num = str.toString().replace(/,/g,''); if(!/^[0-9]+\.?[0-9]*$/.test(num)){ return ''; } else.转载 2020-10-16 17:58:19 · 911 阅读 · 0 评论 -
[小结] javascript 时间类型使用小结
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原创 2020-07-14 17:16:44 · 418 阅读 · 0 评论 -
[小记] 微信小程序-md5加密(支持中文)
记录分享一下大佬的解决方法,本文纯属转载,请支持原作者,若有冒犯,可留言通删,谢谢各位…原文地址:@程思扬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.转载 2020-07-13 15:38:18 · 364 阅读 · 0 评论 -
[笔记] js 中字符串部分常用方法
js 中字符串常用方法小结–温故知新concact() - 拼接返回值:两个或多个字符串拼接生成的新字符串参数:待拼接的字符串(必须),可有多个是否改变原字符串:否var str1 = "Hello ";var str2 = "world!";var n1 = str1.concat(str2); // Hello world!replace() - 替换返新返回值:一...原创 2020-04-08 12:01:52 · 244 阅读 · 0 评论 -
[小结] js中数组常用方法api (参考+个人增改)
js中数组常用方法小结一、方法列举(一) ES5 中常用数组方法:push() —— 后增unshift() —— 前增pop() —— 尾删 - (出栈末尾元素)shift() —— 首删splice() —— 修改或删除concat() —— 拼接返新slice() —— 剪切join() —— 拼接成’串’sort() —— 排序(ascii码)reverse() ...转载 2020-03-27 18:51:27 · 261 阅读 · 0 评论 -
[随笔] Vue中鼠标移入/移出事件——修改图片图标颜色(修改src地址)
效果:默认状态下图标为蓝色的;鼠标移入后图标变为白色的。Html 部分:<!-- 如果此处的两个鼠标事件不生效,可以在 mouseenter和 mouseleave后面添加.native后缀 --><router-link to="./detail1" class="standard-itemBox" @mouseenter.native="changeImageSrc...转载 2020-02-28 12:23:58 · 4695 阅读 · 0 评论 -
[随笔] vue - js返回顶部 + 下滑固定距离才显示 效果实现
实现效果:滚动条下滑一定 px 值距离后显示 返回顶部 按钮点击该按钮可以实现跳转回顶部的效果返回顶部时有过渡(滑动动画效果)实现代码HTML<!-- 在顶部指定标签 id 值为“top” --><div class="btn-toTop" v-show="toTopFlag"> <a href="javascript:void(0)" re...原创 2020-01-10 15:01:28 · 540 阅读 · 0 评论 -
[随笔] Html锚点/JS实现页面内跳转至指定位置(返回顶部、页内定位)
要实现页面内定向跳转 — 以返回顶部为例方法一:HTML锚点实现:1、在顶部标签用 id 命名(‘top’)2、使用 a 标签,其 href 属性写 href="#top" 来实现页面内跳转缺点会让 url 地址发生改变,会受页面路由等的影响而失效。方法二:JS定位1、在顶部某标签用 id 命名(为‘top’)<div class="myHerder" id="to...原创 2019-12-30 11:24:35 · 1533 阅读 · 0 评论 -
[随笔] 工具函数-取整函数(ceil、floor、round)
取整函数(ceil、floor、round)向上取整 — Math.ceil()ceil:在英文中,是天花板的意思,有向上的意思,所以,此函数是向上取整,它返回的是大于或等于函数参数,并且与之最接近的整数,在这里以java为例:package com.test;public class CeilTest { private static final double[] TEST...转载 2019-12-12 15:55:01 · 278 阅读 · 0 评论 -
[小结] js判空&数据格式判断
一、判空1.字符串String格式判空:String.trim() 方法var string1 = "";var string2 = "abc";//trim() 函数返回去掉开头和结尾空格后的字符串。string1.trim() == ""; //返回 truestring2.trim() == ""; //返回 false二、判断是否为特定格式1.判断数据格式为 —— Na...原创 2019-11-03 04:04:07 · 390 阅读 · 0 评论 -
[随笔] js数组中 some 、findIndex 和 filter方法|查找索引
Array.some(callback)some会遍历数组中的每个元素,让每个值都执行一遍callback函数如果有一个元素满足条件,返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素,则返回false。注意:some() 不会对空数组进行检测。some() 不会改变原始数组。示例:var flag = this.books.some(item=>{...转载 2019-10-12 22:24:22 · 2065 阅读 · 0 评论 -
[学习笔记]JS分号的使用注意事项与自动添加机制
1.不使用分号的情况首先,以下三种情况,语法规定本来就不需要在结尾添加分号。(1)for 和 while 循环for ( ; ; ) {} // 没有分号while (true) {} // 没有分号注意,do…while循环是有分号的。do { a--;} while(a > 0); // 分号不能省略(2)分支语句:if,switch,tryif (tru...转载 2019-06-27 20:02:58 · 284 阅读 · 0 评论 -
[学习笔记] js中sort()排序
sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。语法:arrayObject.sort(sortby);参数sortby可选。规定排序顺序。必须是函数。注:如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。如...转载 2019-07-18 01:51:45 · 530 阅读 · 0 评论 -
[小记] js中的几种排序方法
// sort() 数组对象排序var arr = [ {name:“小恭”,age:11}, {name:“小发”,age:3}, &n...转载 2019-07-18 02:10:38 · 177 阅读 · 0 评论 -
[学习笔记]Es6-let和const
let命令用法:类似于var,但是所声明的变量,只在let命令所在的代码块内有效。for循环的计数器,就很合适使用let命令。特点:不存在变量提升— let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。暂时性死区 — 只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。“暂时性死区”也意味着typeof不再是一个百分...转载 2019-07-31 00:58:49 · 98 阅读 · 0 评论 -
[学习笔记]Es6---顶层对象
顶层对象在浏览器环境指的是window对象,在 Node 指的是global对象。ES5 之中,顶层对象的属性与全局变量是等价的。window.a = 1;a // 1a = 2;window.a // 2//上面代码中,顶层对象的属性赋值与全局变量的赋值,是同一件事。顶层对象的属性与全局变量挂钩,被认为是 JavaScript 语言最大的设计败笔之一。这样的设计带来了几个很...转载 2019-07-31 01:11:13 · 157 阅读 · 0 评论 -
js实现页面弹出层
示例代码如下:<html> <head> <meta charset="UTF-8"> <title>js弹出层实例</title> <style> * { margin:0; padding:0 } html, body { height: 100%; wid...转载 2019-04-15 13:33:49 · 6890 阅读 · 0 评论