Sixin的小站

前言 安全的类型检测 惰性载入函数 柯里化 防篡改对象 冻结对象 定时器 函数节流 安全的类型检测是怎么安全地检测一个变量的类型，例如判断一个变量是否为一个数组。一般是使用 instanceof let data = [1, 2, 3]; console.log(data instanceof Array); //true 但是这种方式有一个弊端，就是在 iframe 里面判断一个父窗口... 阅读全文…

前言大家都知道移动端有 300ms 点击延迟，移动端尽量不要使用 click，因为 click 会比较迟钝，尽量使用 touchstart。但是 touchstart 也会有一个问题， 用户在滑动页面的时候要是不小心碰到了相关元素也会触发 touchstart。 首先为什么移动端的 click 会迟钝呢？因为移动端要判断是否是双击，所以单击之后不能够立刻触发 click, 要等 300ms,... 阅读全文…

文章思路来源于 慕课网: Webpack+React 全栈工程架构项目实战精讲 要做服务端渲染，首先我们要明白为什么做，它的优劣势如何？随着前后分离项目普及，单页应用越来越流行，然而一些问题也随之而来： 单页应用渲染由 js 完成（客户端渲染），浏览器最初获取的是一个空的 html。 SEO 由于内容都是 js 生成的，这中间就存在了一个 js 获取数据渲染页面的过程，相较于后端模... 阅读全文…

前言前端无法像原生 APP 一样直接操作本地文件，需要通过用户触发， 用户可通过以下三种方式操作触发： 通过 input type="file" 选择本地文件 通过拖拽的方式把文件拖过来 在编辑框里面复制粘贴 实践input[type=”file”] 方式第一种是最常用的手段， 通常还会自定义一个按钮，然后盖在它上面，因为 type="file" ... 阅读全文…

前言 “Docker 是一个为开发者和运维管理员搭建的开放平台软件， 可以在这 个平台上创建、 管理和运行生产应用。 Docker Hub 是一个云端服务， 可以用 它共享应用或自动化工作流。 Docker 能够从组件快速开发应用， 并且可以轻松地创建开发环境、 测试环境和生产环境。” 通俗地说， Docker 是一个开源的应用容器引擎， 可以让开发者打包自 己的应用及依赖包到一个可移植的... 阅读全文…

关于这个知识点以前也有写过，这次拿出来专门写一篇加深下记忆 原型与原型链原型其实就是一个对象，其他的对象可以通过它来实现属性的继承。而且，任何一个对象，都可以成为原型。而且所有的对象，默认情况下都有一个原型。 毕竟原型本身也就是对象，所以每一个原型自身也有其自身的原型。出了一个例外，那就是原型链的顶端–null。 一个对象的真正原型是被对象内部[[Prototype]]所持有，ECMA ... 阅读全文…

阅读 你不知道的 JavaScript 上卷 整理的关于 this 问题的总结 前言this 关键字是 JavaScript 中最复杂的机制之一，它不是一个特殊的关键字，被自动定义在所有的函数作用域中。 来看一个例子 function identify() { console.log(this.name); return this.name.toUpperCase(); } f... 阅读全文…

前言要制作一个可以作为背景的特效，那么首要的条件就是这是全屏的背景，充满整个屏幕。 为了使背景贴合好看，一般来说都是纯色或者渐变的。 渐变背景网站 uigradients 这个网站可以自己生成渐变色，你的配色也可以跟大家分享，可以保存为图片，也可以导出为 CSS 样式。 实现随机粒子粒子特效的特点 数量多 运动 随机 我们来使用 Canvas 实现随机粒子效果。各项参数都是随机生成的... 阅读全文…

特效网站： https://codepen.io 烟花效果 1 源码网址：烟花效果 1 烟花效果 2 出处：京东一活动源码 源码地址：烟花效果 1 ... 阅读全文…

文章转自 otakustay 的关于闭包及变量回收问题 本文的诞生，源自近期打算做的一个关于 javascript 中的闭包的专题，由于需要解析闭包对垃圾回收的影响，特此针对不同的 javascript 引擎，做了相关的测试。 为了能从本文中得到需要的知识，看本文前，请明确自己知道闭包的概念，并对垃圾回收的常用算法有一定的了解。 问题的提出假设有如下的代码： function outer... 阅读全文…