- 博客(36)
- 收藏
- 关注
RSS订阅转载 HTTP 协议的缓存机制
浏览器缓存机制浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等）。但是也有非HTTP协议定义的缓存机制，如使用HTML Meta 标签，Web开发者可以在HTML页面的<head>节点中加入<meta>标签，代码如下：html code<META HTTP-EQUIV="Pragma" CONTENT="no...
2018-03-19 16:24:12
241
转载 Z-index的学习笔记
原文转载自：https://www.cnblogs.com/benbendu/p/5811534.html一、z-index基础知识1.z-index的含义 z-index属性指定了元素及其子元素的【z顺序】，而【z顺序】可以决定当元素发生覆盖的时候，哪个元素在上面。通常一个较大的z-index值的元素会覆盖较低的那一个。2.属性值 z-index:auto; 默认值 z-index:<in...
2018-03-15 16:01:57
421
原创 Flex布局学习笔记
Flex 是Flexible Box 的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。行内元素也可以使用 Flex 布局。Webkit 内核的浏览器，必须加上-webkit前缀。注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。display:flex/inline-flex/...
2018-03-04 23:24:14
235
原创 同源策略与跨域方法小结
一.同源策略 URL由协议、域名、端口和路径组成，如果两个URL的协议、域名和端口相同，则表示它们是同源的。 浏览器的同源策略限制了来自不同源的“document”或脚本，对当前“document”读取或设置某些属性，从一个域上加载的脚本不允许访问另一个与的文档属性。 在浏览器中，<script><img><iframe><link>...
2018-02-16 16:35:25
858
原创 web客户端存储小结
1.客户端存储的主要形式包括：web存储、cookie、IE userData、离线web应用、web数据库和文件系统API；2.web存储：localStorage和sessionStorage localStorage和sessionStorage是window对象上定义的两个属性，支持大容量数据存储。这两个属性都代表同一个Storage对象--一个持久化关联数组。数组使用字符串来索引，...
2018-02-16 15:58:40
741
原创 前端安全小结
1.XSS（Cross Site Script）跨站脚本攻击 XSS指的是恶意攻击者往web页面里插入恶意的HTML代码，当用户浏览该页面时，嵌入web当中里面的HTML代码会被运行，从而达到恶意攻击用户的特殊目的。分为三种类型的XSS：反射型、存储型和DOM。 反射型XSS： 发请求时，XSS代码出现在URL中，提交给服务器端。服务器端范湖的内容，也带上了这段XSS代码，最后浏...
2018-02-16 13:00:22
278
原创 JavaScript模块化 CommonJS、AMD和CMD
1.CommonJS CommonJS是一个更偏向于服务器端的规范。Node.JS采用了这个规范。CommonJS的一个模块就是一个脚本文件。require命令第一次加载该脚本时就会执行整个脚本，然后在内存中生成一个对象：{id:"...",exports:"...",loaded:"..."...}。以后需要用到这个模块时，就会到exports属性上取值。即使再次执行require命令，也...
2018-02-16 11:50:21
173
原创 webSocket学习笔记
1.webSocket协议诞生于2008年，2011年成为国际标准。所有浏览器均已支持。它的最大特点就是，服务器可以主动向客户端推送消息，客户端也可以主动向服务器端发送消息，是真正的双向平等对话，属于服务器推送技术的一种。 建立在TCP协议之上，服务器端实现比较容易； 与http协议有着良好的兼容性，默认端口也是80和403，并且握手阶段采用http协议，因此握手时不容易屏蔽，能通过各...
2018-02-16 11:22:11
368
原创 HTTP学习笔记
1.HTTP协议是Hyper Text Transfer Protocol，超文本传输协议。是一个基于TCP/IP通信协议来传递数据的协议。HTTP协议工作于客户端-服务器端的架构上。几个提点如下： HTTP是无连接的：无连接的含义是限制每次连接只处理一个请求； HTTP是媒体独立的； HTTP是无状态的；2.消息结构客户端请求消息：服务器响应消息：3.请求方法：GET：请求指定...
2018-02-15 19:21:50
216
原创 URL学习笔记
URL：统一资源定位符。URL的结构：scheme://login:password@address:port/path/to/resource?query_string#farment scheme：协议名称； //：层级URL符号； login：password：访问资源的身份验证； address：服务器的地址； port：服务器的端口号； /path/t...
2018-02-15 19:04:29
262
原创 Ajax学习笔记
1.AJAX的使用步骤 创建XMLhttpRequest对象，也就是创建一个异步调用对象； 创建一个新的“http”请求，并指定该http请求的方法、URL以及验证信息； 设置一个响应“http”请求状态变化的函数； 发送“http”请求； 获取异步调用返回的数据； 使用JavaScript和DOM实现局部刷新。2.创建XMLHttpRequest对象，也就是创...
2018-02-15 18:54:08
228
原创 AngularJS学习笔记十 Promise
AngularJS提供了对Promise机制的支持，主要通过内置的$q服务实现。promise对象具有then、catch、finally三个方法，每个方法返回一个promise对象。这为链式调用提供了支撑。 在AngularJS应用中，主要通过XHR和JSONP两种方式向服务器端发送HTTP请求。 XHR：利用浏览器内置的XMLHTTPRequest对象向服务器发送AJAX请...
2018-02-15 18:28:53
164
原创 AngularJS学习笔记九 依赖注入
1.AngularJS中的依赖注入 控制反转是一种软件设计思想，而依赖注入就是实现控制反转最直接也是最简单的方式，控制反转就不一定需要通过依赖注入来实现； 所谓的依赖注入，就是当你在一个组件中需要依赖其他组件的时候，不需要自己创建这些组件，而是通过依赖注入的方式直接获得这些组件； 获取依赖可以通过三种方式完成：创建依赖、全局查找依赖和依赖注入； 术语解释：IoC：Inver...
2018-02-15 11:32:49
297
原创 AngularJS学习笔记八 过滤器
1.AngularJS过滤器 在表达式中使用过滤器：在 | 符号后面加上过滤器的名称即可，允许同时使用多个过滤器：{{expression|filter1|filter2}}，可以向这些过滤器传递参数，参数使用：符号隔开； 在指令中使用过滤器：<span ng-repeat=“element in array | filter”></span>； 在con...
2018-02-15 11:14:11
220
原创 AngularJS学习笔记七 Service、Factory和Provider
1.Service AngularJS的Service是封装了一些特定业务逻辑的单例对象，既然是单例对象，就意味着它在每个应用中只会被实例化一次，并且在需要时才会被创建。对外提供一些方法供其他组件调用。 内置Service对象只需要通过依赖注入机制把它注入需要使用这些Service的组件中即可。 AngularJS模块实例提供了一个service（）方法，用于注册一个自定义的Se...
2018-02-14 22:24:06
212
原创 AngularJS学习笔记六 指令
1.AngularJS指令的出现形式为以下四种方式： E：作为HTML元素出现； A：作为HTML元素属性出现； C：作为CSS类样式出现； M：作为HTML注释内容出现。2.一些常见的内置指令ng-app ng-model ng-init ng-controller ng-disabled ng-checked ng-change ...
2018-02-14 13:43:45
181
原创 AngularJS学习笔记五 表单校验
1. AngularJS框架会自动为from标签添加一些CSS样式，对于这些CSS样式，AngularJS在作用域中会维护一个状态属性与之对应。 CSS样式：ng-valid; ng-invalid; ng-pristine; ng-dirty; ng-touched; ng-untouched; ng-empty; 对应的状态属性：$vali...
2018-02-14 13:09:30
214
原创 AngularJS学习笔记四 路由机制
1.路由机制就是在每个视图和URL之间建立映射关系，当通过AngularJS路由API访问URL时，页面中能够加载对应的视图内容。2.使用$toorProvide对象创建路由映射，该对象有以下两个方法：方法一：when(path,route) path:string类型，路由路径，和$location.path相对应； route：Object类型，用于配置映射信息。有几个属性如下：...
2018-02-14 12:47:59
336
原创 AngularJS学习笔记三 作用域
1. AngularJS作用域 AngularJS作用域本质上就是一个普通的JavaScript对象，和普通的JavaScript对象一样，都可以在作用域中增加属性或者方法，不同的是我们不需要手动去构建作用域对象。 AngularJS程序中作用域的主要功能是存放模型数据，在控制器中，我们可以修改作用域中的模型数据或者在作用域中增加新的模型数据，然后在视图中通过AngularJS...
2018-02-13 21:30:21
224
原创 AngularJS学习笔记二 控制器
1.AngularJS控制器 AngularJS控制器是一个构造方法。 可以使用模块实例的controller（）方法来声明一个控制器，该方法接收两个参数，第一个是控制器名称，第二个参数是一个方法，即控制器的构造方法。var app=angular.module("app",[]);app.controller("controllername",function(){}); An...
2018-02-13 20:57:13
361
原创 AngularJS学习笔记一 基本概念
这是本人学习AngularJS时的一些笔记，学习进度与内容可以参考《AngularJS入门与进阶》江荣波著。主要是一些知识点的总结和自己对相关内容的一些理解，内容都是比较基础的。若有错误，欢迎指出。1.AngularJS是Google工程师研发的一款开放源代码的JavaScript框架。完全使用JavaScript编写客户端的技术。AngularJS以HTML作为模板语言并扩展HTML元素...
2018-02-13 20:01:47
243
原创 Node.JS学习笔记四
1.Node工具模块。①OS模块：os.tempdir():返回操作系统的默认临时文件夹；os.endianness():返回CPU字节序，BE/LE;os.hostname():返回操作系统的主机名；os.platform()/os.type():返回操作系统名；os.arch():操作系统的CPU架构；os.release():操作系统的发型版本；②path模块：path.normolize(...
2018-02-12 16:50:59
159
原创 Node.JS学习笔记三
1.在浏览器JavaScript中，通常window是全局对象。而node中的全局对象则是global。所有全局变量（除global之外）都是global对象的属性。2.global的最根本作用是作为全局变量的宿主，满足以下条件的变量是全局变量：在最外层定义的变量；全局对象的属性；隐式定义的变量（未定义直接赋值的变量）。注意，当你定义一个全局变量时，这个变量也会成为全局对象的属性。在node中，不...
2018-02-12 16:27:34
145
原创 Node.JS学习笔记二
1.在node中，Buffer类是随着node内核一起发布的核心库。Buffer库为Node.JS 带来了一种存储原始数据的方法，可以让Node处理二进制的数据。几个Buffer模块常用的方法如下：①new Buffer（size）；new Buffer（buffer）；new Buffer（str，codetype）；②buf.length ; buf.write(string...);③buf...
2018-02-12 15:31:36
127
原创 Node.JS学习笔记一
这是本人学习node.js时的一些笔记。没有分模块进行划分，主要是一些知识点的整理。1.Node.JS是一个事件驱动的服务器端JavaScript运行环境。Node.JS构建在Google创建的V8 JavaScript引擎上。Node.JS并发的含义：一次做多件事情的能力。2.NPM（Node Package Manager，node包管理器）是node的包管理器，它允许开发人员在node应用中...
2018-02-12 15:01:59
183
转载 理解BFC
学习的一篇关于讲解BFC的文章，原文请看：http://blog.youkuaiyun.com/riddle1981/article/details/52126522。一、什么是BFC BFC(block formatting context）：简单来说，BFC 就是一种属性，这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。 中文常译为块级格式化上下文。是 W3C CSS 2.1 规范中的一个概念，...
2018-02-11 20:12:59
207
原创 理解JavaScript的原型和闭包
1.undefined、number、string、boolean属于简单的值类型，不是对象。函数、数组、null、对象都是对象，都是引用类型。2.对象都是通过函数创造的。3.每个函数function都有一个prototype，即原型；每个实例对象都有一个_proto_,可称为隐式原型，指向创建该对象的函数的prototype。每个原型对象又有一个constructor属性指向他们各自的函数。注意...
2018-02-09 14:42:38
185
原创 理解JavaScript的异步二
ES6中的Generator1.使用function* 来定义Generator，如function* func（）{}。注意Generator不是函数。2.定义的func不会立即出发执行，而是一上来就暂停，每次执行next（）都会打破暂停状态去继续执行，直到遇到yield或者return。3.遇到yield时，会执行yield后面的表达式并返执行之后的值，然后再次进入暂停状态。此时，done：f...
2018-02-09 14:06:49
136
原创 理解JavaScript的异步一
1.JS是单线程的语言。2.实现异步的最核心原理，就是将callback作为参数传递给异步执行的函数。当有结果返回之后再触发callback执行。3.常用的异步操作：网络请求：如AJAX，http.getIO操作：如readFile,readdir定时函数：如setTimeout，setInterval；4.事件绑定与异步的比较：相同之处：技术实现上基本相同，执行方式基本相同，通过Event-lo...
2018-02-09 13:47:33
207
原创 JavaScript学习笔记六
1.DOM（文档对象模型）是针对HTML和XML文档的一个API，DOM描绘了一个层次化的节点树，允许开发人员添加，移除和修改页面的某一部分；2.文档节点是每个文档的根节点（document）。文档元素是文档的最外层元素，文档中的其他所有元素都包含在文档元素中。每个文档只能有一个文档元素。HTML中，文档元素始终是<html>元素，XML则没有预定义的文档元素；3.JavaScript...
2018-02-08 21:29:33
179
原创 JavaScript学习笔记五
1.浏览器对象模型BOM以window对象为依托，表示浏览器窗口以及页面可见区域。同时，window对象还是ECMAScript中的Global对象。因而所有全局变量和函数都是它的属性，且所有原生的构造函数及其他函数也都存在它的命名空间下。2.top对象始终指向最外围的框架，即整个浏览器窗口；parent对象表示包含当前框架的框架；self对象则回指window；所有以上对象都是window对象的...
2018-02-08 21:18:05
150
原创 JavaScript学习笔记四
1.基本包装类型：Boolean,Number,String.引用类型与基本包装类型的主要区别就是对象的存期，使用new创建的引用类型的实例，在执行流离开当前作用域之前一直都保存在内存中，而自动创建的基本包装类型对象，则只在于一行代码的执行瞬间，然后立即就会被销毁；2.Boolean类型：var boolObj = new Boolean(true);Number类型：var numObj = n...
2018-02-08 20:56:47
137
原创 JavaScript学习笔记三
1.定义对象的方法：使用构造函数和使用对象字面量；2.判断是否是数组：isArray（）；3.数组的一些方法： ①栈方法：push()接收任意数量参数，逐个添加到数组的尾部，返回长度；pop()从数组的末尾移除最后一项，返回移除项； ②队列方法：shift()移除数组的第一项，返回移除项；unshift()在数组前端添加任意项，返回长度； ③重排序方法：reverse()反转数组；sort()可接...
2018-02-08 20:27:36
126
原创 JavaScript学习笔记二
1.ECMAScript的数据类型： 基本数据类型：Number、String、Boolean、Null和Undefined； 复杂数据类型：Object。2.typeof操作符用来检测给定变量的数据类型。3.对于未初始化和未声明的变量执行typeof都会返回undefined。4.null值表示一个空对象指针，用typeof检测返回的结果是object。5.数字0、NaN、null和undefi...
2018-02-08 16:55:32
148
原创 JavaScript学习笔记一
这个系列是我自己入门JavaScript时的一些笔记。由于没有按章节内容分开，因此会比较杂乱。具体的笔记顺序是依照《JavaScript高级程序设计》这本书的内容的。前面学习的都是一些比较基本的JavaScript知识点，由于有其他语言的基础，因此一些语句语法（赋值等），结构语法（循环等）等就没有做笔记。如果有误，欢迎指出。1.JavaScript诞生于1995年，是专为网页交互而设计的脚本语言...
2018-02-08 16:18:30
163
转载 学习总结：常见的三栏布局实现
三栏布局，在开发过程中十分常见。一般说的三栏布局就是两边固定，中间自适应的一种布局。实现方法也是多种多样。今天学习总结了一下三栏布局的一些实现的方式，做了一些代码的收录。一、流体布局 .left { float: left; height: 200px; width: 100px; background-color: red; }
2018-02-06 23:53:01
387
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人