wangfupeng1988-CSDN博客

原创深入理解javascript原型和闭包系列

从下面目录中可以看到，本系列有16篇文章，外加两篇后补的，一共18篇文章。写了半个月，从9月17号开始写的。每篇文章更新时，读者的反馈还是可以的，虽然不至于上头条，但是也算是中规中矩，有看的人，也有评论的人。特别是在后期讲闭包的时候。

2014-09-30 09:04:44 6902 1

原创【我的产品观】开发wangEditor一年总结

1. 引言　　标题说是一周年，其实是不是正好是一周年，我也忘记了，光从github的提交记录看也不准确。印象中觉得，如果要论想法，到现在一年多了，如果要论实际写代码，可能差不多正好一年。　　从8月底在济南离职来到北京，一直熟悉新的工作环境和工作节奏，好久没有更新博客了。今天来总结一下这一年的wangEditor的成长过程，以及我自己在这一年的时间，对于技术、产品等各方面的思考。

2015-11-03 10:01:36 3284

原创初探百度F.I.S — 由工具到解决方案

1. 前言　　阅兵放假三天，我哪儿也没去，宅着看了一些东东：git命令行、svn命令以及下面的主角——百度FIS。对看过的git、svn的命令也做了一些总结，请参见：《git命令学习笔记》和《svn命令学习笔记》　　另外，我是开源富文本编辑器 wangEditor 的作者，欢迎大家关注我的项目。下文也会结合我在开发该编辑器过程中的经历，来对比说百度FIS　　在查看

2015-09-06 09:24:02 1710

原创更加简洁易用——wangEditor富文本编辑器新版本发布

1. 前言　　wangEditor富文本编辑器（www.wangEditor.com）从去年11月份发布，至今已经有将近10各月了。它就像一个襁褓中的小婴儿，在我的努力以及众多使用者的支持下不断摸索、成长。就像这么大的小孩一样，它的下一个目标是要自己站起来、自己走下去。　　而这一版本的更新，已经可以让它有足够的力量站起来，勇敢的走下去。（ wangEditorQQ群：1649990

2015-09-03 15:27:04 9544 1

原创自己总结的web前端知识体系大全【欢迎补充】

1. 前言　　大约在几个月之前，让我看完了《webkit技术内幕》这本书的时候，突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中，形成一个完整的web前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识——做web前端需要的比这三大块要多得多。　　拖了好几个月了，但是由于近期将要参加的某一个活动，我不得不这两天把这个东西整出来。说

2015-07-16 17:22:43 4802 4

原创【前端福利】用grunt搭建自动化的web前端开发环境-完整教程

jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！1. 前言　　各位web前端开发人员，如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt，那你就真的真的真的out了（三个“真的”重复，表示重点）。至于grunt的作用，这里不详细说了，总之你如果做web前端开发，你一定要用grunt。还有一点，它

2015-06-08 21:37:24 60221 65

原创轻量级富文本编辑器wangEditor源码结构介绍

1. 引言　　wangEditor——一款轻量级html富文本编辑器（开源软件）网站：http://www.wangeditor.com/demo演示：http://www.wangeditor.com/wangEditor/demo.html下载（github）：https://github.com/wangfupeng1988/wangEditorQQ群：164999061

2015-05-11 09:06:37 9860 1

原创 css知多少（11）——position

1. 引言　　本文将用一篇文章介绍position（定位），在学习position之前，我们应该去思考一个问题：什么情况下我们需要定位？如果没有定位将无法满足我们怎样的需求？我们要知道，被人类创造出来的每一个知识，都有它的用途，都要解决一些之前遇到的问题。　　如果没有定位，我们做出来的网页将会是按部就班的自上而下、自左而右的平铺在浏览器上，外加通过margin和padding调整一

2015-03-09 12:19:11 1991

原创 css知多少（9）——float下篇

float内容比较多，咱们分上、下两篇来介绍，上篇已经写完，这是下篇。建议大家先把上篇看了，再来看下文，精彩内容不要掠过啊。1. 清除float　　《上篇》中我们提到，float具有“破坏性”，它会导致父元素“坍塌”，这将不是所要看到的。如何去避免float带来的这种影响呢（也就是我们常说的“清除浮动”）？方法有很多种，我在这里介绍4中供大家参考，大家可根据实际情况来选择。　

2015-03-05 09:10:45 1780

原创 css知多少（8）——float上篇

1. 引言　　对于我们所有的web前端开发人员，float是或者曾经一度是你最熟悉的陌生人——你离不开它，却整天承受着它所带给你的各种痛苦，你以为它很简单就那么一点知识，但却驾驭不了它各种奇怪的现象。　　这就是我们又爱又恨的——float。所以，系统的学一学float是非常非常重要的。除了看书和看博客文章之外，我推荐大家去看一个奇葩（声音很有磁性，你懂得）录制的教程《CSS深入理解

2015-03-04 19:41:38 1875

从这一节开始，我们就进入本系列的第三部分——css呈现。本部分将描述css在页面的几种布局和呈现的特性。包括两类：文字、块。　　第一类——文字。这部分相对比较简单一些，例如设置字号、字体、颜色、背景色、是否加粗等。重点的地方在于设置字体、设置行高、文字相关的距离都用相对值，这些东西在《css知多少（4）——解读浏览器默认样式》那一节已经说过了。另外还有一个重点，就是web端最流行的字体库fontAwesome，关于它我之前有一篇文章专门讲过，请参见《请用fontAwesome代替网页icon小图标》，这

2015-02-12 08:39:33 2118

原创 css知多少（6）——选择器的优先级

特指度表示一个css选择器表达式的重要程度，可以通过一个公式来计算出一个数值，数越大，越重要。这个计算叫做“I-C-E”计算公式，针对一个css选择器表达式，遇到一个id就往特指度数值中加100，遇到一个class就往特指度数值中加10，遇到一个element就往特指度数值中加1。

2015-02-11 08:43:17 2400

原创 css知多少（5）——选择器

从本节开始，就进入本系列的第二个部分——css和html的结合——说白了就是选择器。　　CSS中定义了样式，如何将这些样式设置到相应的html节点上？就不得不通过选择器。让浏览器知道css选择了哪一个dom节点，浏览器就会乖乖的把相应的样式渲染成视图。　　至于css能把页面渲染成什么样子，这是本系列的第三部分。　　第一部分讲css样式的加载和层叠，第二部分讲选择器以及选择器的等级，第三部分讲呈现的各种样式（背景、字体、定位、浮动等）。这样一个思路，也正式浏览器使用css的流程，是最有效的学习思路

2015-02-10 08:29:43 2165

原创 css知多少（4）——解读浏览器默认样式

对于上面的三层，咱们大概都比较熟悉了。下面的两层中，用户自定义样式一般也就是改一改字号大小和字体样式，也没甚好说的。而最有的说的就是浏览器的默认样式。不同浏览器的默认样式多少有些区别，特别是老版本的浏览器之间，现在高级浏览器越来越向统一的标准靠拢，对前端程序猿来说是一件好事情。虽然有些许差异，但是绝大部分还是相同的，我先把代码粘贴出来，具体的解读咱们慢慢道来（只说重点，比较容易的或者不常用的就不说了）。

2015-02-09 08:46:02 2537 2

原创 css知多少（3）——样式来源与层叠规则

上一节《css知多少（2）——学习css的思路》有几个人留言表示思路很好、继续期待，而且收到了9个赞，我还是比较欣慰的。没看过的朋友建议先去看看上一节。这一节就开始实践上一节的思路！

2015-02-06 20:40:54 2259 1

原创 css知多少（2）——学习css的思路

两周之前写过该系列的第一篇，其实当时只是一个想法，这段时间迟迟未更新，是在思考一个解决过程。现在初有成效，就开更吧。

2015-02-06 08:36:43 2365

原创 css知多少（1）——我来问你来答

我还是抱着敬畏的态度，买了一本《CSS设计指南（第三版）》，不管自己会的，还是不会的，我都统统看一遍。书邮回来之后，我花了三个晚上看完了。我有个习惯，就是做一件事情一定要又一个结果，不能觉得自己脑子里明白了就算了，一定要写出来，甚至做出例子来才算完。于是乎，就写几篇博客呗。利己利人。　　下面我把在看书过程中遇到的自己认为比较重要的（掌握不牢固）或者之前不懂的，都先列出来，出几个题目，各位看官可以试着想想。如果您都会了，那您基础很牢固，没得说；如果你有些不会的，着急你就赶紧自己查查答案，不着急你就等着我后

2015-01-21 08:24:37 3191 5

原创 wangEditor——轻量级web富文本框

wangEditor——轻量级web富文本编辑器，js+css 不足20kb。简单、易用、可扩展，支持所有PC浏览器（包括IE6）。目前所有代码都在github上开源，下载地址：https://github.com/wangfupeng1988/wangEditor

2015-01-02 17:30:16 2820

原创重构wangEditor（web富文本编辑器），欢迎指正！

前段时间做过一个基于bootstrap的富文本编辑器——wangEditor，并发布到github上（https://github.com/wangfupeng1988/wangEditor），在博客园写了篇文章（http://www.cnblogs.com/wangfupeng1988/p/4088229.html）也受到了不少关注。之所以有这次重构，是因为以下原因。第一，bootstrap。做一个小小的web富文本编辑器，就依赖于bootstrap，未免有点小题大做。当时依赖于bootstrap

2014-12-22 09:16:56 2955

原创用nodejs搭建最简单、轻量化的http server

前端程序猿主要关注的是页面，你可能根本就用不到.net，java，php等后台语言。但是你制作出来的网页总要运行、总要测试吧？——那就免不了用到http server。我先前都是用visual studio的，虽然很好用，功能很强大，但是我就开发一个html、javascript、css，干嘛用这种傻大本粗的东西。打开一次特别慢，占内存特别厉害，安装时C盘占去好几个G的空间。后来闲来无事就换成了nodejs。不用安装任何插件，只需要手动创建三个小文件（总共才2KB），运行即可，速度很快。感觉真的是非

2014-12-05 10:58:41 8743

原创请用fontAwesome代替网页icon小图标

Font Awesome 提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小，颜色，阴影。

2014-11-29 09:37:21 3465

原创 javascript实现代码高亮-wangHighLighter.js

wangHighLighter.js是一款应用于富文本编辑器的代码高亮插件，目前支持常用的20多种语言，并提供了7种常见的主题风格供选择。

2014-11-20 09:28:48 1793

原创 wangEditor——轻量化web富文本框

wangEditor——轻量级web富文本编辑器，js+css 不足20kb。简单、易用、可扩展，支持所有PC浏览器（包括IE6）。目前所有代码都在github上开源，下载地址：https://github.com/wangfupeng1988/wangEditor

2014-11-11 09:17:58 2926

原创 js便签笔记（13）——jsonp其实很简单【ajax跨域请求】

前两天被问到ajax跨域如何解决，还真被问住了，光知道有个什么jsonp，迷迷糊糊的没有说上来。抱着有问题必须解决的态度，我看了许多资料，原来如此。。。为何一直知道jsonp，但一直迷迷糊糊的不明白呢？——网上那些介绍资料都写的太复杂了！我是能多简单就多简单，争取让你十分钟看完！

2014-10-30 11:51:40 1584 2

原创深入理解javascript原型和闭包（18）——补充：上下文环境和作用域的关系

本系列用了大量的篇幅讲解了上下文环境和作用域，有些人反映这两个是一回儿事。本文就用一个小例子来说明一下，作用域和上下文环境绝对不是一回事儿。

2014-09-29 18:35:34 986

原创深入理解javascript原型和闭包（16）——完结

之前一共用15篇文章，把javascript的原型和闭包。首先，javascript本来就“不容易学”。不是说它有多难，而是学习它的人，往往都是在学会了其他语言之后，又学javascript。有其他语言的学习经历和实践经历，再加上自学javascript，边学边用，肯定会产生许多误解，走许多弯路。我就没少经历，也算是一种教训。其次，原型和闭包又是一对难兄难弟，一来是他俩比较难懂，而来是他俩都或多或少的给初级开发人员带来许多BUG。不懂原型和闭包，你也可以开发javascript程序，但是你写不出高质量、

2014-09-26 15:44:25 1242

王福朋petshop4.0视频教程课件（不是每节都有）

王福朋petshop4.0视频教程必备知识源代码（没有数据库）

无法更新 EntitySet“Book”，因为它有一个 DefiningQuery

谁能提供一个学习asp.net MVC的教程