2016年12月_Mr_董

原创客户端储存的三种方式localStorage 、sessionStorage、Cookies

Web应用允许使用浏览器提供的API实现将数据存储到用户的电脑上。这种客户端存储相当于赋予了Web浏览器记忆功能。比方说，Web应用就可以用这种方式来“记住”用户的配置信息甚至是用户所有的状态信息，以便准确地“回忆”起用户上一次访问时候的状态。客户端存储遵循“同源策略”，因此不同站点的页面是无法互相读取对方存储数据的，而同一站点的不同页面之间是可以互相共享存储数据的，它为我们提供了一种通信机制，例

2016-12-30 15:31:56 6883

原创 css3中常见的30个选择器

1 *：通用选择器* { margin:0; padding:0; }*选择器是选择页面上的全部元素，上面的代码作用是把全部元素的margin和padding设为0，最基本的清除浏览器默认样式的方法。*选择器也可以应用到子选择器中，例如下面的代码：#container * { border:1px solid black; }这样ID

2016-12-30 15:03:29 3308 1

原创 Angularjs十大经典面试题

1. ng-show/ng-hide 与 ng-if的区别？我们都知道ng-show/ng-hide实际上是通过display来进行隐藏和显示的。而ng-if实际上控制dom节点的增删除来实现的。因此如果我们是根据不同的条件来进行dom节点的加载的话，那么ng-if的性能好过ng-show.2.解释下什么是$rootScrope以及和$scope的区别？通俗的说$rootS

2016-12-30 14:19:20 80706

原创 JavaScript中的函数作用域和作用域链

估计大家一直对Js的作用域有点迷糊，今天没事看到JavaScript权威指南对作用域的解释感觉很不错就和大家分享一下。一：函数作用域先看一小段代码：1. var scope="global"; 2. function t(){ 3. console.log(scope); 4. var scope="local" 5. consol

2016-12-29 14:57:09 765

原创 JavaScript中的ry…catch…finally 响应错误事件

开发中发现后台人员经常使用 try…catch…finally 来响应错误事件，即错误处理（exception handlers）。但是在前端代码中很少用到这个方法。这篇文章就详细介绍一下 try…catch…finally 用法。一、什么是错误处理　　当JavaScript程序在运行中发生了诸如数组索引越界、类型不匹配或者语法错误时，JavaScript解释器就会引发错误处理。ECMAS

2016-12-28 16:07:35 897

原创 DOM方法

一、什么是 DOM？DOM 定义了访问和操作 HTML 文档的标准方法1、DOM 是 Document Object Model（文档对象模型）的缩写。2、DOM 是 W3C（万维网联盟）的标准。3、DOM 定义了访问 HTML 和 XML 文档的标准：4、DOM是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。W3C D

2016-12-23 17:46:46 569

原创 Ajax大杂烩

Ajax请求是前端必备的技能，本文主要总结整理Ajax的一些常用的基础知识。一、Ajax简介、优劣势、应用场景以及技术Ajax简介 :Asynchronous Javascript And XML （异步的 JavaScript和XML）它并不是一种单一的技术，而是有机利用一系列交互式网页应用相关的技术所形成的结合体AJAX 是一种用于创建快速动态网页的技术。通

2016-12-23 17:14:07 369

原创 AngularJ中的Directive指令

Directive（指令）是AngularJ非常强大而有有用的功能之一。它就相当于为我们写了公共的自定义DOM元素或CLASS属性或ATTR属性，并且它不只是单单如此，你还可以在它的基础上来操作scope、绑定事件、更改样式等。通过这个Directive，我们可以封装很多公共指令，比如分页指令、自动补全指令等等。然后在HTML页面里只需要简单的写一行代码就可以实现很多强大的功能。一般情况下，需要用

2016-12-22 16:41:23 1236

原创移动端meta标签的使用

大家对meta标签再熟悉不过了，因为我们的页面中或多或少的都会使用到meta标签。但是我们却很少了解meta标签的用途，尤其是对于meta标签里的属性和值不是很懂，也不知道从哪里冒出来的。这篇文章就从什么是meta标签、meta标签的使用及移动端的meta标签三个方面详细的介绍一下。一、什么是meta标签标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。

2016-12-22 09:18:21 3041

原创 H5与微信获取用户当前位置

微信和h5原生方法都提供了获取用户地理位置的方法，需要使用第三方的逆地理编码的方式获得用户的实际位置信息。1、H5方法H5的新特性中加入了获取地理位置的方法window.navigator.geolocation，使用该方法我们可以方便的获取用户的地理位置，在通过第三方的逆地理编码的方法可以获得用户所在的实际位置。我用的是百度地图的web API，需要使用者在百度地图的开发者平台上申请一个

2016-12-20 17:35:07 18630 1

原创 JS中的console对象

在调试 JS 代码时，我们大多人倾向于使用 alert() 或者 console.log() 方法来输出信息，正如某些 Java 程序员喜欢在调试代码时使用System.out.println() 输出信息一样。但与 Java 输出不一样的是， console 对象拥有多种方法可以更好的呈现信息，从而给代码调试带来方便。根据常用程度，列出以下几种 console 对象的方法：console

2016-12-15 09:18:21 14668

原创 js中数组的排序算法

不论是面试还是实际工作中，数组排序我们应该都可以碰到，尤其是在面试的过程中，排序是必问的一项，下面整理的一些排序的算法；var Sort = {}Sort.prototype = { // 利用sort进行排序 systemSort:function(array){ return array.sort(function(a, b){

2016-12-14 15:36:22 341

原创 JS中的事件冒泡和事件捕获

谈起JavaScript的事件，事件冒泡、事件捕获、阻止默认事件这三个话题，无论是面试还是在平时的工作中，都很难避免。事件捕获阶段：事件从最上一级标签开始往下查找，直到捕获到事件目标(target)。事件冒泡阶段：事件从事件目标(target)开始，往上冒泡直到页面的最上一级标签。1、冒泡事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触

2016-12-13 09:06:25 4838

原创同步加载与异步加载

有几天沒有更新博客了，主要是这几天项目遇到好多小问题，比如异步加载、输入特使字符、事件的执行顺序、还有最让人头疼的浏览器缓存问题。所以这几天一直在加班加点的调试、更改准备这个月的投产，终于昨天提交了系统测试，忙里偷闲更新一下博客，把这月遇到的问题总结一下，后续会继续更新，这次主要是说一下异步加载的问题。上个月项目接入到支付宝的城市服务，测试的妹子发现项目在安卓和ios的支付宝城市服务中支付宝的

2016-12-09 08:21:59 19985

原创 css、js缓存问题

目前开发新需求，经常服务器发布文件后要不断的刷新页面或者过很长时间，页面上的CSS和JS文件才能生效，特别对于目前做微信公众号的时候，微信内置的浏览器缓存非常的严重。但是目前项目中没有任何处理缓存的机制，导致在开发中明明更改了样式或者脚本但是就是没有任何效果，只能不停刷新、清缓存，非常坑爹！浏览器缓存的意义在于提高了执行效率，但是导致服务端修改了js、css，客户端不能及时更新。你每次发布一个新的

2016-12-01 10:49:25 3009

大董的博客