摘要：
浏览器缓存 浏览器缓存的知识是前端工程师必须要掌握的，因为这些知识直接影响到你的页面的用户体验，影响到你的页面的加载策略。接下来将要详细的讲述浏览器缓存的概 念和原理，新人要仔细阅读，甚至要多次反刍，缓存的知识除了和浏览器有关，还涉及到HTTP协议，所以这也是比较难于掌握的内容。 一般在硬件中，缓存 阅读全文
posted @ 2017-05-26 10:43
{前端开发}
阅读(343)
评论(0)
推荐(0)
摘要：
@Font-face目前浏览器的兼容性： Webkit/Safari(3.2+) TrueType/OpenType TT (.ttf) 、OpenType PS (.otf)； Opera (10+) TrueType/OpenType TT (.ttf) 、 OpenType PS (.otf) 阅读全文
posted @ 2017-05-01 00:03
{前端开发}
阅读(5196)
评论(0)
推荐(0)
摘要：
HTML5定义了FileReader作为文件API的重要成员用于读取文件，根据W3C的定义，FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用方式非常简单，可以按照如下步骤创建FileReader对象并调用其方法： 1.检测浏览器对FileReader的支持 [javascript] view plain copy if(window.Fil... 阅读全文
posted @ 2017-04-26 23:18
{前端开发}
阅读(566)
评论(0)
推荐(0)
摘要：
$ git init // 初始化一个Git仓库$ git status // 查看仓库的状态$ git add . // 将所有修改添加到暂存区$ git add * // Ant风格添加修改$ git add *Controller // 将以Controller结尾的文件的所有修改添加到暂存区 阅读全文
posted @ 2017-04-16 14:10
{前端开发}
阅读(492)
评论(0)
推荐(0)
摘要：
静态资源前端加载器，用来分析页面中使用的和依赖的资源（js或css）, 并将这些资源做一定的优化后插入页面中。如把零散的文件合并。 注意 此插件做前端硬加载，适用于纯前端项目，不适用有后端 loader 的项目。因为不识别模板语言，对于资源的分析和收集，比较的粗暴！！！ 默认会把页面中用到的样式插入 阅读全文
posted @ 2017-04-11 21:01
{前端开发}
阅读(725)
评论(0)
推荐(0)
摘要：
meta属性在HTML中占据了很重要的位置。如：针对搜索引擎的SEO，文档的字符编码，设置刷新缓存等。虽然一些网页可能没有使用meta，但是作为正规军，我们还是有必要了解一些meta的属性，并且能够熟练使用它们。 1、声明文档使用的字符编码 2、声明文档的兼容模式 3、SEO 优化 4、为移动设备添 阅读全文
posted @ 2017-04-03 20:54
{前端开发}
阅读(1613)
评论(0)
推荐(0)
摘要：
以下就是一些API属性的相关内容，包括兼容性，使用，测试等。 一、Window视图属性 这些属性可以hold住整个浏览器窗体大小。微软则将这些API称为“Screenview 接口”。包括：innerWidth 属性和 innerHeight 属性pageXOffset 属性和 pageYOffse 阅读全文
posted @ 2017-04-03 18:30
{前端开发}
阅读(340)
评论(0)
推荐(0)
摘要：
本篇主要介绍Web环境中屏幕、浏览器及页面的高度、宽度信息。 目录 1. 介绍：介绍页面的容器(屏幕、浏览器及页面)、物理尺寸与分辨率、展示等内容。 2. 屏幕信息：介绍屏幕尺寸信息；如：屏幕、软件可用以及任务栏的高度和宽度。 3. 浏览器信息：介绍浏览器尺寸信息；如：浏览器、内部页面以及工具栏的高 阅读全文
posted @ 2017-04-03 18:20
{前端开发}
阅读(54727)
评论(2)
推荐(6)
摘要：
遇到如此需求，首先想到的是change事件，但用过change的都知道只有在input失去焦点时才会触发，并不能满足实时监测的需求，比如监测用户输入字符数。 在经过查阅一番资料后，欣慰的发现firefox等现代浏览器的input有oninput这一属性，可以用三种方式使用它： 1,内嵌元素方式(属性 阅读全文
posted @ 2017-04-03 17:39
{前端开发}
阅读(4186)
评论(0)
推荐(0)
摘要：
移动端业务开发，iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下，会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。 iOS下的 Fixed + Input BUG现象 让我们先 阅读全文
posted @ 2017-04-03 17:09
{前端开发}
阅读(681)
评论(0)
推荐(0)
摘要：
正文 不同情况 没有已定位的父节点，且自身position:relative的DIV元素的offsetParent为BODY 没有已定位的父节点，且自身position: absolute的DIV元素的offsetParent为BODY 没有已定位的父节点，且自身position: fixed的DI 阅读全文
posted @ 2017-04-03 16:42
{前端开发}
阅读(361)
评论(0)
推荐(1)
摘要：
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种 阅读全文
posted @ 2017-04-03 15:21
{前端开发}
阅读(205)
评论(0)
推荐(0)
摘要：
引子 impress.js的实现 我们在用 impress.js实现特效时，会用到类似下面的代码： 我们看到代码中有data-x，data-y等属性，实际上我们就是通过改变这些属性的值来实现PPT的跳转的。这些属性分别代表： data-x：幻灯片的X坐标 data-y：幻灯片的Y坐标 data-sc 阅读全文
posted @ 2017-04-01 20:56
{前端开发}
阅读(566)
评论(0)
推荐(0)
摘要：
JQuery这种Write Less Do More的框架，用多了难免会对原生js眼高手低。 小菜其实不想写这篇博客，貌似很初级的样子，但是看到网络上连原生js事件绑定和解除都说不明白，还是决定科普一下了。 首先声明，小菜懂的也不是很多，只是把我的思路和大家分享一下。 DOM0事件模型 事件模型在不 阅读全文
posted @ 2017-04-01 16:01
{前端开发}
阅读(298)
评论(0)
推荐(0)
摘要：
首先来了解什么是multipart/form-data请求： 根据http/1.1 rfc 2616的协议规定，我们的请求方式只有OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE等，那为为何我们还会有multipart/form-data请求之说呢？这就要从头来说了。 h 阅读全文
posted @ 2017-03-31 16:06
{前端开发}
阅读(252)
评论(0)
推荐(0)
摘要：
作为一名前端工程师，写组件的能力至关重要。虽然JavaScript经常被人嘲笑是个小玩具，但是在一代代大牛的前仆后继的努力下，渐渐的也摸索了一套组件的编写方式。 下面我们来谈谈，在现有的知识体系下，如何很好的写组件。 比如我们要实现这样一个组件，就是一个输入框里面字数的计数。这个应该是个很简单的需求 阅读全文
posted @ 2017-03-27 22:04
{前端开发}
阅读(1541)
评论(0)
推荐(1)
摘要：
真正意义上来说Javascript并不是一门面向对象的语言，没有提供传统的继承方式，但是它提供了一种原型继承的方式，利用自身提供的原型属性来实现继承。Javascript原型继承是一个被说烂掉了的话题，但是自己对于这个问题一直没有彻底理解，今天花了点时间又看了一遍《Javascript模式》中关于原 阅读全文
posted @ 2017-03-16 16:45
{前端开发}
阅读(375)
评论(0)
推荐(0)
摘要：
只看不赞，或者只收藏不赞的都是耍流氓，放学别走，我找我哥收拾你们。 项目地址：https://github.com/jrainlau/wechat-subscriptor 下载&运行 ZSH 1 2 3 4 5 6 7 git clone git@github.com:jrainlau/wechat 阅读全文
posted @ 2017-03-15 01:57
{前端开发}
阅读(3800)
评论(0)
推荐(1)
摘要：
一个东西，首先要知道为什么用它，为什么要vuex，官方解释为了解决繁杂事件订阅和广播，那么事件的$dispatch,$on,怎么就复杂了？许多人是不是感觉后者还挺简单的，对的 如果简单小型项目，那么不需要vuex，只需要后者就可以，但是如果中大型，尤其是有许多事件传播，那么vuex作用就体现出现了， 阅读全文
posted @ 2017-03-15 01:14
{前端开发}
阅读(311)
评论(0)
推荐(0)
摘要：
官方文档说明（英） 看了别人写的中文博客，再看了官方英文文档，发现还是官方文档讲的浅显易懂一些，看了之后，半翻译半理解地写了这篇博客，更易于新手理解。 介绍 context 是在 react @ 0.14 版本以后发布的一个高级且实验性的功能，有可能在未来做出更改。不推荐频繁使用，如果使用的话尽量保 阅读全文
posted @ 2017-03-14 15:01
{前端开发}
阅读(983)
评论(0)
推荐(0)
摘要：
先附上项目源码地址和原文章地址：https://github.com/bailicangd... 做React需要会什么？ react的功能其实很单一，主要负责渲染的功能，现有的框架，比如angular是一个大而全的框架，用了angular几乎就不需要用其他工具辅助配合，但是react不一样，他只负 阅读全文
posted @ 2017-03-14 14:46
{前端开发}
阅读(622)
评论(0)
推荐(0)
摘要：
四种常见的 POST 提交数据方式 HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据，本文主要讨论 POST 提交数据的几种方式。 我们知道，HTTP 协 阅读全文
posted @ 2017-03-08 11:39
{前端开发}
阅读(27664)
评论(1)
推荐(0)
摘要：
https://github.com/isaacs/node-glob 阅读全文
posted @ 2017-03-05 23:12
{前端开发}
阅读(494)
评论(0)
推荐(0)
摘要：
1使用两次indexOf来判断 代码略 2使用相反意义的正则表达式 3使用负向前瞻正则表达式 解释一下正则： 外层限定开始和结尾 外层限定开始和结尾 负向前瞻 负向前瞻 这个(?!.*(公司|合伙))只匹配位置，表明右边没有出现.*(公司|合伙)的情况就可以匹配。(公司|合伙)是分支的意思。 匹配任 阅读全文
posted @ 2017-03-05 23:02
{前端开发}
阅读(4397)
评论(0)
推荐(0)
摘要：
1. Windows：全屏窗口滚动插件 该插件可以很好地实现全屏滚动，每滚动一次即为一屏。比如，用户浏览下一屏幕内容时，只需手动滚动到某一位置，该插件会自动滚动显示下一屏全部内容。对于浏览类似于PPT的内容时比较实用。 2. Jquery Scroll Follow：滚动跟随插件 该插件可以使DOM 阅读全文
posted @ 2017-03-03 15:44
{前端开发}
阅读(4624)
评论(0)
推荐(0)
摘要：
当前时间：moment().format('YYYY-MM-DD HH:mm:ss'); 2017-03-01 16:30:12 今天是星期几：moment().format('d'); 3 Unix时间戳：moment().format('X'); 1488357012 相对时间：moment(" 阅读全文
posted @ 2017-03-01 16:32
{前端开发}
阅读(2473)
评论(0)
推荐(0)
摘要：
股票数据的获取目前有如下两种方法可以获取:1. http/javascript接口取数据2. web-service接口1.http/javascript接口取数据1.1Sina股票数据接口以大秦铁路（股票代码：601006）为例，如果要获取它的最新行情，只需访问新浪的股票数据接口：http://h 阅读全文
posted @ 2017-02-26 11:41
{前端开发}
阅读(1496)
评论(0)
推荐(0)
摘要：
如果你读过Google的那篇大名鼎鼎的论文“MapReduce: Simplified Data Processing on Large Clusters”，你就能大概明白map/reduce的概念。 map 举例说明，比如我们有一个函数f(x)=x2，要把这个函数作用在一个数组[1, 2, 3, 阅读全文
posted @ 2017-02-25 16:50
{前端开发}
阅读(736)
评论(0)
推荐(0)
摘要：
你的网页内容在移动设备上的体验可能和电脑上完全不同。Chrome DevTools 提供了远程调试功能，这让你可以在安卓设备上实时调试开发的内容。 安卓远程调试支持： 在浏览器选项卡中调试网站。 在原生安卓应用中调试网页内容。 将屏幕从你的安卓设备上投影到你的开发机器上。 使用端口转发和虚拟主机映射 阅读全文
posted @ 2017-02-25 11:21
{前端开发}
阅读(690)
评论(0)
推荐(0)
摘要：
这篇文章所讲到的方法已经过时，请移步《移动端真机调试终极利器-BrowserSync》，欢迎分享更多工具。 手机端页面，大多运行在webkit内核的浏览器上，但还是会因平台、厂商的不同而有种种兼容性问题。下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试。这里要说明的是，iO 阅读全文
posted @ 2017-02-16 21:17
{前端开发}
阅读(2700)
评论(0)
推荐(0)
摘要：
诞生50多年之后，函数式编程（functional programming）开始获得越来越多的关注。 不仅最古老的函数式语言Lisp重获青春，而且新的函数式语言层出不穷，比如Erlang、clojure、Scala、F#等等。目前最当红的Python、Ruby、Javascript，对函数式编程的支 阅读全文
posted @ 2017-02-02 17:29
{前端开发}
阅读(209)
评论(0)
推荐(0)
摘要：
MVC是开发所有软件所必须涉及的基本几个划分 M主要负责数据与模型，V主要负责显示C主要负责交互与业务所以不管是前端还是后端，都是有MVC的。MVC是一个对于软件简单的抽象，不管是M还是V，还是C都是有很多细分的。所以理解MVC是一种业务抽象是非常重要的。 前端MVC 前端流行的MVVM就是对于前端 阅读全文
posted @ 2017-02-01 12:14
{前端开发}
阅读(5293)
评论(0)
推荐(3)
摘要：
对于一个H5的产品，功能无疑很重要，但是性能同样是用户体验中不可或缺的一环。原本H5的渲染性能就不及native的app，如果不把性能优化做起来，将极大地影响用户使用产品的积极性。 用户感受 当用户能够在1-2秒内打开H5页面，看到信息的展示，或者能够开始进行下一步的操作，用户会感觉速度还好，可以接 阅读全文
posted @ 2017-01-30 00:14
{前端开发}
阅读(1227)
评论(0)
推荐(0)
摘要：
var a = [1,2,3]; var b = a; a.pop(); alert(b); //[1,2] 阅读全文
posted @ 2017-01-24 23:38
{前端开发}
阅读(2518)
评论(0)
推荐(0)
摘要：
浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工 作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。 将讨论的浏览器 今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。 本文将基于一些开源浏览器的例子—— 阅读全文
posted @ 2017-01-18 23:47
{前端开发}
阅读(381)
评论(0)
推荐(0)
摘要：
前言：对很多 react 新手来说，网上能找到的资源大都是些简单的 tutorial ，它们能教会你如何使用 react ，但并不会告诉你怎么在实际项目中优雅的组织和编写 react 代码。用谷歌搜中文“ React 最佳实践”发现前两页几乎全都是同一篇国外文章的译文...所以我总结了下自己过去那个 阅读全文
posted @ 2017-01-10 23:39
{前端开发}
阅读(4255)
评论(0)
推荐(0)
摘要：
本文为大家分享了JavaScript对象的浅拷贝和深拷贝代码，供大家参考，具体内容如下 1.浅拷贝 拷贝就是把父对像的属性，全部拷贝给子对象。 下面这个函数，就是在做拷贝： var Chinese = { nation:'中国' } var Doctor = { career:'医生' } func 阅读全文
posted @ 2017-01-02 15:02
{前端开发}
阅读(3030)
评论(0)
推荐(1)
摘要：
学习webpack，基本始终是围绕： 1.如何安装webpack 2.如何使用webpack 3.如何使用loader 4.如何使用开发服务器 可能我们会在如何使用开发服务器的时候，遇到诸如调试的相关问题： 使用开发服务器 我们webpack中使用的开发调试服务器通常是 webpack-dev-se 阅读全文
posted @ 2017-01-01 22:58
{前端开发}
阅读(3605)
评论(1)
推荐(0)
摘要：
回顾 2016 iOS 和 Android 系统不约而同学习了对方的优点，长得越来越象：3D touch、权限控制、夜间模式、电话防骚扰... 原本属于桥的两侧的开放与封闭，越来越往一个中心靠；由此看来，真正在 OS 里的应用 App 才是系统的灵魂。 像「微信」，不论你用 iOS 还是 Andro 阅读全文
posted @ 2016-12-31 15:29
{前端开发}
阅读(1641)
评论(0)
推荐(0)
浙公网安备 33010602011771号