随笔分类 - javascript
摘要：最近在做项目的时候扫描除了很多js版本过低的问题，主要集中在1.x 2.x 还有1.12jQuery&<2.2 jQuery，过滤用户输入数据的正则存在缺陷，可能造成跨站漏洞，具体修复介绍可以查看官方。 修复建议： 1、升级版本： 其实这是最好与最简单的修复方式，但是最新版的jquery不兼容旧版本
阅读全文
摘要：网上有不少关于 js 编写优化建议，这里我根据自己的经验提出一些比较有用的意见。 1. 按强类型风格写代码 js 是弱类型的，但是写代码的时候不能太随意，写得太随意也体现了编码风格不好。下面分点说明： （1）定义变量的时候要指明类型，告诉 JS 解释器这个变量是什么数据类型的，而不要让解释器去猜，例
阅读全文
摘要：相信很多读者对 ES6 引入的 Map 已经不陌生了，其中的一部分读者可能也听说过 WeakMap。既生 Map 何生 WeakMap？带着这个问题，本文将围绕以下几个方面的内容为你详细介绍 WeakMap 的相关知识。 创建了一个 “重学TypeScript” 的微信群，想加群的小伙伴，加我微信
阅读全文
摘要：在我最近的编码中，我发现了一个更简单的方法。在这个过程中，它消除了匿名函数并删除了linting错误，“不要在循环中写函数”。 你看，我一直在使用JavaScript中的bind()试验。事实证明，我们可以在多个场合，包括处理我几周前提到的闭包问题中，使用bind。 什么是bind（）？ bind函
阅读全文
摘要：try-catch属于同步代码块，因此无法捕获异步（重新开辟的线程，例如定时器，异步请求）代码中的异常，即能被try-catch捕获的异常，必须是在报错时候，线程的执行进入了try-catch代码块时，才能被捕获异常。 品牌vi设计公司http://www.maiqicn.com 办公资源网站大全h
阅读全文
摘要：前言 说起图片压缩，大家想到的或者平时用到的很多工具都可以实现，例如，客户端类的有图片压缩工具 PPDuck3， js 实现类的有插件 compression.js ，亦或是在线处理类的 OSS 上传，文件上传后，在访问文件时中也有图片的压缩配置选项，不过，能不能自己撸一套 JS 实现的图片压缩代码
阅读全文
摘要：Async/await 是建立在 Promises上的，不能被使用在普通回调以及节点回调。 Async/await 和 Promises 很像，不阻塞。 Async/await 代码看起来像同步代码。 语法 假设函数getjsON返回值是 Promise，并且 Promise resolves 有一
阅读全文
摘要：写在前面 本文讲解JavaScript各种继承方式和优缺点。 但是注意：这篇文章更像是笔记，哎，再让我感叹一句：《JavaScript高级程序设计》写得真是太好了！ 1、原型链继承 function Parent () { this.name = 'kevin'; } Parent.prototyp
阅读全文
摘要：JavaScript是一种灵活的语言，你可以重新定义任何东西，但是当项目变得复杂时，我们会发现可变数据结构的问题。随着JavaScript的最新版本的发布这种情况发生了改变。现在可以创建不可变的对象了。本文介绍如何用三种不同的方法来做。 对象的不变性意味着我们不希望对象在创建后即以任何方式更改（将它
阅读全文
摘要：先总结：高即时性服务，比如聊天室的群聊，server顺序收到了张三，李四的消息，立即就推送给王五，不能让王五等半天。Ajax也可以一秒一刷，让王五去问张三说话没，如果张三10分钟没说话，王五要去问600次。 用websocket 王五不用刷，等着就好了，服务器有了消息会自动给王五的。 1.webso
阅读全文
摘要：一、类型收窄 TypeScript 类型收窄就是从宽类型转换成窄类型的过程。类型收窄常用于处理联合类型变量的场景，一个常见的例子是非空检查： // Type is htmlElement | null const el = document.getElementById("foo"); if (el
阅读全文
摘要：需求背景 两个页面 A、B，B 页面关闭时，通知 A 页面请求接口刷新列表页 品牌vi设计公司http://www.maiqicn.com 办公资源网站大全https://www.wode007.com 实现 使用 storage 事件实现页面通信，约定好通信的 key，这里我们假定 key 为 r
阅读全文
摘要：前言 reduce属于JavaScript「synchronize同步」的array method，他就是把一整个array的所有内容，有顺序性的挤压squeeze最后变成一个值 Reduce表达式 [1,2,3,4].reduce((accumulator, currentValue) => {
阅读全文
摘要：所有人都谈论道workflows支持ECMAScript6里出现的令人吃惊的新特性，因此我们很容易忘掉ECMAScript5带给我们一些很棒的工具方法来支持在JavaScript里进行函数编程，这些工具方法我们现在可以使用了。在这些函数方法里主要的是基于JavaScript 数组对象的map()方法
阅读全文
摘要：一、数据类型简介 1、为什么需要数据类型 在计算机中，不同的数据所需占用的存储空间是不同的，为了便于吧数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型 简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18，这些数据的类型是不一样的 2、变量的数据类型 变量是用来
阅读全文
摘要：在 JavaScript 中整数和浮点数都属于number 数据类型，所有数字都是使用64位浮点数形式储存，遵循IEEE-754双精度标准存储，即便整数也是如此。 所以我们在打印 1.00 这样的浮点数的结果是 1 而非 1.00。而有时候用浮点数进行数学运算的时候，发现居然会有一些误差，比如： <
阅读全文
摘要：在过去的十年中，我最热衷的事情之一就是前端开发（特别是JavaScript）。作为一个“匠人”，我喜欢专研各种工具。在本文，我会为你介绍一些用老式console来debug的技巧。 是的，我们都知道下面基本的技巧： console.log(‘Hello World!’); console.info(
阅读全文
摘要：概述 JavaScript Object对象（注意起首的O是大写）JavaScript 的所有其他对象都继承自Object对象，即那些对象都是Object的实例Object对象的原生方法分成两类：Object本身的方法与Object的实例方法。 （1）Object对象本身的方法 所谓”本身的方法“就
阅读全文
摘要：S - 单一职责原则 例子 我们假设需要验证一个表单，然后将用户保存到数据库中。 不推荐 /** * 这个函数的名字就明显违背了单一职责原则 * 对于表单的验证和用户创建被耦合在一起了 * 这样写是不推荐的！ */ function validateAndSaveUser (req) { // 调用
阅读全文
摘要：一。数据类型 基本类型（值类型）： 1. Undefined 2. Null 3. Boolean 4. NaN 5. String 复杂类型（引用类型） ： 1. Object 2. Array 3. Date 4. RegExp 5. Function 二。值类型与引用类型的差别 基本类型在内存
阅读全文
浙公网安备 33010602011771号