2016年8月26日

JavaScript正则表达式

摘要: 1.语法基础 正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 搜索模式可用于文本搜索和文本替换。 语法 /pattern/modifiers; 正则表达式修饰符 修饰符 可以在 阅读全文

posted @ 2016-08-26 16:25 dataman 阅读(285) 评论(0) 推荐(0) 编辑

CSS清除浮动

摘要: 什么是CSS清除浮动? 在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而 阅读全文

posted @ 2016-08-26 15:26 dataman 阅读(211) 评论(0) 推荐(0) 编辑

CSS基础之盒子模型及浮动布局

摘要: 盒模型 谈到盒模型,有经验的小伙伴一定滚瓜烂熟,无非就是 内容(content)、填充(padding)、边框(border)、边界(margin); 这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式。 先 阅读全文

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

2016年8月25日

JavaScript数组forEach()、map()、reduce()方法

摘要: 1. js 数组循环遍历。 数组循环变量,最先想到的就是 for(var i=0;i<count;i++)这样的方式了。 除此之外,也可以使用较简便的forEach 方式 2. forEach 函数。 Firefox 和Chrome 的Array 类型都有forEach的函数。使用如下: [html 阅读全文

posted @ 2016-08-25 19:23 dataman 阅读(7252) 评论(0) 推荐(2) 编辑

Redux 核心概念

摘要: http://gaearon.github.io/redux/index.html ,文档在 http://rackt.github.io/redux/index.html 。本文不是官方文档的翻译。你可以在阅读官方文档之前和之后阅读本文,以加深其中的重点概念。 根据该项目源码的习惯,示例都是基于 阅读全文

posted @ 2016-08-25 18:50 dataman 阅读(1481) 评论(0) 推荐(0) 编辑

reduce 方法 (Array) (JavaScript)

摘要: 对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果,并且此返回值在下一次调用该回调函数时作为参数提供。 对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果,并且此返回值在下一次调用该回调函数时作为参数提供。 语法 array1.reduce(callbackfn[, 阅读全文

posted @ 2016-08-25 18:47 dataman 阅读(549) 评论(0) 推荐(0) 编辑

jQuery-懒加载技术(简称lazyload)

摘要: 第一:lazyLoad简介及作用: 网站性能优化的插件,提高用户体验。 页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样的话页面在打开只加载可视区域的图片,而其它隐藏的图片则不加载。 第二:使用场合 涉及到图片,falsh资源,iframe,网页编辑器(CK),JS文件 阅读全文

posted @ 2016-08-25 16:39 dataman 阅读(288) 评论(0) 推荐(0) 编辑

Javascript闭包的几种用法

摘要: 一、什么是闭包和闭包的几种写法和用法 1、什么是闭包 闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。闭包的特点: 1. 作为一个函数变量的一个引用,当函数返回时,其处于激活状态。 2. 一个闭包就是当一个函数返回时,一个 阅读全文

posted @ 2016-08-25 15:32 dataman 阅读(3217) 评论(1) 推荐(1) 编辑

浅谈 HTTPS 和 SSL/TLS 协议的背景与基础

摘要: 要说清楚 HTTPS 协议的实现原理,至少需要如下几个背景知识。 大致了解几个基本术语(HTTPS、SSL、TLS)的含义 大致了解 HTTP 和 TCP 的关系(尤其是“短连接”VS“长连接”) 大致了解加密算法的概念(尤其是“对称加密与非对称加密”的区别) 大致了解 CA 证书的用途 大致了解几 阅读全文

posted @ 2016-08-25 14:47 dataman 阅读(428) 评论(0) 推荐(0) 编辑

使用Vue快速开发单页应用

摘要: 本文所涉及代码全在vue-cnode 单页应用,即在一个页面集成系统中所有功能,整个应用只有一个页面。因为路由的控制在前端,单页面应用在页面切换时比传统页面更快,从而在前端体验更好。 将逻辑从后端转移到前端,提升了性能减少了页面加载时间,前后逻辑更扁平。但是当页面复杂度变高时,你会发现,数据处理,U 阅读全文

posted @ 2016-08-25 14:36 dataman 阅读(21159) 评论(0) 推荐(0) 编辑

轻松入门React和Webpack

摘要: 说说React 一个组件,有自己的结构,有自己的逻辑,有自己的样式,会依赖一些资源,会依赖某些其他组件。比如日常写一个组件,比较常规的方式: 通过前端模板引擎定义结构 JS文件中写自己的逻辑 CSS中写组件的样式 通过RequireJS、SeaJS这样的库来解决模块之间的相互依赖 那么在React中 阅读全文

posted @ 2016-08-25 13:53 dataman 阅读(794) 评论(1) 推荐(1) 编辑

使用Redux管理你的React应用

摘要: 原文作者:http://www.cnblogs.com/Leo_wl/p/4780750.html 因为redux和react的版本更新的比较频繁,博客园这里用的redux版本是1.0.1,如果你关心最新版本的使用技巧,欢迎来我的Github查看(https://github.com/matthew 阅读全文

posted @ 2016-08-25 11:27 dataman 阅读(548) 评论(0) 推荐(0) 编辑

深入理解 react-router 路由系统

摘要: 作者:范洪春链接:https://zhuanlan.zhihu.com/p/20381597来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 在 web 应用开发中,路由系统是不可或缺的一部分。在浏览器当前的 URL 发生变化时,路由系统会做出一些响应,用来保证用户界面 阅读全文

posted @ 2016-08-25 10:33 dataman 阅读(46561) 评论(1) 推荐(1) 编辑

webpack学习之路

摘要: 当自己在学习webpack的时候,在网上发现中文的很详细的教程很少,于是便想将自己学习webpack的笔记记录整理下来,便有了这篇文章,希望对大家有所帮助,如果有错误,欢迎大家指出。 在我们开始之前 webpack有多种加载器(Loader,后面会介绍),可以处理各种需要被处理的静态文件 webpa 阅读全文

posted @ 2016-08-25 10:10 dataman 阅读(395) 评论(0) 推荐(0) 编辑

webpack编译流程漫谈

摘要: 前言 weback在web构建工具的激烈竞争中逐渐脱引而出。 无论是编译速度、报错提示、可扩展性等都给前端开发者耳目一新的感觉。本篇文章是个人对webpack的一点小研究总结。 webpack在开发者社区的反馈 类似gulp把自己定位为stream building tools一样,webpack把 阅读全文

posted @ 2016-08-25 09:53 dataman 阅读(685) 评论(0) 推荐(0) 编辑

HTML5无刷新修改Url,history pushState/replaceState

摘要: 一、认识window.history window.history表示window对象的历史记录,是由用户主动产生,并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性,让你在历史记录中自由前进和后退。 阅读全文

posted @ 2016-08-25 09:21 dataman 阅读(721) 评论(0) 推荐(0) 编辑

2016年8月24日

gulp的流与执行顺序

摘要: gulp的关键在于流,这从它的logo就能看出来。 在node中,流是操作文件时一个重要的概念。流是指什么呢?它包含两个含义:“水流”和“流水”。 水流蕴含了源源不断或是一股一股那样流过的意味;而流水是“流水线”或是“流水作业”里那种让物件通过各个环节依次对其加工的意思。 我们经常接触到的“流媒体” 阅读全文

posted @ 2016-08-24 19:39 dataman 阅读(806) 评论(0) 推荐(0) 编辑

RequireJS对文件合并与压缩实现方法

摘要: RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用, 它非常适合在浏览器中使用,但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用RequireJS加载模块化脚本将提高代码的加载速度和质量。 本文为大家讲解的是requireJS对文件合并与压缩的 阅读全文

posted @ 2016-08-24 18:43 dataman 阅读(833) 评论(0) 推荐(0) 编辑

RequireJS模块化后JS压缩合并

摘要: 使用RequireJS模块化后代码被拆分成多个JS文件了,在部署生产环境需要压缩合并,RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩。r.js非常强大,不但可以压缩js,css,甚至可以对整个项目进行打包。 r.js的压缩工具使用UglifyJS或Closure Compile 阅读全文

posted @ 2016-08-24 18:40 dataman 阅读(1726) 评论(0) 推荐(0) 编辑

gulp不完全入门教程

摘要: 引言 gulp 是基于 Nodejs 的自动任务运行器,能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。在实现上,gulp 借鉴了Unix操 阅读全文

posted @ 2016-08-24 18:26 dataman 阅读(502) 评论(0) 推荐(0) 编辑

导航