dataman - 博客园

JavaScript for in的缺陷

摘要： for in 语句用来列举对象的属性(成员)，如下 1 2 3 4 5 6 7 var obj = { name:"jack", getName:function(){return this.name} }; //输出name,getName for(var atr in obj) { alert( 阅读全文

posted @ 2016-08-19 15:11 dataman 阅读(428) 评论(0) 推荐(0) 编辑

JavaScript判断对象是否含有某个属性

摘要：两种方式，但稍有区别 1，in 运算符 1 2 3 var obj = {name:'jack'}; alert('name' in obj); // --> true alert('toString' in obj); // --> true 1 2 3 var obj = {name:'jack 阅读全文

posted @ 2016-08-19 15:09 dataman 阅读(528) 评论(0) 推荐(0) 编辑

【一小时入门】webpack 入门指南

摘要：什么是 webpack？ webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sas 阅读全文

posted @ 2016-08-19 14:45 dataman 阅读(282) 评论(0) 推荐(0) 编辑

webpack实例与前端性能优化

摘要：壹 | Fisrt 曾几何时，我们是如上图的方式引入JS资源的，相信现在很少遇见了。近年来Web前端开发领域朝着规范开发的方向演进。体现在以下两点： MVC研发构架。多多益处（逻辑清晰，程序注重数据与表现分离，可读性强，利于规避和排查问题...）构建工具层出不穷。多多益处（提升团队协作，以及工程运阅读全文

posted @ 2016-08-17 17:04 dataman 阅读(309) 评论(0) 推荐(0) 编辑

JavaScript splice() 方法

摘要：定义和用法 splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。注释：该方法会改变原始数组。例子 1 在本例中，我们将创建一个新数组，并向其添加一个元素：输出：例子 2 在本例中我们将删除位于 index 2 的元素，并添加一个新元素来替代被删除的元素：输出：例子 3 阅读全文

posted @ 2016-08-17 15:38 dataman 阅读(188) 评论(0) 推荐(0) 编辑

JavaScript拆分字符串并将分割的数据放到数组中

摘要： 1 2 3 4 5 6 7 var splitArray = new Array(); var string="太平洋、大西洋、印度洋、北冰洋"; var regex = /、/; splitArray=string.split(regex); for(i=0; i < splitArray.len 阅读全文

posted @ 2016-08-17 15:32 dataman 阅读(1129) 评论(0) 推荐(0) 编辑

JavaScript中数组map()方法

摘要： JavaScript 数组map()方法创建一个新的数组使用调用此数组中的每个元素上所提供的函数的结果。语法 ? 1 array.map(callback[, thisObject]); ? 1 array.map(callback[, thisObject]); ? 1 array.map(cal 阅读全文

posted @ 2016-08-17 15:29 dataman 阅读(1104) 评论(0) 推荐(0) 编辑

ES5中新增的Array方法详细说明

摘要：一、前言 ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。 ES5中新增了写数组方法，如下：浏览器支持 Opera 11+ Firefox 3.6+ Safari 5+ Chrome 8+ Internet Explo 阅读全文

posted @ 2016-08-17 15:25 dataman 阅读(366) 评论(0) 推荐(0) 编辑

React入门实例教程

摘要：文章转自：阮一峰现在最热门的前端框架，毫无疑问是 React 。上周，基于 React 的 React Native 发布，结果一天之内，就获得了 5000 颗星，受瞩目程度可见一斑。 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，阅读全文

posted @ 2016-08-17 15:14 dataman 阅读(430) 评论(0) 推荐(0) 编辑

前端涉及的所有知识体系

摘要：资源教程: 综合类前端知识体系前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体系免费的编程中文书籍索引智能社 - 精通JavaScript开发重新介绍 Ja 阅读全文

posted @ 2016-08-17 12:20 dataman 阅读(525) 评论(0) 推荐(1) 编辑

web前端性能优化总结

摘要：网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户阅读全文

posted @ 2016-08-16 18:06 dataman 阅读(337) 评论(0) 推荐(0) 编辑

Web前端，高性能优化

摘要：高性能HTML 一、避免使用iframe iframe也叫内联frame，可将一个HTML文档嵌入另一个HTML文档中。 iframe的好处是，嵌入的文档独立于父文档，通常也借此使浏览器模拟多线程。缺点是： ①虽然iframe能模拟多线程，但主流浏览器的同域名并行下载数是不变的，浏览器对同域名的链接阅读全文

posted @ 2016-08-16 18:04 dataman 阅读(148) 评论(0) 推荐(0) 编辑

移动前端知识总结

摘要：原文链接：http://caibaojian.com/mobile-knowledge.html meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对io 阅读全文

posted @ 2016-08-16 17:29 dataman 阅读(351) 评论(0) 推荐(0) 编辑

CSS的box-sizing属性

摘要： box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。 content-box，border和padding不计算入width之内 padding-box，padding计算入width内 border-box，border 阅读全文

posted @ 2016-08-16 16:02 dataman 阅读(134) 评论(0) 推荐(0) 编辑

一篇非常不错的前端面试文章

摘要：文章来自翻译，其中忽略了一些无关紧要的内容直入主题。作者先后在twitter,Stripe工作，期间会参加面试工作。实际上参加面试工作的人都知道要想在一个较短的时间内（30min-1h）就对一个应聘者做出判断其实是很难的，因此我们不得不想尽办法去更加合理的去判断面试者。下面是作者理出的一个思路: 阅读全文

posted @ 2016-08-16 14:55 dataman 阅读(239) 评论(0) 推荐(0) 编辑

CSS 选择器参考手册

摘要： CSS3 选择器在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 "CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）阅读全文

posted @ 2016-08-16 14:45 dataman 阅读(225) 评论(0) 推荐(0) 编辑

浏览器的工作原理：新式网络浏览器幕后揭秘

摘要：本文转载自html5rocks，考虑到有时候html5rocks不方便访问，所以转载过来。序言这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据（请参见资源），并花了很多时阅读全文

posted @ 2016-08-16 14:41 dataman 阅读(313) 评论(0) 推荐(0) 编辑

Web前端性能优化

摘要： 1.请减少HTTP请求基本原理：在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能阅读全文

posted @ 2016-08-16 14:40 dataman 阅读(221) 评论(0) 推荐(1) 编辑

谈谈Grunt,NPM,Gulp

摘要：随着前端工程化的趋势,产生了越来越多的构建工具,而其中比较优秀的就是grunt,npm,gulp,今天我来说说这三者间的区别以及他们的优缺点. 相信一般前端开发者选择构建工具的时候,更多的是看个人习惯以及团队的情况.相信这三个构建工具总有一个会适合你的,我们先来看看grunt. Grunt grun 阅读全文

posted @ 2016-08-16 14:33 dataman 阅读(361) 评论(0) 推荐(0) 编辑

【译】2015: 前端工具现状

摘要：原文：http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results译者：@lizheming 本文数据更新至 2015年09月09日。由于当我发出这篇文章后，问卷又增加到了 1000 份（编写这篇文章的时候还是 649 份），阅读全文

posted @ 2016-08-16 14:29 dataman 阅读(218) 评论(0) 推荐(0) 编辑