JavaScript || 写组件的模式

2017-03-21
阅读 7 分钟
4.4k
简单弹窗组件 一 编写组件的流程 组件是利用JavaScript生成HTML结构,配合既有CSS生成页面中的内容。用处是:便于修改、维护,可重用 完成静态HTML与CSS 将组件结构与样式使用HTML与CSS整体展现出来,不需要JavaScript。 去掉组件的HTML结构,使用JavaScript面向对象的模式创建原有HTML结构,并且添加交互功能 创建组件...

CSS || flex笔记

2017-03-18
阅读 4 分钟
2.4k
采用Flex布局的元素, 称为flex container容器。容器内的子元素自动成为flex container的成员,称为flex-item flex-item的排列方向是main axis:即flex-direction指定主轴是水平或是垂直

CSS || @media媒体查询

2017-03-18
阅读 5 分钟
4.4k
响应式网页设计Responsive Web Design指可以自动识别屏幕宽度,对并对样式做出相应调整 通过媒体查询实现在不同屏幕宽度下加载不同的CSS样式

CSS || 响应式网格

2017-03-18
阅读 5 分钟
3.4k
网格布局的作用在于更有效控制元素在网页中所占比例的大小。 比如,博客的留言板块:在屏幕较大时,占据屏幕25%的宽度,出现在博客文章右侧;在屏幕较小时,占据屏幕100%宽度,出现在博客文章的下侧 网格布局是一种实现这种布局需求的方法:将所有宽度分为固定的栏(列)数,从而更高效控制元素宽度

JavaScript || 正则表达式

2017-03-17
阅读 4 分钟
4k
1 为什么要用正则表达式? 学习之前,多想想为什么要使用正则表达式,有助于理解。 正则表达式regular expression使用单个字符串来描述某个句法规则,计算机根据规则去匹配字符串中的内容。 正则表达式的性能高于常规字符串操作(省略循环、遍历等操作) 正则表达式仅用于字符串的操作 2 常规字符串操作与正则表达式的比...

JavaScript的this值

2017-03-17
阅读 6 分钟
2.8k
JavaScript的this是有函数求值是的调用者决定的 JavaScript的this是有函数求值是的调用者决定的 JavaScript的this是有函数求值是的调用者决定的

CSS || 元素垂直居中笔记

2017-03-15
阅读 2 分钟
13.3k
CSS种元素垂直居中 根据不同情况,使用的垂直居中方式各异:针对块级元素与行级元素的垂直居中不同。 1 行级元素 1.1 行内包含特殊元素 如果行内包含特殊元素:图片、input输入框、inline-block元素或者粗体 使用verticle-align: middle;设置对齐方式即可垂直居中。text-bottom/text-top 为下对齐/上对齐 兼容性很好:IE...

JavaScript || 类和模块

2017-03-15
阅读 9 分钟
2.4k
ES5中的类是基于原型继承实现的:如果两个对象从同一个原型对象继承属性,称两个对象为同一个类的实例。r instanceof Range.prototype操作符是检查对象r是否继承自Range.prototype

node express mongoDB个人博客总结

2017-03-14
阅读 10 分钟
3.8k
1 注册、登录和退出 1.1 用户注册、登录 配置模板引擎、mongoDB数据库驱动、静态文件路径和post请求解析中间件 统一api.js路由的数据返回格式 {代码...} 设计用户的数据模型设计与创建 {代码...} {代码...} 完成注册逻辑 前端将数据提交到指定路由(Ajax或整页刷新) 服务器获取提交的数据,进行基本验证与数据库查重验...

Node的Web开发

2017-03-10
阅读 5 分钟
2.2k
使用Node进行网络开发 用户在浏览器中输入网址 --> 获得网页的过程经历了几个步骤: 通过浏览器发送一个请求到服务器(期间经历的DNS解析、TCP3次握手连接) 服务器分析、处理用户的请求,并生产请求的内容,然后发送给浏览器 浏览器解析服务发送回的数据,生产网页 服务器 在HTTP协议中的服务器指:监听客户端的请求...

module.exports和exports

2017-03-10
阅读 1 分钟
1.9k
module.exports和exports 本质上,exports是module.exports对象的引用 JS引用 {代码...} 变量a是一个对象,而b是a的引用(a、b指向同一块内存),所以输出相同 b修改原对象后,因为a、b指向同一块内存,所以修改会体现在a上 当b被覆盖时,b指向了一块新的内存;而a的指向不变,所以输出不同 module.exports和exports的区...

JavaScript || this

2017-03-09
阅读 5 分钟
1.6k
关于this this是JavaScript的一个关键字,自动定义在所有函数中,难点在于this的指向。 this的指向在函数调用时进行绑定,它的context取决于函数调用时的各种条件,与函数定义位置无关 1 this的作用 this可以使不同的context对象重复使用已经存在、声明的函数,无需针对每个对象编写不同版本的函数 {代码...} 2 误解 thi...

LeetCode 01 || twoSum

2017-03-05
阅读 1 分钟
1.9k
Given an array of integers, return indices of the two numbers such that they add up to a specific target.You may assume that each input would have exactly one solution, and you may not use the same element twice.

JavaScript || 函数

2017-03-03
阅读 16 分钟
2.6k
JavaScript中,函数指只定义一次,但可以多次被多次执行或调用的一段JavaScript代码。与数组类似,JavaScript中函数是特殊的对象,拥有自身属性和方法

浏览器输入网址后发生了什么

2017-03-01
阅读 1 分钟
3.9k
浏览器输入网址后发生了什么? 在浏览器输入网址,按下回车后,首先浏览器会做域名解析,获取目标主机的ip地址。 一、域名解析 主要有以下几个步骤: 浏览器搜索自身的DNS缓存,如果没找到,转2; 搜索操作系统自身DNS缓存,如果没找到,转3; 读取本地的hosts文件,查找有无域名对应解析,如果没找到,转4; 浏览器发起...

JavaScript || 数组

2017-03-01
阅读 11 分钟
3k
数组 数组是值的有序集合,数组中每个值称为元素,元素在数组中的位置称为索引。JavaScript中的数组是一种特殊的对象: 类属性class attribute为Array 新元素添加到数组后,自动更新自身的length属性 从Array.prototype对象中继承方法 设置length属性值小于元素个数时,会截断数组 数组的特点 JavaScript中,数组的元素...

JavaScript || 对象

2017-03-01
阅读 8 分钟
3.3k
属性值value:可以是任意JavaScript值(number、string、boolean、null、undefined和数组、对象).value可以是getter和setter。