自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

木槿花开

学习总结,不断积累和进步。。。

  • 博客(11)
  • 收藏
  • 关注

原创 Node.js 事件循环

Node.js应用由以下几部分组成:1.引入 required 模块:可以使用 require 指令来载入 Node.js 模块。2.创建服务器:服务器可以监听客户端的请求,类似于 Apache 、Nginx 等 HTTP 服务器。3.接收请求与响应请求:客户端可以使用浏览器或终端发送 HTTP 请求,服务器接收请求后返回响应数据。Node.js 是单进程单线程应用程序,但是通

2017-03-29 15:27:42 367

转载 JS实现常见算法

排序算法1、冒泡排序function bubbleSort(arr){ var i = j = 0; for(i=1; i<arr.length; i++){ for(j=0; j<=arr.length-i; j++){ var temp = 0; // ">" 从小到大排序 // " if(arr[j] > arr[j

2017-03-18 18:22:36 435

原创 let和const命令

参考阮一峰的ES6入门:http://es6.ruanyifeng.com/#docs/let一、let命令let命令用来声明变量,用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a=10; var b=1;}a;// ReferenceError: a is not defined.b;//1for循环的计数器就很合适使用let命令:

2017-03-18 18:07:26 1419

原创 图片轮播原生实现

图片轮播原生实现:自动轮播播放前后按钮控制翻页先晒效果图如下:一、图片轮播HTML代码

2017-03-18 17:25:00 583

原创 原生实现响应式模态框

下面采用HTML+CSS+JavaScript实现模态框,并采用Flex布局和多媒体查询实现响应式。一、模态框HTML代码 模态框实现 模态框展示 模态框标题 × HTML+CSS+JS原生实现响应式模态框演示! 取消 确定 首先定义模态框的overlayer,然后定义模态框的内容包括head

2017-03-16 16:05:33 14993 3

转载 Mocha测试框架

转载自:阮一峰网络日志Mocha是现在最流行的JavaScript测试框架之一,在浏览器和Node环境都可以使用。所谓"测试框架",就是运行测试的工具。通过它,可以为JavaScript应用添加测试,从而保证代码的质量。另外,除了Mocha以外,类似的测试框架还有Jasmine、Karma、Tape等,也很值得学习。一、安装第一步首先安装示例库Mocha-demos。...

2017-03-12 13:50:55 824

原创 nodeJS基本模块

一、模块为了编写可维护的代码,把很多函数分组,分别放到不同的文件里。在Node环境中,一个.js文件就称之为一个模块(module),模块的名字就是文件名(去掉.js后缀)。创建一个模块hello,以便在其他地方调用这个模块:'use strict';var s = 'Hello';function greet(name) { console.log(s + ', ' +

2017-03-11 16:09:30 397

转载 网页性能管理详解

一、网页生成的过程要理解网页性能为什么不好,就要了解网页是怎么生成的。网页的生成过程,大致可以分成五步。HTML代码转化成DOMCSS代码转化成CSSOM(CSS Object Model)结合DOM和CSSOM,生成一棵渲染树(包含每个节点的视觉信息)生成布局(layout),即将所有渲染树的所有节点进行平面合成将布局绘制(paint)在屏幕上这五步里面,第一步到

2017-03-10 22:51:54 242

原创 Flex布局

Flex是Flexible Box的缩写,意为"弹性布局",可以简便、完整、响应式地实现各种页面布局。任何一个容器和行内元素都可以指定为Flex布局。如.box{ display: flex;} .box{ display: inline-flex;}注意:设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。一、基本概念采用Flex布局的元

2017-03-10 22:06:46 239

转载 跨域详解

1. 什么是跨域?具体概念如下:只要协议、域名、端口有任何一个不同,都被当作是不同的域。跨域是指通过一些方法使本域的js能够操作其他域的页面对象或者使其他域的js能操作本域的页面对象(iframe之间)。下面是具体的跨域情况详解:URL 说明 是否允许通信http://www.a.com/a.jshttp://www.a.c

2017-03-09 22:14:53 370

原创 浅析JS模块规范(CommonJS/AMD/CMD)

随着JS模块化编程的发展,处理模块之间的依赖关系成为了维护的关键,AMD,CMD,CommonJS是目前最常用的三种模块化书写规范。一、CommonJSCommonJS规范是诞生比较早的,NodeJS就采用了CommonJS。Node、CommonJS、浏览器和W3C之间关系:  |---------------浏览器----- ------------------|      

2017-03-02 10:43:05 392

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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