![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
米斯特肖
分享会让优质脱颖而出
展开
-
ES6 Promise学习一下
<p>2015年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。 </p> ES6 Promise 先拉出来遛遛 复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是一个类?对象?数组?函数? 别...原创 2021-11-18 11:58:55 · 125 阅读 · 0 评论 -
按需加载JavaScript
按需加载JavaScriptfunction loadScripy(url, callback) { var script = document.createElement('script'); script.type = 'text/javascript'; if (script.readyState) { // 兼容 IE script.onreadystatechange = function () {原创 2021-05-06 14:27:26 · 137 阅读 · 0 评论 -
JavaScript 闭包
正如标题所述,JavaScript闭包对我来说一直有点神秘,看过很多闭包的文章,在工作使用过闭包,有时甚至在项目中使用闭包,但我确实是这是在使用闭包的知识。转载 2021-03-22 11:37:43 · 96 阅读 · 0 评论 -
常用的前端JavaScript方法封装
输入一个值,返回其数据类型function type(para) { return Object.prototype.toString.call(para)}数组去重function unique1(arr) { return [...new Set(arr)]}function unique2(arr) { var obj = {}; return arr.filter(ele => { if (!obj[ele]) { .原创 2021-03-11 10:30:27 · 95 阅读 · 0 评论 -
前端模块化标准“ES6 Modul总结“
由于js文件中的全局变量可以相互调用,在多文件多变量中,容易将未知的已定义的变量重复值,因此模块化的 “分而治之” 的思想有了前景意义。常用的模块化标准:Common.js、Es6 Modul、AMD、CMD’UMD。模块化的出现,避免了变量的污染和命名冲突,使依赖更容易管理。ES6 Moudl在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代现有的原创 2021-03-08 14:33:41 · 195 阅读 · 0 评论 -
ES6常见语法糖总结
语法糖:是指编程语言中可以更容易的表达一个操作的语法,它可以使程序员更加容易去使用这门语言,操作可以变得更加清晰、方便,或者更加符合程序员的编程习惯。1. 速写属性var name = '米斯特肖', age = '18';var person1 = { name:name, age:age} // 下面语法糖写法等价上面var person2 = { name, age}console.log(person1,person2)2.原创 2021-03-05 14:55:05 · 1623 阅读 · 0 评论 -
uniapp 判断 IOS和Android的GPS是否开启并设置启动
let system = uni.getSystemInfoSync();// 获取系统信息 if (system.platform === 'android') { // 判断平台 var context = plus.android.importClass("android.content.Context"); var locationManager = plus.android.importClass("android.location.LocationManager")..原创 2020-12-21 16:26:18 · 2201 阅读 · 5 评论 -
可滑动移动端tab选项卡
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-s原创 2020-09-17 18:29:39 · 1197 阅读 · 0 评论 -
js 代码块执行先后生命周期
js 代码块执行先后生命周期1. 即页面所有的 html 标签(包括图片等)都加载完了,执行下列代码块//文档加载,这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,换句话说,写在这里面的JQuery代码都是文档加载好之后的,方便维护。$(document).ready(function(){ console.log("ready执行1");})** 简写为 **$(function () { console.log("ready执行2");});不会被覆盖原创 2021-05-07 11:56:02 · 346 阅读 · 0 评论 -
js实现弹窗滚动背景页面不跟随滚动
js实现弹窗滚动背景页面不跟随滚动<script> function getScrollOffset() { if (window.pageXOffset) { return { x: window.pageXOffset, y: window.pageYOffset } } else {原创 2020-08-01 16:32:34 · 1046 阅读 · 0 评论 -
js给标签设置随机背景
js给标签设置随机背景function bac(){ var gba = "rgb(" + Math.floor(Math.random() * 255) + ',' + Math.floor(Math.random() * 255) + ',' + Math.floor(Math.random() * 255) + ')' return gba}; document.getElementsByTagName('div')[0].style.backgroundColor = bgc()原创 2020-07-08 14:41:55 · 147 阅读 · 0 评论 -
js 中的条件语句
if …else语句var name = '';if(name === 'zhangsan'){ alert('这是张三');}else{ console.log('这不是张三')}if …elseif…else语句<label for="weather">Select the weather type today: </label><select id="weather"> <option value="">--Make a choi原创 2020-07-07 13:57:59 · 181 阅读 · 0 评论 -
js 函数创建的三种方法及其区别
1.函数声明function fa1 (n1, n2){ return n1 + n2};2.函数表达式法,又叫 函数字面量法var fa2 = function(n1,n2){ return n1 + n2;};var fa3 = (function(a1, a2){ return a1 + a2})(22, 33);console.log(fa3) =====>> 55以上两者的区别: 解析器会优先读取函数声明,并使其在执行任何代码前都可以访问; 函数表达式则必原创 2020-07-06 15:46:28 · 290 阅读 · 0 评论 -
多状态下 支付倒计时
多状态下 支付倒计时<div class="headBox" id="headBox"><!-- 待发货状态下显示 --> <div class="status" id="unfilled_orders"> <div class="sta"> <span class="staName"&g...原创 2020-01-15 11:46:28 · 202 阅读 · 0 评论 -
js find方法和findIndex方法
/*数组中,取出满足要求的第一个值*/ const myArr=[1,2,3,4,8,12]; var v1=myArr.find(value=>value>8); console.log(v1); /*通过数组下标取对应值*/ var v2=myArr.find((value,index,arr)=>{ return ...原创 2019-12-22 10:20:05 · 5144 阅读 · 0 评论 -
uniapp 的uni.navigateBack 方法 返回上一页携带参数
这里写自定义目录标题uniapp的uni.navigateBack返回页面带参数uniapp的uni.navigateBack返回页面带参数 // B页面 let pages = getCurrentPages(); //获取所有页面栈实例列表 let nowPage = pages[ pages.length - 1]; //当前页页面实例 let prevPage = page...原创 2019-12-17 15:46:53 · 10256 阅读 · 1 评论 -
移动端开发,禁止屏幕的滚动
手机端出现弹框后,禁止页面的滚动。移动端使用e.preventDefault()禁止滚动及取消,兼容苹果原文链接//实现滚动条无法滚动var mo=function(e){e.preventDefault();};/***禁止滑动***/function stop(){ document.body.style.overflow='hidden'; ...原创 2019-12-05 11:31:17 · 427 阅读 · 0 评论 -
m端城市地点三级联动选择器
h5 m端城市地点三级联动选择器效果如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=...原创 2019-11-30 17:38:22 · 164 阅读 · 0 评论 -
jquery 返回顶部
<div class="topup"> <img src="../images/topup.png" alt="" id="topup"> </div>.topup{ width: 45px; height: 45px; border-radius: 50%; position: fixed; ...原创 2019-11-09 14:31:24 · 73 阅读 · 0 评论 -
js 弹出框
js提示框弹出带有取消按钮 function delcfm() { if (!confirm("确认要退出?")) { window.event.returnValue = false; } } js退出框,点击是取消,确定按钮判断 var te...原创 2019-11-07 11:50:29 · 91 阅读 · 0 评论