- 博客(22)
- 收藏
- 关注
RSS订阅原创 Mock，前端mock数据的神器
相信有很多小伙伴在开发的时候遇到过这样的问题：静态页面写好了，就等后端给数据了！WTF?我刚写好代码你告诉我后端的接口又变了！什么破网啊根本访问不到服务器啊…这个时候就需要前端神器Mock.js了(妈妈再也不怕我和后端撕逼了)安装$npm install mock.js模拟数据Mock.mock(template)Mock.mock(rurl,function(options))Mock.mock(
2016-08-10 18:20:00
12845
原创 HTML5中常用meta解析
大众机型<meta name="viewport" content="">用于控制网页的缩放content常用的属性有：width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值，大部分的安卓手机不支持，但是ios支持；height – viewport 的高度 （范围从 223 到 10,000 ）user-sc
2016-07-10 17:58:39
774
原创 使用HTML5 Notification实现桌面通知
为什么使用HTML Notification在HTML5 Notification之前的通知主要有两种。一种是写在标题栏中，使用js不断的更改标题内容达到提醒的作用。另外一种是在网页右下角用div模拟通知栏。两种方法的都有很多局限性，比如如果用户最小化浏览器，就看不到通知了。使用Notification则不会出现这样的问题。下面是一个简单的实例。 Notification兼容情况【注】Notifi
2016-07-09 18:32:00
4902
翻译 [译]JavaScript中的Prototype
当你在JavaScript中定义一个函数的同时也会生成一些内置的属性；其中之一就是原型(prototype).在这片文章中，我会详细解释什么是原型，以及为什么你应该在你的项目中使用它。什么是原型？原型属性被初始化为一个空的对象，并且可以向其中添加成员 - 就像你给其他对象添加的一样。var myObject = function(name){ this.name = name; r
2016-07-06 21:12:13
1277
原创 使用yeoman快速搭建react-webpack开发环境
安装yeoman$ npm install -g yo安装generator-react-webapck$ npm install -g generator-react-webpack新建一个工程cd到工程目录$ yo react-webpack根据提示即可新建一个项目常用命令 启动开发环境服务器$ npm start//或者$ npm run serve启动压缩版本的服务器$ np
2016-07-04 13:59:56
7637
原创 Javascript 数组方法 some和filter
用法filter过滤后返回一个新的数组，不对直接对原数组进行操作some检查后返回一个boolean值，判断数组中是否有满足的值 array.filter(callback[,thisargs]) array.some(callback[,thisargs])实例代码eg1. 'use strict' var result = Object.getOwnPropertyNam
2016-05-01 16:00:40
2659
原创 Ajax返回状态为200但进入error方法
前几天在写一个ajax请求时发生了一个诡异的问题。从后台返回的状态码显示为200，但是并没有成功进入suceess方法。 $.ajax( {url:'', type:'post', dataType:'json', data:'', error:function(){
2016-04-28 21:00:57
2632
原创 JavaScript模式 For和For-in循环优化
/** * Created by Dell on 2016/4/1. */For循环问题for循环常常用来遍历数组或类数组对象，如arguments和HTML容器对象。通常for循环模式使用如下for(var i=0;i<arry.length;i++){ //对arry进行操作}这种模式迭代时都要访问数据长度，会使代码变慢。特别是当arry不是数组而是HTML对象时。（只要和DO
2016-04-01 17:56:49
1347
原创 JavaScript闭包
啥是闭包大神是这么说的 闭包就是能够读取其他函数内部变量的函数。 阮一峰所以从本质上说，闭包是个名词（以前以为是动词），它指的是一个能为外部函数提供父函数私有变量的函数，听起来有点绕，不如用代码解释吧。 function a() { var value = 1 function b() { console.log(value)
2016-03-28 20:08:11
351
原创 Switch Fall Through
产生原因除非你明确地中断流程，否则每次条件判断后都会穿越到下一个csse条件代码示例var flag = 5;switch(flag) { case 1: console.log("one"); case 10: console.log("ten"); case 5: console.log("five"); case
2016-03-27 20:50:02
438
转载 JavaScript中对变量和函数声明的提前
变量声明“被提前” JavaScript 的语法和 C 、Java、C# 类似，统称为 C 类语法。有过 C 或 Java 编程经验的同学应该对“先声明、后使用”的规则很熟悉，如果使用未经声明的变量或函数，在编译阶段就会报错。然而，JavaScript 却能够在变量和函数被声明之前使用它们。下面我们就深入了解一下其中的玄机。先来看一段代码：(function() { //ReferenceEr
2016-03-24 18:26:53
414
原创 读书笔记 JavaScript高级程序设计 第三章 基本概念-数据类型
ECMAScript中有5中简单的数据类型：Null,Undefined,Boolean,Number,String 还有一种复杂数据类型：Object。Object本质上是一组无序的名值对组成的。*ECMAscript不支持任何创建自定义类型的机制。也就是说：所有的数据类型最终都是上述的6中数据类型之一。*数据类型typeof操作符typeof是用来检测数据属于哪种数据类型的操作符。其结果有6种
2016-02-01 22:43:47
396
原创 读书笔记 JavaScript高级程序设计 第三章 基本概念-语法
表示符所谓表示符，就是指变量、函数、属性的名字，或者函数的参数。 表示符第一个字符必须是字母、美元符号。 其他字符可以使字母、下划线、美元符号或数字。注释ECMAScript有2中注释。块级注释和单行注释。 /* */ 和 //严格模式ECMAScript5引入了严格模式的概念。严格模式是为JavaScript定义了一种不同的解析和执行模型。在严格模式下ECMAScript3中的一些不确定行为
2016-02-01 22:04:40
429
原创 读书笔记 精通CSS 高级Web标准解决方案（第2版）第9章
第九章 BUG和修复BUG如何跟踪CSS BUG神秘的hasLayout属性hack和过滤器常见BUG和修复办法分级浏览器支持捕捉BUG最常见的CSS问题并非来自浏览器BUG，而是来源于对CSS规范的理解不完整。为了避免这些问题，在处理CSS bug时最好假设是自己做出了什么事。只有确认不是自己的错之后，才应该考虑是否是浏览器bug常见CSS问题特殊性和分类次序的问题 如果发现添加的
2016-01-28 12:57:04
442
原创 读书笔记 精通CSS 高级Web标准解决方案（第2版）4~8章
第四章 背景图像效果CSS投影不透明度和RGBa让PNG适用于IE和老版本视差滚动背景图像基础默认情况下，浏览器水平和垂直地重复显示背景图片。背景颜色总是出现在背景图片的下面。注意如果指定背景图片垂直和水平位置都是20%，那么实际上是将图像上距离左上角的点定位到父元素左上角20%的位置。不透明度使用opacity、RGBa还有PNG注意使用opacity会使整个元素透明，RGBa会作用于背
2016-01-28 12:52:26
420
原创 读书笔记 JavaScript 高级程序设计（第三版）-- 第2章
第二章 在HTML中使用JavaScript<script>元素HTML4.01为script标签定义了6个属性async：可选。表示应该立即下载脚本，但不妨碍页面的其他操作，只对外部脚本有效。defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本有效。IE7以及之前的也支持这个属性。language：已废弃。src：可选。表示包含执行的代码外部文件。type：可
2016-01-28 12:48:12
492
原创 读书笔记 JavaScript 高级程序设计（第三版）-- 第1章
第一章 JavaScript简介JavaScript简史ECMA-262是一种定义了ECMAScript的标准JavaScript实现JavaScript的含义比ECMA-262中规定得多。一个完整的JavaScript实现应该有下列3个不同部分组成。核心（ECMAScript）文档对象模型（DOM）浏览器对象模型（BOM）ECMAScriptECMA-262定义的ECMAScript与We
2016-01-28 12:03:55
628
原创 bug解决 div与包含图片存在间隙
问题给body设置背景色为#00ffb5，div的背景色为rgba(0,0,0,0.5)。可以看到div右边有一条明显的间隙。（div的宽度和图片的宽度不一致）解决办法1.div设置浮动2.div设置overflow:hidden3.div设置display:inline-block注意可以看到设置div浮动和display的
2016-01-25 18:04:20
818
原创 读书笔记 精通CSS 高级Web标准解决方案（第2版）1~3章
在读CSS权威指南的时候明显的感觉到那本书实在是有点outofdate，遂弃之。选择了读现在的这本，虽然这本书并不比权威指南新多少…这几天也有读别人的博客，大神们的学习方法还有经验总结。其中一点我觉得受用的，是除了部分书之外，其他的书要尽可能快速的读完，找到其中的要点和精髓，通过实践逐个击破。毕竟时间的成本才是最贵的。在读这本书的时候我尝试运用这种方法进行，效果还不错。一本比较基础的CSS书籍
2016-01-24 15:23:31
439
原创 读书笔记 CSS权威指南 1~4章
终于考完了，寒假充值成功！可以做我自己的事了>_< 按照计划，今天看了100页CSS权威指南。最大的感受是，这本书似乎有点out of date了。不过它仍不失为是一本好书。让我来总结一下今天学到的东西吧
2016-01-17 01:01:23
735
原创 读书笔记 JavaScipt DOM编程艺术（第二版）
读书笔记 JavaScipt DOM编程艺术（第二版）感谢一下孙恒哲学长，让我有幸能看到这本书。这篇博客包含很多原文摘录，它们是不必要的。总结部分在最后。章节简介1 JavaScript简史2 JavaScript语法3 DOM4 案例研究：JavaScript图片库5 最佳实践6 案例研究：图片库改进版7 动态创建标记8 充实文档内容9 CSS-
2016-01-06 00:42:11
463
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人