- 博客(28)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 react-redux-webpack-express开发环境搭建
项目结构build|-- webpack.config.js # 公共配置|-- webpack.dev.js # 开发配置|-- webpack.release.js # 发布配置docs # 项目文档node_modules
2017-08-19 23:08:13
982
原创 理解BFC、IFC、GFC、FFC
什么是fc?FC的全称是：Formatting Contexts，是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。BFCBlock Formatting Context 叫做“块级格式化上下文”。BFC的布局规则如下：内部的盒子会在垂直方向，一个个地放置；盒子垂直方向的距离由margin决定，属于同
2017-06-11 00:14:19
10254
1
转载 js方法模块化开发
一、原始写法模块就是实现特定功能的一组方法。 只要把不同的函数（以及记录状态的变量）简单地放在一起，就算是一个模块。 function m1(){ //... } function m2(){ //... }上面的函数m1()和m2()，组成一个模块。使用的时候，直接调用就行了。 这种做法的缺点很明显：”污染”了全局变量，无法保证不与其他模块发生变量名冲突，而且模块
2016-11-14 00:27:12
685
原创 js重构与优化（一）
Demo . 1//badif (age > 20) { return true;} else { return false;}//goodreturn age > 20;这种一看就明白吧，没什么说的。Demo . 2//badfor (var i = 0; i < arr.length; i++) { //do something...}//goodfor (
2016-11-14 00:14:03
505
原创 布局小技巧
Firefox:-moz-box-Safari:-webkit-box-Opera:-o-box-IE:-ms-box-a标签覆盖整个div <div class="grid"> <figure class="effect-ri-le"> <img src="kimteayon.png" alt="teayon"> <figca
2016-11-13 23:52:21
299
原创 CSS各种居中
CSS居中div与div居中div水平居中 1.margin-left: auto; 2.margin-right: auto; 3.margin: 0 auto;内容居中(固定大小)父级：position：relative子div： margin-top=-hight; postion: absolute left:50%; top:50%;内容居中（可拖动
2016-11-13 22:50:11
232
原创 IE浏览器兼容性--不定期补充
ie兼容html5<!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->指定文档兼容模式要为你的网页指定文件模式，需要在你的网页中使用meta元素放入X-UA-Compatible http-equiv 标头。以下是指定为Emulate IE7 m
2016-11-12 23:50:00
248
原创 Meta http-equiv属性
http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 引用 meat标签的http-equiv属性语法格式是：＜meta http-equiv=”参数” content=”参数变量值”＞ ；其中http-equiv属性主要有以下几种参数
2016-11-12 22:39:33
323
原创 导入页面字体@font-face
@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，IE4已支持语法@font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>]]*; [font-weight: <we
2016-11-12 21:33:41
3036
原创 nodejs promise for q.js
摘要： q.js在nodejs里是一个非常流行的promise库,支持浏览器端使用,详情请点击这里 q.js跟async要解决的问题差不多，都是解决回调函数的嵌套问题,避免嵌套层级太深导致一系列的问题.只是q.js是以promise来实现回调的扁平化,而async则是通过流程来控制多个异步回调的处理.q.js在nodejs里是一个非常流行的promise库,支持浏览器端使用,详情请点击这里q
2016-11-06 23:08:17
662
原创 angulrJS依赖注入（三）-$inject
Dependency Injection (DI,依赖注入)是一种软件设计模式,用于处理如何让程序获得其依赖(对象的)引用。依赖注入简述 | DI in a nutshell对象或者函数只有以下3种获取其依赖(的对象)引用的方式:依赖可以被使用者自己创建,通过 new 操作符. 依赖可以通过全局变量(如 window)来查找并引用 依赖可以在需要的地方被传入前两种创建或查找依赖的方式并不是最
2016-11-01 23:11:20
2780
原创 响应式布局之媒体查询
兼容移动设备的展示效果<name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">这段代码的几个参数解释：width = device-width：宽度等于当前设备的宽度initial-scale： 初始的缩放比例（默认设置为1.0）minimum-s
2016-10-26 22:27:34
335
转载 查询浏览器版本
function getBrowserInfo(){var agent = navigator.userAgent.toLowerCase() ;var regStr_ie = /msie [\d.]+;/gi ;var regStr_ff = /firefox\/[\d.]+/givar regStr_chrome = /chrome\/[\d.]+/gi ;var regStr_saf
2016-10-25 00:04:46
265
原创 详解javaScript闭包
闭包（closure）是javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包的特性函数嵌套函数函数内部可以引用外部的参数和变量参数和变量不会被垃圾收回机制回收闭包的定义及优缺点闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内部创建另一个函数，通过另一个函数访问这个函数的局部变量。闭包的缺点就是
2016-10-10 23:47:23
259
原创 javascriptDom操作
DOM 节点 根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点： 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是注释节点获取元素节点根据ID获取元素节点document.getElementById(" ");getElements***的选择器返回的是一个NodeList对象
2016-10-05 22:31:51
353
转载 jQuery扩展函数
jQuery.extendJQuery的extend扩展方法：Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。Jquery的扩展方法原型是: extend(dest,src1,src2,src3...);它的含义是将src1,src2,src3…合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了d
2016-10-03 16:58:25
430
转载 JS cookie操作
JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。 而cookie是运行在客户端的，所以可以用JS来设置cookie. 假设有这样一种情况，在某个用例流程中，由A页面跳至B页面，若在A页面中采用JS用变量temp保存了某一变量的值，在B页面的时候，同样需要使用JS来引用temp的变量值，对于JS中的全局变量或者静态变量的生命周期
2016-09-25 23:00:00
299
原创 angularJS依赖注入（二）服务对比
provider可以为应用提供通用的服务，形式可以是常量，也可以是对象。 比如我们在controller里常用的$http就是AngularJS框架提供的provider～myApp.controller(‘MainController', function($scope, $http) { $http.get(…)}provider那我们自己想定制一个provi
2016-09-23 23:06:21
331
原创 angularJS依赖注入（一）
依赖注入（Dependency Injection）是一个在组件中给出的替代了硬的组件内的编码它们的依赖关系的软件设计模式。这减轻一个组成部分，从定位的依赖，依赖配置。这有助于使组件可重用，维护和测试。Provider服务（$provide）值（value）工厂（factory）服务（service）提供者（provider）常值（constant）value值是简单的JavaScrip
2016-09-22 23:35:20
483
原创 requireJs 模块化编程
立即执行函数写法使用”立即执行函数”（Immediately-Invoked Function Expression，IIFE），可以达到不暴露私有成员的目的。 var module1 = (function(){ var _count = 0; var m1 = function(){ //... }; var m2 = function(){
2016-09-22 18:47:21
391
转载 JS立即执行函数理解
立即执行函数(Immediate Functions)立即执行函数模式是一种语法，可以让你的函数在定义后立即被执行，比如：[javascript] view plain copy(function () { alert('watch out!'); }());这种模式本质上就是函数表达式(命名的或者匿名的)，在创建后立即执行； 立即执行函数(immediate function)
2016-09-22 17:21:53
497
原创 sass安装与webstorm配置
sass安装sass 是一种 CSS 的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得 CSS 的开发，变得简单和可维护。Sass 需使用rubygems 安装，而因为国内网络原因 rubygems 会连接失败，我们可以使用 ruby.taobao.org 提供的镜像安装 Sass。macmac自带 Ruby无需安装，可在终端输入ruby -v 查看版本号ruby -v ru
2016-09-19 00:22:02
807
原创 angularJS自定义指令（一）
##一点小说明指令的作用：实现语义化标签我们常用的HTML标签是这样的： 一点点内容而使用AngularJS的directive（指令）机制，我们可以实现这样的东西： 子面板1 子面板2 很多人可能要惊呼，这货和JSP或者Struts等等框架里面的taglib很像啊！呃，说实话，实际上就是这样的，只不过这里是使用JavaScript来实现的。正因为如此，所以很多ta
2016-09-17 21:33:11
351
原创 Angular 2与React比较
Angular 2与React的选择其实只是一种风格偏好。React专注于渲染速度且能够在客户端或原生应用内处理复杂的UI设计，而Angular 2则更具开发普适性。它既能够引导我们逐步构建自己的应用，同时也提供一定的表现力及可复用UI设计机制。 ReactJS快速回顾ReactJS是一套JavaScript Web库，由Facebook打造而成且主要用于构建高性能及响应式用户界面。React负责
2016-09-17 14:52:18
13468
1
转载 js数组去重
Javascript数组去重indexOf去重Array.prototype.unique1 = function() { var arr = []; for (var i = 0; i < this.length; i++) { var item = this[i]; if (arr.indexOf(item) === -1) {
2016-09-16 23:33:15
523
原创 HTML&CSS编码规范
HTML&CSS编码规范永远遵循同一套编码规范，不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。HTML语法用两个空格来代替制表符（tab） – 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次（即两个空格）。对于属性的定义，确保全部使用双引号，绝不要使用单引号。不要在自闭合（self-closing）元素的尾部添加斜线 – HTML5 规范中明确说
2016-09-16 23:08:48
514
原创 前端知识体系
资源教程:1.综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版Web Front-end Stack v2.2免费的编程中文书籍索引前端书籍前端免费书籍大全智能社 - 精通JavaScript开发重新介绍 JavaScript（JS 教程）麻省理工学院公开课：计算机科学及编程导论JavaScript中的this陷阱的最全收集–没有之一JS函
2016-09-16 00:45:48
1757
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人