10 2018 档案

NodeJS基础之Express路由和中间件
摘要：路由 路由是指如何定义应用的端点（URIs）以及如何响应客户端的请求。 路由是由一个 URI、HTTP 请求（GET、POST等）和若干个句柄组成，它的结构如下： 一个简单的路由实例： 运行结果： 路由方法 注意： 这里的网址，不分大小写 所有的GET参数，? 后面的都已经被忽略。 锚点#也被忽略。 阅读全文
posted @ 2018-10-31 02:28 为系归舟 阅读(271) 评论(0) 推荐(0)
清除浮动的几种最佳方案
摘要：最常见的方式 经测试下面两种也可以达到效果 我自己常用的方式 阅读全文
posted @ 2018-10-30 17:18 为系归舟 阅读(212) 评论(0) 推荐(0)
用五种不同的布局方式实现“左右300px中间自适应”的效果
摘要：float浮动 absolute绝对定位 flex布局 table布局 grid网格布局 阅读全文
posted @ 2018-10-30 17:01 为系归舟 阅读(322) 评论(0) 推荐(0)
html5之div，article，section区别与应用
摘要：div 块级元素，在里面的内容会自动开始新行，可以定义文档中的分区或节，把文档分割成独立，不同的部分 本身没有什么语义，更适合帮助布局，进行样式化。 section <section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。 出席的场景一般是有文章的章节 阅读全文
posted @ 2018-10-30 10:09 为系归舟 阅读(936) 评论(0) 推荐(0)
js中的自执行匿名函数 (function(){})()
摘要：JS函数有两种命名方式 1、声明式 声明式会导致函数提升，function会被解释器优先编译。即我们用声明式写函数，可以在任何区域声明，不会影响我们调用。 2、函数表达式 函数表达式我们经常使用，而函数表达式中的function则不会出现函数提升。而是JS解释器逐行解释，到了这一句才会解释。 因此如 阅读全文
posted @ 2018-10-25 23:28 为系归舟 阅读(14999) 评论(0) 推荐(4)
WebSocket简述
摘要：WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接， 阅读全文
posted @ 2018-10-18 11:55 为系归舟 阅读(316) 评论(0) 推荐(0)
http协议总结
摘要：HTTP简介 HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等） 阅读全文
posted @ 2018-10-17 23:49 为系归舟 阅读(285) 评论(0) 推荐(0)
TCP/IP协议、HTTP协议、SOCKET通讯详解
摘要：1、TCP连接 TCP(Transmission Control Protocol) 传输控制协议。TCP是主机对主机层的传输控制协议，提供可靠的连接服务，采用三次握确认建立一个连接。位码即tcp标志位，有6种 标示:SYN(synchronous建立联机) ACK(acknowledgement 阅读全文
posted @ 2018-10-17 23:25 为系归舟 阅读(1065) 评论(0) 推荐(0)
TCP和UDP的优缺点及区别
摘要：TCP TCP的优点： 可靠，稳定 TCP的可靠体现在TCP在传递数据之前，会有三次握手来建立连接，而且在数据传递时，有确认、窗口、重传、拥塞控制机制，在数据传完后，还会断开连接用来节约系统资源。 TCP的缺点： 慢，效率低，占用系统资源高，易被攻击 TCP在传递数据之前，要先建连接，这会消耗时间， 阅读全文
posted @ 2018-10-17 22:40 为系归舟 阅读(265) 评论(0) 推荐(0)
两张图说明http协议，tcp协议，ip协议，dns服务之间的关系和区别
摘要：一、理解一个传输流再去扩展 用http举例来说，首先作为发送端的客户端在应用层（http协议）发出一个想看某个web页面的http请求。 接着，为了传输方便，在传输层（tcp协议）把从应用层处收到的数据（http请求报文）进行分割，并在各个报文上打上标记序号及端口号转发给网络层。 在网络层（ip协议 阅读全文
posted @ 2018-10-17 21:07 为系归舟 阅读(2336) 评论(0) 推荐(0)
两种最常用的 HTTP 方法：GET 和 POST。
摘要：什么是 HTTP？ 超文本传输协议（HTTP）的设计目的是保证客户机与服务器之间的通信。 HTTP 的工作方式是客户机与服务器之间的请求-应答协议。 web 浏览器可能是客户端，而计算机上的网络应用程序也可能作为服务器端。 举例：客户端（浏览器）向服务器提交 HTTP 请求；服务器向客户端返回响应。 阅读全文
posted @ 2018-10-17 20:40 为系归舟 阅读(789) 评论(0) 推荐(0)
apply( )与 call( ) 的区别
摘要：JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法 语法 定义 共同之处 都“可以用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象”。 不同之处 apply：最多只能有两个参数——新this对象和一 阅读全文
posted @ 2018-10-17 01:37 为系归舟 阅读(366) 评论(0) 推荐(0)
[已转移]IE事件流和DOM标准事件流的区别
摘要：该文章已转移到博客：https://cynthia0329.github.io/ 1.执行的顺序不一样 冒泡型事件模型： button->div->body (IE事件流) 捕获型事件模型： body->div->button (Netscape事件流) DOM事件模型： body->div->bu 阅读全文
posted @ 2018-10-17 01:08 为系归舟 阅读(1157) 评论(0) 推荐(0)
[已转移]JavaScript事件---DOM事件流
摘要：该文章已转移到博客：https://cynthia0329.github.io/ 事件发生时会在元素节点与根节点之间按照特定的顺序传播，路径所经过的所有节点都会收到该事件 这个传播过程即DOM事件流。 1、两种事件流模型 事件传播的顺序对应浏览器的两种事件流模型：捕获型事件流和冒泡型事件流。 冒泡型 阅读全文
posted @ 2018-10-17 00:51 为系归舟 阅读(336) 评论(0) 推荐(0)
[已转移]事件绑定和普通事件的区别
摘要：该文章已转移到博客：https://cynthia0329.github.io/ 一、添加事件的方法不同 普通添加事件的方法： 执行上面的代码只会alert 2 事件绑定方式添加事件： 执行上面的代码会先alert 1 再 alert 2 二、是否能添加多个事件 （从一的例子可以看出） 普通添加事件 阅读全文
posted @ 2018-10-17 00:28 为系归舟 阅读(215) 评论(0) 推荐(0)
JavaScript中常用的几种类型检测方法
摘要：javascript中类型检测方法有很多： typeof instanceof Object.prototype.toString constructor duck type 1、typeof 最常见的就是typeof: 比较特殊的是typeof null返回“object”。 历史原因，规范尝试修 阅读全文
posted @ 2018-10-16 23:58 为系归舟 阅读(230) 评论(0) 推荐(0)
JavaScript中操作数组的方法
摘要：JavaScript Array 对象 对数组操作的方法分为两种 一种是会改变原始数组的变异方法，还有一种是不会改变原始数组的非变异方法。 总结 巧记 Push() 尾部添加 pop() 尾部删除 Unshift() 头部添加 shift() 头部删除 【点击下列方法的名字可以查看具体实例】 变异方 阅读全文
posted @ 2018-10-16 22:54 为系归舟 阅读(258) 评论(0) 推荐(0)
javaScript之split与join的区别
摘要：共同点： split与join函数通常都是对字符或字符串的操作； 两者的区别： split() 用于分割字符串，返回一个数组，例如 split()只有一个参数时：分割的字符串或正则表达式；两个参数时，第二个参数是指返回的数组中元素的个数； join() 用于连接多个字符或字符串，返回值为一个字符串； 阅读全文
posted @ 2018-10-16 22:42 为系归舟 阅读(232) 评论(0) 推荐(0)
JavaScript中null和undefined的区别
摘要：null： Null类型，代表“空值”，代表一个空对象指针，使用typeof运算得到 “object”，所以你可以认为它是一个特殊的对象值。 undefined： Undefined类型，当一个声明了一个变量未初始化时，得到的就是undefined。 阅读全文
posted @ 2018-10-16 22:32 为系归舟 阅读(140) 评论(0) 推荐(0)
JavaScript的六种数据类型与隐式转换
摘要：一、六种数据类型 javascript的数据类型包括： （1）基本数据类型：number、string、boolean、null、undefined （2）对象：object object又包括Function、Array、Date、ExgReg等 总结如下图： 原始类型（基本类型）：按值访问，可以 阅读全文
posted @ 2018-10-16 12:00 为系归舟 阅读(373) 评论(0) 推荐(0)
SPA是什么？
摘要：认识SPA 最早单页面的应用无从知晓，在2004年，google的Gmail就使用了单页面。到了2010年，随着Backbone的问世之后，此概念才慢慢热了起来。 随着后来React、Angular、Vue的兴起，单页面应用才成了前端圈里人人皆知的架构模式。 接下来将通过对比传统页面应用和单页面应用 阅读全文
posted @ 2018-10-16 01:28 为系归舟 阅读(2244) 评论(0) 推荐(1)
Gulp和webpack的作用和区别
摘要：gulp是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译 替代手工实现自动化工作 1.构建工具 2.自动化 3.提高效率用 webpack是文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件，主要用于模块化方案，预编译模块的方案 1.打包工具 2.模块 阅读全文
posted @ 2018-10-16 00:49 为系归舟 阅读(352) 评论(0) 推荐(0)
标准模式（严格模式）和怪异模式相关问题总结
摘要：标准模式和怪异模式的来由 在HTML与CSS的标准化未完成之前，各个浏览器对于HTML和CSS的解析有各自不同的实现，而有很多旧的网页都是按照这些非标准的实现去设计的。 在HTML与CSS标准确定之后，浏览器一方面要按照标准去实现对HTML与CSS的支持，另一方面又要保证对非标准的旧网页设计的后向兼 阅读全文
posted @ 2018-10-15 22:25 为系归舟 阅读(742) 评论(0) 推荐(0)
position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？
摘要：一道面试题的分析总结： display属性规定元素应该生成的框的类型； position属性规定元素的定位类型； float属性是一种布局方式，定义元素在哪个方向浮动。 类似于优先级机制： position：absolute/fixed优先级最高，有他们在时，float不起作用，display值需要 阅读全文
posted @ 2018-10-15 20:13 为系归舟 阅读(248) 评论(0) 推荐(0)
CSS Hack技术介绍及常用的Hack技巧
摘要：一、什么是CSS Hack？ 不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。 CSS Hack常见的有三种形式 CSS属性Hack、CSS 阅读全文
posted @ 2018-10-15 18:42 为系归舟 阅读(1761) 评论(0) 推荐(0)
less学习笔记
摘要：http://d98a812a.wiz03.com/share/s/3pyE4G3ikQF72xxFqB0OGw_H3Ey7JA1lwQ232zap4g3mK-pt 阅读全文
posted @ 2018-10-15 00:12 为系归舟 阅读(132) 评论(0) 推荐(0)
笔记：less的三种使用方法
摘要：直接在浏览器端使用 第一步，引入 .less 文件（注意要将 rel 属性设置为“stylesheet/less”） 第二步，引入Less.js文件 （这里的js文件可以去官网下载） 需要特别注意的是： 1）.less 样式文件一定要在 Less.js之前引入，这样才能保证 .less 文件被正确编 阅读全文
posted @ 2018-10-13 23:11 为系归舟 阅读(2374) 评论(0) 推荐(0)
笔记：html常见的兼容问题
摘要：IE： IE的双边距bug： 块级元素float后设置横向的margin，IE6显示的margin比较大。 解决办法：display：inline 双边距bug：在IE6下，如果对元素设置浮动，同时又设置了margin-left或margin-right，margin值会加倍 这种情况之下IE会产生 阅读全文
posted @ 2018-10-13 21:29 为系归舟 阅读(327) 评论(0) 推荐(0)
笔记：字体大小的几种不同的格式px，em，rem
摘要：px px像素（Pixel），相对长度单位，像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) 譬如，Windows的用户所使用的分辨率一般是96像素/英寸。 而MAC的用户所使用的分辨率一般是72像素/英寸。 特点： 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大 阅读全文
posted @ 2018-10-13 16:26 为系归舟 阅读(684) 评论(0) 推荐(0)