dian07342-CSDN博客

转载 AngularJS 笔记系列（五）过滤器 filter

过滤器是用来格式化给用户展示的数据的。在 HTML 中的模板绑定符号{{}} 内通过|符号来调用过滤器。大写：{{ name | uppercase }} 也可以在 JS 中进行调用$filter 服务。app.controller('DemoController', ['$scope', '$filter', function...

2016-06-24 14:47:00 91

转载 AngularJS 笔记系列（四）控制器和表达式

控制器：在 Angular 中控制器是一个函数，用来向作用域中添加额外的功能。我们用它来给作用域对象设置初始状态，并添加自定义行为。使用方法： var app = angualr.module('app',[]);　　　　　　app.controller('testController',function($scope){　　　　　　　　// do sth here　　　　　...

2016-06-24 13:21:00 101

转载 Cookie ， Session ，Session 劫持简单总结

cookie 机制：Cookies 是服务器在本地机器上存储的小段文本，并伴随着每一个请求，发送到同一台服务器。网络服务器用 HTTP头向客户端发送 Cookies。在客户端，浏览器解析这些 cookies 并将它们保存成为一个本地文件，他会自动将同一台服务器的任何请求附上这些 cookies。因为 HTTP 是一种无状态的协议，而cookie机制采用的是...

2016-06-23 15:28:00 174

转载 AngularJS 笔记系列（三）模块和作用域

模块：在 AngularJS 中，将函数代码全部都定义在全局命名空间中绝对不是什么好主意，全局变量污染会使冲突几率变大，调试困难，降低开发效率。上次写计时器的 controller 时，我们把 controller 写在了一个全局命名空间中定义的函数里，这就是反例。在 Angular 中，模块是定义应用的主要方式。模块包含了主要的应用代码。一个应用可以包含多个模块，每一个模块内都包含...

2016-06-22 15:50:00 91

转载 Angular 笔记系列（二）数据绑定

数据绑定这块儿没啥说的，简单两个例子带过了。Hello World:<!DOCTYPE html> <html ng-app> <head> <title>Simple app</title> <script src="https://ajax.goo...

2016-06-17 17:08:00 80

转载 Angular 笔记系列（一）项目组织与命名规范

其实使用 Angular.js 做项目已经很久了，也遇到过许多问题。其中很多问题的出现都是因为没有按照规范或者最佳实践来做，大部分原因是学的不够细，很多 tips 没 get 到，用到项目中就会出现各种问题，我遇到的问题最多的就是 directive 这块。很多的 bug都是指令的嵌套引发的。当时自己学的时候很多小 tip 也没有注意过，打算重新撸一遍文档，夯实一下基础。Angu...

2016-06-17 15:37:00 124

转载漫谈DOM 事件流的三个阶段

一丶流什么是流？比如 react 中的单项数据流，Node.js 中的流，或者本文中的 DOM 事件流，都是流的具体体现。专业地讲，流是程序输入或输出的一个连续的字节序列；通俗地讲，流是有方向的数据。二丶事件流什么是事件流？假想一下，现在有一组同心圆，你把手指在最里面的圆心上，与此同时，你也正在指着外层的其他同心圆。假设最里面的圆是 DOM 中的一个按钮，那就是说...

2016-06-14 23:48:00 137

转载 CSS 实现垂直居中的几种方案

最近在学关系型数据库相关，MySQL 和 Postgre,捎带着学了 PHP，为了练手这几天就忙着自己搭博客，项目部署在某云上，该云算是良心，给的空间自己搭博客用足够了。本来想着每日一bo的,所以有的时候实在来不及就只能隔天更新了。以后尽量发点东西出来，等博客搭完写一写 SQL 数据库基础相关的分享，给跟我一样的小白道友们做下参考，大神请直接无视~说到居中，很多人第一反应应该是水平居...

2016-06-13 22:37:00 75

转载 CSS 换行知多少: word-wrap && word-break && white-space && word-spacing

word-wrap :首先提一下，word-wrap 这个 CSS 属性在CSS3中已经被更名为 overflow-wrap，这样语义化也是为了避免与 word-break 混淆；Reference：Theoverflow-wrapproperty is used to specify whether or not the browser may break li...

2016-06-08 17:35:00 84

转载 javascript 中的 parameter vs arguments

像往常一样简单粗暴地看码：A parameter is the variable which is part of the method’s signature (method declaration). An argument is an expression used when calling the method.Consider the followi...

2016-06-07 15:15:00 89

转载 ES6的十个新特性

这里只讲 ES6比较突出的特性，因为只能挑出十个，所以其他特性请参考官方文档； /***Createdbyzhangsongon16/5/20.*/// ***********NumberOne:Parameters************// 参数的传递//ES5:varlink=function(height,...

2016-06-07 14:57:00 76

转载浅谈 JS 内存泄露方式与避免方法（二）

ConceptWHAT :内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。正常情况下，垃圾回收器在DOM元素和event处理器不被引用或访问的时候回收它们。但是，IE的早些版本(IE7和之前)中内存泄漏是很容易出现的，因为内存管理器不能正确理解Javascript生命周期而且在周期被打破(可以通过赋值为null实现)前不会回收内存。...

2016-06-07 14:48:00 100

转载浅析造成 JS 内存泄露的几种原因及解决方案

内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存，正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，会产生内存泄露。当页面中元素被移除或替换时，若元素绑定的事件...

2016-06-07 14:47:00 215

转载 JS 中数组的排序和去重

在 PHP 中，数组有很多排序方法，不过其他语言的数组中大概是不会像 JS 的数组一样，包罗万象，啥都通吃的。所以 JS 的数组排序情况就略多一些了。简单粗暴的排序：　赤果果的sort：　　var arr = ['Jason','Eric','Rose','Paul']　　arr.sort()// arr => ['Eric','Jason','P...

2016-06-07 13:53:00 158

转载 JS 中的substring ,substr ,slice,split，join

substr with different arguments passed in：str.substring(startNum,stopNum );str.slice(startNum,stopNum );str.substr(startNum,length );substring vs slicestart = stop ,return ‘ ‘; th...

2016-06-07 12:25:00 98

转载 JS 数组和对象的遍历方式，以及几种方式的比较。

通常我们会用循环的方式来遍历数组。但是循环是导致js 性能问题的原因之一。一般我们会采用下几种方式来进行数组的遍历：方式1：for in 循环：　　var arr = [1,2,3,4,5];　　var obj = { a : 1, b : 2, c : 3 };　　for( var item in arr|obj ){　　　　fn(item){　　　　　// ...

2016-04-05 14:47:00 201

转载块级元素与行内元素（内联元素）的区别和联系

在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素，能容纳其他块元素或内联元素。最常见的就是P和div这两个，说的简单点，块元素就好比一个四方块，可以放其他的四方块，并可以呈现在页...

2016-03-23 20:25:00 248

转载各个浏览器内核的区别

浏览器内核是什么东东Rending Engine, 顾名思义，称之为渲染网页内容的，将网页的代码转换为你看得见的页面，因为是排版，所以排版，所以肯定会有排版错误等问题。为什么会有排版错误呢，一部分是由于网站本身编写不规范，另一方面是浏览器本身的不规范。现在有一些主流的排版引擎，因为这些排版引擎都有其代表的浏览器，所以常常会把排版引擎的名称和浏览器的名称混用，其实这样是不合理...

2016-03-07 15:28:00 120

转载 AngularJS 笔记之创建服务方式比较： factory vs service vs provider 。

首先说一下服务这个东西是用来干嘛的。很多时候我们把太多的数据和逻辑都一股脑儿地往 controller 里放。这样我们的 controller 原来越臃肿。从它们的生命周期可以发现，其实 controller 应该在需要的时候被初始化，不用了就直接被抛弃，释放内存。因此，当我们切换或者刷新页面的时候，angular 就会清空当前的 controller。与所以，service 才应该被用...

2016-03-03 17:22:00 102

转载 Angular 学习笔记：初识 $digest , $watch , $apply，浅析用法。

传统的浏览器事件循环：浏览器本身一直在等待事件，并作出响应。如果你点击一个button或者在input 中输入字符，我们在 JS 中监听这些事件并设定了回调函数，那么这些事件被触发以后，回调函数就会在浏览器的解释器里执行。执行完毕以后，浏览器就会对相应的 DOM 做出变化。Angular 的事件循环：Angular 对传统的循环进行了扩展，生成了一个称为 angula...

2016-02-25 15:42:00 81

dian07342的博客