惊蛰小鱼的博客

前端小鱼,JSer,JS狗

排序:
默认
按更新时间
按访问量

再写Node基础(读《Node.js 来一打C++扩展》)

NPM的作用: Node.js程序依赖包的发布、管理和安装。 CommonJS规范 require require是一个函数,参数是模块标识符,返回值是所引用模块暴露给外部使用者的内容。 直白一点讲: 一个模块定义文件module1.js module.exports={ ...

2018-08-24 20:21:50

阅读数:320

评论数:0

Node基本原理学习

node是什么 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。 Node使用包管理器NPM。 第一句话 Node.js 是一个基于 Chrome V8 引...

2018-07-28 11:29:18

阅读数:129

评论数:0

JavaScript中的作用域和闭包

作用域与闭包 什么是作用域? 在当前运行环境下,可以访问的变量或函数的范围。 作用域分为词法作用域和动态作用域。 词法作用域是在js代码编译阶段就确定下来的; 对应的,with和eval语句会产生动态作用域。 词法作用域是在词法分析时被定义的作用域 ————《你不懂JS:作用域与闭...

2018-06-24 11:24:14

阅读数:198

评论数:0

CSS三角形&&containing block

CSS浏览 用CSS画一个三角形 一个红色的三角形 <style> .bottom-triangle { width: 0; height: 0; border-top: 40px solid transpar...

2018-11-11 22:36:40

阅读数:4

评论数:0

CSS中的层叠上下文

CSS中的层叠上下文 在页面上z轴方向(垂直于页面的方向),如果存在多个元素,那么这些元素间的覆盖关系是啥?遵循的规则是啥?这就是这篇文章要讲述的内容。 前提声明: 不特别说明的话,文中在提到多个元素的位置关系时,均默认这些元素在Z轴上存在重叠关系。 什么是层叠水平 什么是层叠上下文 层叠上下文...

2018-11-07 06:33:49

阅读数:18

评论数:0

面试题:清除浮动的三种方式及其原理

清除浮动的三种方式及其原理 浮动元素的特性 浮动元素脱离文档流,不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。 浮动元素带来的问题 因为浮动元素脱离文档流,所以对于其处于正常文档流中父元素,无法获知其高度,导致父元素自身的高度塌陷(失去浮动元素占据的高度)。 清除浮动的三种方式 设置...

2018-11-05 17:55:33

阅读数:23

评论数:0

前端面试题:CSS中的选择器权重

CSS中选择器优先级的权重计算 先看一段代码,如下: <style> a{ color: red; } #box a{ color: green; } [...

2018-11-04 17:19:32

阅读数:223

评论数:0

一道用hasOwnProperty给数组去重的面试题

hasOwnProperty hasOwnProperty是javascript中用于检测对象是否包含某个属性的方法,返回一个布尔值。 var o = { a: 1}; console.log(o.hasOwnProperty('a')); // true console.log(o.hasOwn...

2018-11-04 13:33:08

阅读数:44

评论数:0

读《码农翻身》

读《码农翻身》 什么是线程? 线程属于进程,与该进程中的其它线程共享该进程的资源(变量、指令等)。 线程可以理解为计算机中处理任务的最小单位。 线程有三个状态: 就绪、运行、等待。理论上,线程在被创建并执行完分配给它的任务后就会被销毁。所以线程只有这三个状态。 所以,线程池中的线程不算在内。因为处...

2018-10-28 21:46:14

阅读数:28

评论数:0

MongoDB 初步教程

Install 系统基于Linux CentOS6.x 离线包安装方式 yum安装方式 离线包安装方式 下载安装包 wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel62-4.0.3.tgz; 解压缩 tar -zx...

2018-10-25 17:46:24

阅读数:21

评论数:0

ES7(ES2016)中的Decorator

Decorator,字面意思是修饰器。用来修饰啥呢? 类。先看一段代码index.js: let readOnly = function(target, name, descriptor){ descriptor.writable=false; return descriptor ...

2018-10-19 12:26:12

阅读数:19

评论数:0

ES6中的Generator

ES6中Generator Generator是ES6一个很有意思的特性,也是不容易理解的特性。不同于let/const提供了块级作用域这样明显的目的,这玩意儿被搞出来到底是干嘛的? 首先我们需要明确一个问题,在JavaScript中,任何一个函数只要开始执行,便无法停止下来直到执行完成(别跟我提...

2018-10-16 16:52:43

阅读数:28

评论数:0

ES6中的let/cont、解构赋值和迭代器Interator

ES6中的一些新特性 这是进入十月份的第一篇笔记(\笑哭)。 引入let/const的目的 ES5中的作用域分为:全局作用域 和 函数作用域。 并没有块作用域的概念,ECMAScript 6(简称ES6)中新增了块级作用域。 块作用域由 { } 包括,if语句和for语句里面的{ }也属于块作用域...

2018-10-15 16:52:19

阅读数:29

评论数:0

JavaScript通过Promise实现sleep方法

主要还是为了练习Promise, async/await 的使用 (async function(){ /** * s 休眠时长, 单位:秒 */ function sleep(s){ s = s || 0; s = parseIn...

2018-10-15 10:02:00

阅读数:37

评论数:0

无头浏览器 和 Puppeteer

什么是无头浏览器 无头浏览器即headless browser,是一种没有界面的浏览器。它有浏览器该有的一切功能,除了界面。可以通过命令进行浏览器内的各种操作。 我们日常使用浏览器的步骤为:启动浏览器、打开一个网页、进行交互。在无头浏览器中,我们可以通过程序或脚本来执行以上过程,从而模拟出真实的浏...

2018-09-18 22:32:53

阅读数:59

评论数:0

CSS Grid布局完全指南

原文:A Complete Guide to Grid CSS 网格布局(Grid Layout) 是CSS中最强大的布局系统。 这是一个二维系统,这意味着它可以同时处理列和行,不像 flexbox 那样主要是一维系统。 你可以通过将CSS规则应用于父元素(成为网格容器)和该元素的子元素(网格元...

2018-09-13 19:19:50

阅读数:51

评论数:0

FlexBox布局完全指南

FlexBox布局 Flex即弹性盒模型, 该布局方案由W3C于2009年提出。该布局模型旨在提供一种更有效的方式来进行布局,对齐和分配容器中的项目之间的空间,即使这项对象的大小未知或者会动态变化(这也是之所以叫Flex的原因)。 FlexBox的思想:赋予容器更多的能力,可以修改子项的宽高来...

2018-09-13 16:54:43

阅读数:32

评论数:0

编写一个Chrome插件

也可说是突然萌生出来的一个想法: 编写一个Chrome插件。 前段时间发现Chrome浏览器占用的系统内存相当的大。其实也对,随着现代web程序的功能日益强大和丰富,浏览器吃内存是必然的。连office都有在线版的了,对比一下office2016的安装包大小(2.41G),想想当初的window...

2018-09-11 16:10:48

阅读数:66

评论数:0

CORS——一种新的跨域解决方案

一种新的跨域解决方案:CORS(跨域资源共享)。 它是W3c的工作草案,定义了在跨域访问资源时浏览器和服务器之间如何通信。 CORS背后的基本思想是使用 自定义的HTTP头部允许浏览器和服务器相互了解对方,从而决定请求或响应成功与否。 CORS需要浏览器和服务器同时支持。目前,所有主流浏览器...

2018-09-09 15:59:42

阅读数:75

评论数:0

前端中的跨域

同源策略? 同源策略/SOP(Same origin policy)是一种约定,属于浏览器的一个安全功能。不同源的客户端脚本在没有明确授权的情况下,不能读写对方资源。所以a.com下的js脚本采用ajax读取b.com里面的文件数据是会报错的。 基于这个策略,有以下几种限制: cookie...

2018-09-09 15:54:28

阅读数:40

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭