随笔分类 - javascript
摘要：一、事件与事件流 javascript中的事件，可以理解就是在HTML文档或者浏览器中发生的一种交互操作，使得网页具备互动性， 常见的有加载事件、鼠标事件、自定义事件等 由于DOM是一个树结构，如果在父子节点绑定事件时候，当触发子节点的时候，就存在一个顺序问题，这就涉及到了事件流的概念 事件流都会经
阅读全文
摘要：一、定义 函数的 this 关键字在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别 在绝大多数情况下，函数的调用方式决定了 this 的值（运行时绑定） this 关键字是函数运行时自动生成的一个内部对象，只能在函数内部使用，总指向调用它的对象 举个例子：
阅读全文
摘要：一、介绍 模块，（Module），是能够单独命名并独立地完成一定功能的程序语句的集合（即程序代码和数据结构的集合体）。 两个基本的特征：外部特征和内部特征 外部特征是指模块跟外部环境联系的接口（即其他模块或程序调用该模块的方式，包括有输入输出参数、引用的全局变量）和模块的功能 内部特征是指模块的内部
阅读全文
摘要：数组基本操作可以归纳为 增、删、改、查，需要留意的是哪些方法会对原数组产生影响，哪些方法不会 下面对数组常用的操作方法做一个归纳 增 下面前三种是对原数组产生影响的增添方法，第四种则不会对原数组产生影响 push() unshift() splice() concat() push() push()
阅读全文
摘要：首次为变量赋值时务必使用var关键字 变量没有声明而直接赋值得话，默认会作为一个新的全局变量，要尽量避免使用全局变量。 使用 取代== ==和!=操作符会在需要的情况下自动转换数据类型。但 和!==不会，它们会同时比较值和数据类型，这也使得它们要比==和!=快。 [10] 10 // is fals
阅读全文
摘要：如果要用一句话来描述，我们可以说 Set是一种叫做集合的数据结构，Map是一种叫做字典的数据结构 什么是集合？什么又是字典？ 集合是由一堆无序的、相关联的，且不重复的内存结构【数学中称为元素】组成的组合 字典是一些元素的集合。每个元素有一个称作key 的域，不同元素的key 各不相同 区别？ 共同点
阅读全文
摘要：一、属性的简写 ES6中，当对象键名与对应值名相等的时候，可以进行简写 const baz = {foo:foo}// 等同于const baz = {foo} 方法也能够进行简写 const o = { method() { return "Hello!"; }};// 等同于const o =
阅读全文
摘要：一、扩展运算符的应用 ES6通过扩展元素符...，好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列 console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.que
阅读全文
摘要：
every()与some()方法都是JS中数组的迭代方法。 every()是对数组中每一项运行给定函数，如果该函数所有一项返回true,则返回true。一旦有一项不满足则返回flase //every满足所有则返回true const checkee=this.cart.every(function
阅读全文
every()与some()方法都是JS中数组的迭代方法。 every()是对数组中每一项运行给定函数，如果该函数所有一项返回true,则返回true。一旦有一项不满足则返回flase //every满足所有则返回true const checkee=this.cart.every(function
阅读全文
摘要：我们知道JavaScript是单线程语言，如果没有异步编程非得卡死。 以前，异步编程的方法有下面四种 回调函数 事件监听 发布/订阅 Promise对象 现在据说异步编程终极解决方案是——async/await 发展史： 本人最先接触Promise是Jquery的Deferred对象，然后就出现了b
阅读全文
摘要：最近部门在对以往的代码做一些优化，我在代码中看到一连串的 if(){}elseif(){} 的逻辑判断。这明显是有优化空间的。 由于内部代码不适合分享，这里我就用 <输出今天为星期几> 来讲讲逻辑判断优化的一些方案。 这里先声明，免有人疑惑： 我们在项目中使用的很可能会有多层的嵌套，不像我的例子只有
阅读全文
摘要：JS是前端的核心，但有些使用技巧你还不一定知道；本文梳理了JS的41个技巧，帮助大家提高JS的使用技巧； Array 1.数组交集 普通数组 const arr1 = [1, 2, 3, 4, 5 , 8 ,9],arr2 = [5, 6, 7, 8, 9]; const intersection
阅读全文
摘要：思路： 去掉所有跟sql有关的标签： $(function () { $(":input").change(function () { // alert($(this).attr('id')); removeHTML($(this).attr('id')); }) }) function remov
阅读全文
摘要：1.SQL 注入 SQL 注入，一般是通过把 SQL 命令插入到 Web 表单提交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的 SQL 命令。 SQL 注入示例 在登录界面，后端会根据用户输入的用户（username）和密码（password），到 MySQL 数据库中去验证用户的
阅读全文
摘要：1.当字符串中是纯数字 例如：var s = '234'; /********** 字符串在运算操作中会被当做数字类型来处理 ***************/ s *= 1; /******* string的两个转换函数，只对string有效 ********/ parseInt(s); // 23
阅读全文
摘要：Set 对象存储的值总是唯一的 Set 对象方法 方法描述 add 添加某个值，返回Set对象本身。 clear 删除所有的键/值对，没有返回值。 delete 删除某个键，返回true。如果删除失败，返回false。 forEach 对每个元素执行指定操作。 has 返回一个布尔值，表示某个键是否
阅读全文
摘要：说明： Map结构提供了“值—值”的对应，是一种更完善的Hash结构实现。如果你需要“键值对”的数据结构，Map比Object更合适。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。 map 的定义 1 2 1、let map = new Map(
阅读全文
摘要：去掉type相同的 unique(arr) { const res = new Map(); return arr.filter((arr) => !res.has(arr.type) && res.set(arr.type, 1)); },
阅读全文
摘要：js的Array对象有map、some、every、filter几个方法都能对数组中的每个对象进行处理，但是他们之间的功能又各有差别，所以在记下。 map()：通过指定函数处理数组的每个元素，并返回处理后的数组。 1 var numbers = [4, 9, 16, 25]; 2 3 functio
阅读全文
摘要：let str = ['a','b','b','d2','cd','ssd','d','k']; function arrNum(str){ if(str.length>0){ let strarr if(str instanceof Array){ strarr = str }else{ stra
阅读全文
浙公网安备 33010602011771号