前言MVVM 是当前时代前端日常业务开发中的必备模式（相关框架如react，vue，angular 等）， 使用 MVVM 可以将开发者的精力更专注于业务上的逻辑，而不需要关心如何操作 dom。虽然现在都 9012 年了，mvvm 相关原理的介绍已经烂大街了，但出于学习基础知识的目的（使用 prox ...
正则表达式的先行断言(lookahead)和后行断言(lookbehind)
发表于
|
更新于
|
分类于
Computer base (algorithm, GoF, fundamentals of compiling, network...)
本文字数：
862
|
阅读时长 ≈
1 分钟
均是匹配位置，在匹配过程中，不占用字符，所以被称为零宽。 (?=pattern) 零宽正向先行断言(zero-width positive lookahead assertion) 紧接该位置之后的字符序列能够匹配 pattern 如替换后面紧跟c的ab为xx： 'abcabdabe'.rep ...
（转载）为什么JavaScript里面typeof(null)的值是"object"
null 不是一个空引用, 而是一个原始值, 参考 ECMAScript5.1 中文版 4.3.11 节; 它只是期望此处将引用一个对象, 注意是”期望”, 参考 null - JavaScript. typeof null 结果是 object, 这是个历史遗留 bug, 参考 typeof - ...
NFE（具名函数表达式）的问题
群里小伙伴讨论了这么一个问题： const a = function b() { b = 1; console.log(b);};a(); //打印b为function(){b=1;console.log(b);} 为什么这里打印的 b 为 b 函数，而 ...
自定义事件
创建，触发，删除自定义事件 创建自定义事件 文档查阅 Event() 文档查阅 Event 属性 文档查阅 var event = new Event('build');// Listen for the event.elem.addEventListener('build', function ...
使用typescript下的项目架构最佳实践
此贴记录下在 typescript 项目里的一些相关配置和包的选用，其中各种依赖包和最佳实践都在不断发展演变中，最新的配置以该仓库 MVVM 为准。 typescript 支持在webpack中使用 babel 7.0 +,摒弃了传统的 ts-loader 或 awesome-typescript- ...
（转载）点击穿透
简介点击穿透这种现象算是移动 web 开发比较经典的问题，也常用来做面试题。本文目标是结合移动 web 开发的相关事件，介绍一下点击穿透现象形成的原因以及避免这种现象的解决方法。 点击穿透现象现象描述： 页面中存在上下两个层，上层元素具有表单，链接或者绑定相应事件，上层元素点击或触摸，导致上层 DO ...
promise 实现
规范 | 中文解析 相关术语及概念见上述链接，以下为 promise 实现: const isFunc = (obj) => Object.prototype.toString.call(obj) === '[object Function]';const isObj = (obj) => ...
观察者模式和发布订阅模式的区别
发表于
|
更新于
|
分类于
Computer base (algorithm, GoF, fundamentals of compiling, network...)
本文字数：
2.5k
|
阅读时长 ≈
2 分钟
观察者模式（Observer）观察者模式指的是一个对象（Subject）维持一系列依赖于它的对象（Observer），当有关状态发生变更时 Subject 对象则通知一系列 Observer 对象进行更新。 在观察者模式中，Subject 对象拥有添加、删除和通知一系列 Observer 的方法等等 ...
事件循环(Event Loop)
发表于
|
更新于
|
分类于
Computer base (algorithm, GoF, fundamentals of compiling, network...)
本文字数：
12k
|
阅读时长 ≈
11 分钟
概念进程和线程 进程是系统分配的独立资源，是 CPU 资源分配的基本单位，进程是由一个或者多个线程组成的。 线程是进程的执行流，是 CPU 调度和分派的基本单位，同个进程之中的多个线程之间是共享该进程的资源的。 浏览器是多进程的 browser 进程 主进程，负责协调、控制其他进程 负责浏览器界面 ...
（转载）nginx配置location总结及rewrite规则写法
发表于
|
更新于
|
分类于
Computer base (algorithm, GoF, fundamentals of compiling, network...)
本文字数：
16k
|
阅读时长 ≈
14 分钟
nginx 介绍nginx 是一个高性能的 web 服务器，常用作反向代理服务器。nginx 作为反向代理服务器，就是把 http 请求转发到另一个或者一些服务器上。 通过把本地一个 url 前缀映射到要跨域访问的 web 服务器上，就可以实现跨域访问。 对于浏览器来说，访问的就是同源服务器上的一个 ...
深浅拷贝总结
深浅拷贝的区分深浅拷贝，只针对复杂数据类型来说的。 浅拷贝 (ShallowCopy)是一个对象的逐位副本。创建一个新对象，该对象具有原始对象中的精确副本。如果对象的任何字段是对其他对象的引用，则只复制引用地址，即只复制内存地址，而不复制对象本身，新旧对象还是共享同一块堆内存。改变其中一个对象，另一 ...
（转载）line-height 3种设置方式的区别
转载来源 line-height 3 种设置方式的区别 line-height 是具有继承性的，如果直接在某个元素上使用 line-height，那么这三种写法是没有区别的，比如给所有的 p 标签添加行高属性： p { line-height: 1.5em;}p { ...
CSS Grid布局
什么是 grid网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。浏览器支持程度查阅。 设为网格布局以后，容器子元素的 float、display: inline-block、display: table-cell、vertica ...
（转载）chrome provisional headers are shown 是什么意思
发表于
|
更新于
|
分类于
Computer base (algorithm, GoF, fundamentals of compiling, network...)
本文字数：
1.3k
|
阅读时长 ≈
1 分钟
转载来源 provisional headers are shown 知多少 启发的一篇文章(详情点击)。 摘抄部分如下： The resource could be being blocked by an extension (AdBlock in my case).The message ...
JS遍历对象的方式
for..in 循环 返回的是所有 可枚举 的属性，包括 实例 和 原型 上的属性。 如果只需要获取对象的实例属性，可以联合使用 hasOwnProperty() 进行过滤（过滤后等价 Object.keys()）。 不建议用来遍历 数组 查阅 注意 for 中的闭包问题 Object.keys( ...
babel7.4配置总结
本文适用版本"@babel/core": "^7.4.4","@babel/plugin-transform-runtime": "^7.4.4","@babel/preset-env": "^7.4.5","@babel/runtime": "^7.4.5","@babel/runtime-cor ...
var let const fn变量提升
JS 变量的声明分为 创建create、初始化initialize 和 赋值assign。 var 声明的过程function fn() { var x = 1; var y = 2;}fn(); 进入 fn，为 fn 创建一个环境。 找到 fn 中所有用 var 声明的 ...
amd,umd,commonJs,ES6模块的相关总结
AMD/CMD 模块（requireJS/seaJs）（即将退出历史舞台） AMD（Asynchronous Module Definition 异步模块定义）和 CMD（Common Module Definition 通用模块定义）是基于浏览器使用并且是异步执行 AMD 推崇依赖前置，在定义模块 ...
blog从wordpress迁移至hexo+next，并通过travis自动部署到ftp及github
因 wordpress 后台臃肿反应慢，外加上本人作为前端代码狗，基于 nodejs 的 hexo 对我非常友好。所以花了 2 天时间终于把 blog 从 wordpress 迁移至 hexo， 通过直接在 md 里面来写博客，简直爽到飞起。特此记录一下我在迁移搭建中做了哪些操作，以便后面遗忘。 ...