随笔分类 - javascript
摘要：1.变量赋值 (值 vs 引用） 理解 js 如何给变量赋值可以帮助我们减少一些不必要的 bug。相反，如果，不理解这一点，可能很容易地编写被无意中更改值的代码。 js 总是按照值来给变量赋值。 这一部分非常重要：当指定的值是 JavaScript 的五种基本类型之一（即 Boolean，null，
阅读全文
posted @ 2020-12-12 12:23
陌路y
摘要：jQuery用on()方法绑定了事件之后，在代码执行过程中，可能会遇到事件被多次执行的情况。本来以为是事件冒泡的问题，后来发现是on()方法的特性引起的问题。 简单还原一下问题的场景 这里简单还原一下问题的场景，使用一个按钮给另一个按钮通过on()方法绑定事件。 html的部分 <input id=
阅读全文
posted @ 2020-12-12 12:20
陌路y
摘要：前言 最近团队需要做一个智能客服悬浮窗功能，需要支持拖动、放大缩小等功能，因为这个是全局插件，为了兼容性考虑全部使用原生 js 实现，不引用任何第三方库或者插件。开发过程中遇到的一些问题及解决方法，在这里和大家分享交流一下。 注：下文出现的“采宝”二字，为这个功能的产品名。 先看效果 看这个效果，相
阅读全文
posted @ 2020-12-12 12:19
陌路y
摘要：使用异步函数 下面是一个简单的函数，它在给定的毫秒数之后解析一个 Promise 。使用内置的 setTimeout 函数在 ms毫秒过后调用 resolve 回调: function delay(ms: number) { return new Promise<void>(function(res
阅读全文
posted @ 2020-12-12 11:58
陌路y
摘要：使用 <！DOCTYPE html> <！-HTML5文档类型-> < html > < head > <！-开发时使用go-debug.js，部署时使用go.js-> < script src = “ go-debug .js“ > </ script > 直接链接到CDN提供的GoJS库： <s
阅读全文
posted @ 2020-12-12 11:57
陌路y
摘要：一、数据类型 前言 js中的类型只有6种，其中基本数据类型有5种分别为string,number,boolen,null,undefined，引用类型有一种，就是object，object是一个大的综合体，在js中除了那5个基本数据类型以外，其他的一切皆对象。以下是最近自学js整理的一些笔记，希望能
阅读全文
posted @ 2020-12-12 11:54
陌路y
摘要：CSRF 介绍 CSRF，是跨站请求伪造（Cross Site Request Forgery）的缩写，是一种劫持受信任用户向服务器发送非预期请求的攻击方式。 通常情况下，CSRF 攻击是攻击者借助受害者的 Cookie 骗取服务器的信任，在受害者毫不知情的情况下以受害者名义伪造请求发送给受攻击服务
阅读全文
posted @ 2020-12-12 11:53
陌路y
摘要：你写的 if 就是你的犯罪证据 业务的复杂性，导致了架构的复杂性。在这些代码故事里，发生得最多的地方就是 if 语句。所以，你可以从大部分的 if 语句里，看到一些代码上的坏味道。 业务条件复杂 你先写了一个 if 语句里面只有一个条件，没问题。但是后来的人，又加了一个条件，因为业务上确实需要这么做
阅读全文
posted @ 2020-12-12 11:51
陌路y
摘要：Mutation Observer API 用来监视 DOM 变动。比如节点的增减、属性的变动、文本内容的变动。 observe方法 MutationObserver使用observe方法进行监听指定的元素节点变化，observe方法接受两个参数： 属性描述类型 childList 子节点的变动（指
阅读全文
posted @ 2020-12-12 11:50
陌路y
摘要：FIBjs 简介！Start it！ FIBJS 是一个主要为 Web 后端开发而设计的应用服务器开发框架，它建立在 Google v8 JavaScript 引擎基础上，并且选择了和传统的 callback 不同的并发解决方案。fibjs 利用 fiber 在框架层隔离了异步调用带来的业务复杂性，
阅读全文
posted @ 2020-12-12 11:49
陌路y
摘要：在jquery中 自定义属性及值,默认以下都是在class=‘acitve‘对象中 进行自定义属性操作：1，自定义属性格式：data-xxxx2，获取该属性值： $(‘.active‘).data(‘xxxx‘) 获取属性值：data-xxxx的值3，设置该属性值： $(‘.active‘).dat
阅读全文
posted @ 2020-12-12 11:46
陌路y
摘要：看一张图 这张图对js魔法的吐槽可谓非常到位。下面，我们就从这张图出发来详细讲讲js。 数字类型与精度问题 虽然js是弱类型语言，声明变量时也不需要显式指定类型。但是，数据本身依旧还是有类型的，比如数字和字符串就是以不同形式存在的数据。在js中，所有数字的类型都为number。其中，一个特殊的数字就
阅读全文
posted @ 2020-12-12 11:45
陌路y
摘要：引言 一个项目考虑缓存和不考虑缓存完全是两个难度，在用户体验上也截然不同。考虑缓存肯定得了解web本地存储与它们的区别和适用场景。正好这次负责一个项目，在做了这个项目后抽空给大家来一次总结，希望能给大家带来帮助。 cookie 1.是什么 Cookie指某些网站为了辨别用户身份而储存在用户本地终端（
阅读全文
posted @ 2020-12-12 11:43
陌路y
摘要：AMD AMD一开始是Commonjs规范中的一个草案，全称是Asynchronous Module Definition，即异步模块加载机制。后来由该草案的作者以Requirejs实现了AMD规范，所以一般说AMD也是指RequireJS。 RequireJS的基本用法 通过define来定义一个
阅读全文
posted @ 2020-12-12 11:42
陌路y
摘要：简介 本章节讨论使用ES6编码风格到代码中需要注意的点。通过记住这些关键点，可以让我们写出更优美的、可读性更强的JavaScript E6风格的代码。 1、块级作用域 1.1、let取代var ES6 提出了两个新的声明变量的命令: let 和 const。其中，let可以完全取代var，因为两者语
阅读全文
posted @ 2020-12-12 11:41
陌路y
摘要：步骤1：设定和正面折射 在本演示中，我将使用菱形几何图形，但是您可以跟随一个简单的盒子或任何其他几何图形。 让我们建立我们的项目。我们需要一个渲染器，一个场景，一个透视相机和我们的几何图形。为了渲染我们的几何图形，我们需要为其分配材质。创建此材料将是本教程的主要重点。因此，继续创建具有基本顶点和片段
阅读全文
posted @ 2020-12-12 11:39
陌路y
摘要：本文内容 Map的基本使用 Map支持的数据类型 Map的迭代 Map与其他对象的转化 在Map出现之前，要实现类似需求，只能使用Object，但是Object还是存在一些问题的。 如果使用Object作为key存储在{}中，key最终是当做[object Object]来使用的 Object的ke
阅读全文
posted @ 2020-12-12 11:37
陌路y
摘要：要构建自己的虚拟DOM，需要知道两件事。你甚至不需要深入 react 的源代码或者深入任何其他虚拟DOM实现的源代码，因为它们是如此庞大和复杂——但实际上，虚拟DOM的主要部分只需不到50行代码。 有两个概念: Virtual DOM 是真实DOM的映射当虚拟 DOM 树中的某些节点改变时，会得到一
阅读全文
posted @ 2020-12-07 13:29
陌路y
摘要：现在主流的全面屏已经占用很多的市场，那么通常开发会遇到些问题，比如要去根据普通屏或是全面屏做一些相应的展示，接下来我这边的需求是展示不同大小的图片 首先在公共的js文件里简单封装； /**判断屏幕大小 */ function judgeBigScreen() { //，这里根据返回值 true 或f
阅读全文
posted @ 2020-12-07 13:22
陌路y
摘要：正则表达式（regex）是定义搜索模式的字符序列。由于对程序员的日常工作非常有用，所以在 JavaScript 中也支持它。在这个系列文章中，我会向你展示其工作方式以及其实际用途。希望在结束本系列后，你将能够轻松的写出自己的正则表达式。 创建正则表达式的方法 在 JavaScript 中可以通过两种
阅读全文
posted @ 2020-12-07 13:20
陌路y
浙公网安备 33010602011771号