javascript
文章平均质量分 78
秋水不寒
代码是最为耐心、最能忍耐和最令人愉快的伙伴,在任何艰难困苦的时刻,它都不会抛弃你。
展开
-
前端编码规范
以下为小组代码提交时git批注规范,请各位在提交代码时严格遵守,方便大家对工作代码追踪 提交git代码批注规范一、本人直接提交1、一般,提交代码要求功能任务完成便提交,除有依赖情况可提前提交2、提交批注格式:Dev/Fix/BugFix/Mod-任务序号(wbs中序号)-任务名(wbs中任务名)-状态(百分比,无需百分号,同wbs汇报工作状态)-特殊说明3、特殊说明情况:(1)直接开发完成的,无需添加特殊说明(2)功能开发完成后,内部review或内部联调问题修正,使用Fix...原创 2021-07-23 00:00:56 · 220 阅读 · 2 评论 -
js 数组sort 排序 一个数组根据另一个数组排序
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> let list = [ {name:'张三',code:'zhangsan',id:45}, {name:'李四', code:'lisi',id:36}, ...原创 2020-07-17 00:48:51 · 3831 阅读 · 4 评论 -
总结 JavaScript 中所有的运算符优先级和结合性
优先级由高到低:1 ()2 ./[] 左2 new MemberExpression Arguments3 new MemberExpression 右4 () 函数调用 左5 ++/--6 +/-/~/!/delete/typeof/void/await 右7 ** 右8 *///% 左9 +/- 左10 << >> >>> 左11 < > <= >= instance of in 左12 == === != !=原创 2020-06-16 20:31:01 · 207 阅读 · 0 评论 -
vue element select 二级联动
<template> <div> 我是首页 <el-select v-model="value" placeholder="请选择" @change=selectOne > <el-option v-for="item in options" :key="item.value" :label="item.label" :value="{value:item.value,label:item..原创 2020-05-15 00:48:59 · 2033 阅读 · 0 评论 -
整理一下微任务和宏任务
整理一下微任务和宏任务js同步异步同步任务:指的是在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务 异步任务: 指的是不进入主线程,某个异步任务可以执行了,该任务才会进入主线程执行。js异步运行机制异步执行的运行机制如下(同步任务也如此,因为它可以被视为没有异步任务的异步执行):所有同步任务都在主线程上执行,形成一个执行栈(execution context...原创 2019-12-14 20:23:29 · 400 阅读 · 0 评论 -
js中this的指向问题归纳总结
最近发现在对JS的学习中有很多朋友对this的指向问题还是有很大的误区或者说只是大致了解,但是一旦遇到复杂的情况就会因为this指向问题而引发各种bug。所以这篇文章主要给大家介绍了关于js中this的指向问题的相关资料,需要的朋友可以参考下前言js中this指向问题是个老生常谈的问题了,下面这篇文章再来给大家介绍下,大家可以看看,更深入的了解了解,下面话不多说了,来一起看看详细的介绍吧...原创 2019-12-03 09:57:02 · 387 阅读 · 0 评论 -
Javascript - ES6 实用开发技巧
本文只罗列出在ES6开发过程中相对实用的内容,并非一个高大全的文档,如果希望查阅详细的内容,可购买阮一峰老师所出版的 ES6 相关图书。另外阮一峰老师《ECMAScript 6 入门》一书在网上有对应的网站可访问,地址:es6.ruanyifeng.com定义变量/常量ES6 中新增加了let和const两个命令,let用于定义变量,const用于定义常量 两个命令与...原创 2019-10-16 11:34:01 · 170 阅读 · 0 评论 -
void 0 代替 undefined 前世今生?
之前在看一个 H5 demo 的时候发现好多变量的定义都是 var aaa = void 0因此在 Chrome 控制台测试了一下 undefined === void 0; //true(事实上,void的返回值都是undefined, https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators...转载 2019-08-23 17:30:30 · 262 阅读 · 0 评论 -
javascript面试题精讲(二)
闲话少叙,直接上代码~1、使用typeof bar ===“object”来确定bar是否是一个对象时有什么潜在的缺陷?这个陷阱如何避免?尽管typeof bar ===“object”是检查bar是否是对象的可靠方法,但JavaScript中令人惊讶的问题是null也被认为是一个对象!因此,对于大多数开发人员来说,下面的代码会将真实(而不是错误)记录到控制台:var bar =...原创 2019-06-04 16:11:58 · 398 阅读 · 0 评论 -
谈javascript中stopImmediatePropagation函数和stopPropagation函数的区别
在事件处理程序中,每个事件处理程序中间都会有一个event对象,而这个event对象有两个方法,一个是stopPropagation方法,一个是stopImmediatePropagation方法,两个方法只差一个Immediate,这里就说说这两个方法的区别 1、stopImmediatePropagation方法: stopImmediatePropagation方法...原创 2018-11-04 20:23:26 · 152 阅读 · 0 评论 -
JS中自定义事件的使用与触发
1. 事件的创建JS中,最简单的创建事件方法,是使用Event构造器:var myEvent = new Event('event_name'); var myEvent = new Event('event_name');但是为了能够传递数据,就需要使用 CustomEvent 构造器:var myEvent = new CustomEvent('event_name', { ...原创 2018-11-04 20:22:07 · 343 阅读 · 0 评论 -
ES6数组方法
ES6数组方法以下方法添加到了Array.prototype对象上(isArray除外)indexOf类似字符串的indexOf()方法1 stringObject.indexOf(searchvalue,fromindex)2 3 var data = [2, 5, 7, 3, 5];4 console.log(data.indexOf(5, "x")); // 1 ("x"被忽略)5 ...原创 2018-03-14 16:03:29 · 279 阅读 · 0 评论 -
数组reduce方法心得
从最简单的例子开始。var arr = [1, 2, 3, 4, 5];sum = arr.reduce(function(prev, cur, index, arr) { console.log(prevres, cur, index); return prevres + cur;})console.log(arr, sum);输出结果1 2 13 3 26 4 3...转载 2018-03-14 15:44:40 · 323 阅读 · 0 评论 -
JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
函数 :split() 功能 :使用一个指定的分隔符把一个字符串分割存储到数组 例子: str=”jpg|bmp|gif|ico|png”; arr=theString.split(”|”); //arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组 函数 :Join() 功能 :使用您选择的分隔符将一个数组合并为一个字符串 例原创 2016-05-17 17:20:49 · 783 阅读 · 0 评论 -
深入理解JavaScript事件捕获,阻止
接上篇,既然有事件的冒泡,也可以有事件的捕获,这是一个相反的过程。区别是从顶层元素到目标元素或者从目标元素到顶层元素。来看代码: $input.addEventListener("click", function(){ this.style.border = "5px solid red"; alert("red")}, true)$div.addE原创 2016-05-27 14:58:57 · 8633 阅读 · 0 评论 -
JavaScript 禁止复制与粘贴
oncopy事件:定义和用法oncopy 事件在用户拷贝元素上的内容时触发。提示: oncopy 事件在用户拷贝元素时也会触发,例如, 拷贝 元素。提示: oncopy 事件通常用于 type="text" 的 元素。提示: 有三种方式可以拷贝元素和内容:按下 CTRL + C在你的浏览器的 Edit(编辑) 菜单中选择 "Copy(复制)"邮件原创 2016-05-16 00:05:58 · 5568 阅读 · 0 评论 -
学习JavaScript应该尽早知道的几个技巧
Shortcut Notations 简洁写法One of the things I love most about JavaScript now is shortcut notations to generate objects and arrays. So, in the past when we wanted to create an object, we wrote:在过去翻译 2016-05-17 14:40:06 · 9020 阅读 · 0 评论 -
web开发常见问题集锦
1.JS控制HTML元素的显示和隐藏利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。方法一:document.getElementById("EleId").style.visibility="hidden";document.getElementById("EleId").s转载 2016-05-17 15:06:22 · 2999 阅读 · 0 评论 -
JavaScript获取数组最大值和最小值
JavaScript获取数组最大值和最小值 //获取数组最大值function findMax(){var arr = [3,4,76,2,54,23,78,90,89,99,234,123,456,23,76,89,90];var max = Array.max(arr);document.getElementById("max").value = max;转载 2015-11-20 16:26:59 · 2793 阅读 · 0 评论 -
十分钟知道JavaScript 闭包
前言:JavaScript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将以例子入手来介绍JavaScript闭包的语言特性,并结合一点ECMAScript语言规范来使读者可以更深入的理解闭包。本文是入门文章,例子素材整理于网络,如果你是高手,欢迎针对文章提出技术性建议和意见。本文讨论的是Javascrip转载 2016-05-06 17:41:27 · 412 阅读 · 0 评论 -
javascript 句柄 --DOM事件处理及跨浏览器处理
var eventUtil={ // 添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,fal原创 2016-05-06 17:43:20 · 1501 阅读 · 0 评论 -
HTML5 Canvas 频谱
废话少说,直接贴出代码HTML5音频可视化频谱跳动代码 HTML5音频可视化频谱跳动代码audio element not supportedmain.jswindow.AudioContext = window.AudioContext || window.webkit原创 2016-05-06 22:21:07 · 4483 阅读 · 0 评论 -
defer、async属性以及JS异步加载并执行解决方案
优化脚本文件的加载提高页面的加载速度,一直是前端工程师提高页面加载速度很重要的一条。因为涉及到各个浏览器对解析脚本文件的不同机制,以及加载脚本会阻塞其他资源和文件的加载。当浏览器解析器遇到时,会立即加载(加载:下载,解析和执行),浏览器对其他资源和文档的加载会停止。为了提高页面的加载速度,得让JS不阻塞其他资源的加载。Webkit 和 Firefox 对JS的执行过程进行了优化,增加了“预原创 2016-05-17 15:16:41 · 7949 阅读 · 0 评论 -
CSS格式化工具-直接可以使用
CSS格式化工具-直接可以使用原创 2016-05-09 16:08:02 · 1965 阅读 · 0 评论 -
BAT及各大互联网公司2014前端笔试面试题:JavaScript篇
BAT及各大互联网公司2014前端笔试面试题:JavaScript篇很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习前端基础更是大有裨益。而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正。前面几题是会很基础,越下越有深度。前面几题是会很基础,越转载 2016-05-20 10:40:40 · 2831 阅读 · 0 评论 -
深入理解JavaScript事件冒泡
一、什么是事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。打个比方说:你在原创 2016-05-27 14:29:20 · 3412 阅读 · 0 评论