摘要：
目前，前端领域中 React 势头正盛，很少能够深入剖析内部实现机制和原理。本系列文章希望通过剖析 React 源码，理解其内部的实现原理，知其然更要知其所以然。对于 React，其组件生命周期（Component Lifecycle）是它的核心概念，本文从源码入手，来剖析 React 生命周期的管... 阅读全文
摘要：
身在天朝的我们，自然事事问百度！然不知小伙伴们是否注意到百度首页搜索框中的智能搜索词联想功能呢？本文将仿百度首页搜索词联想功能，利用JSONP技术实现简陋版搜索联想，其意在展现JavaScript例子，而非技术原理。 阅读全文
身在天朝的我们，自然事事问百度！然不知小伙伴们是否注意到百度首页搜索框中的智能搜索词联想功能呢？本文将仿百度首页搜索词联想功能，利用JSONP技术实现简陋版搜索联想，其意在展现JavaScript例子，而非技术原理。 阅读全文
摘要：
求职大战中，完善的简历犹如军中急先锋一般，为一场胜战打头阵！而作为语文是体育老师教的程序员，想制作一份符合自身且精良完善的求职简历，还是一份不小的挑战。如何让面试官一眼便认定你符合公司岗位需求？如何在求职人海中不落俗套，显示自身的与众不同以及独特的个人魅力？如何单从简历中便能得知你在追求技术方面的造诣？如何完美展示你是一个爱生活、爱分享、爱技术的程序员？ 阅读全文
求职大战中，完善的简历犹如军中急先锋一般，为一场胜战打头阵！而作为语文是体育老师教的程序员，想制作一份符合自身且精良完善的求职简历，还是一份不小的挑战。如何让面试官一眼便认定你符合公司岗位需求？如何在求职人海中不落俗套，显示自身的与众不同以及独特的个人魅力？如何单从简历中便能得知你在追求技术方面的造诣？如何完美展示你是一个爱生活、爱分享、爱技术的程序员？ 阅读全文
摘要：
自暑假以来，囫囵吞枣一般蒙头栽入前端自学中，且不说是否窥探其道，却不自觉中提高了对网页版面设计的要求，乃至挑剔。一个设计清爽美观的网页能让读者心旷神怡，甚至没有了阅读疲劳；而一个设计粗劣嘈杂的网页实在让读者为之揪心难受，何谈长时间阅读，不仅苦了眼睛，倦了身体，更是伤了精神。 阅读全文
自暑假以来，囫囵吞枣一般蒙头栽入前端自学中，且不说是否窥探其道，却不自觉中提高了对网页版面设计的要求，乃至挑剔。一个设计清爽美观的网页能让读者心旷神怡，甚至没有了阅读疲劳；而一个设计粗劣嘈杂的网页实在让读者为之揪心难受，何谈长时间阅读，不仅苦了眼睛，倦了身体，更是伤了精神。 阅读全文
摘要：
write less，do morejQuery告诉我们：牛逼的代码不仅精简而且高效！2006年1月由美国人John Resig在纽约的barcamp发布了jQuery，吸引了来自世界各地众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的JavaScript框架。 阅读全文
write less，do morejQuery告诉我们：牛逼的代码不仅精简而且高效！2006年1月由美国人John Resig在纽约的barcamp发布了jQuery，吸引了来自世界各地众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的JavaScript框架。 阅读全文
摘要：
在JavaScript的大千世界中，this对象就像一个行踪不定、居无定所的浪子一般，它的生活仿佛可以随处而安，而内心却又似有着笃定的坚守，它就是这么有趣！初学JavaScript时的我们，多多少少都拜访过this，却又总是找不准时机，屡屡与其擦肩而过。其实this一直就在那里，不离不弃。我们要记住一句话：this永远指向函数运行时所在的对象！而不是函数被创建时所在的对象。 阅读全文
在JavaScript的大千世界中，this对象就像一个行踪不定、居无定所的浪子一般，它的生活仿佛可以随处而安，而内心却又似有着笃定的坚守，它就是这么有趣！初学JavaScript时的我们，多多少少都拜访过this，却又总是找不准时机，屡屡与其擦肩而过。其实this一直就在那里，不离不弃。我们要记住一句话：this永远指向函数运行时所在的对象！而不是函数被创建时所在的对象。 阅读全文
摘要：
何为跨域？何为JSONP？JSONP技术能实现什么？是否有必要使用JSONP技术？跨域就是由于JavaScript同源策略的限制，使得a.com域名下的js无法操作b.com或c.a.com域名下的对象或数据。简单理解同一个域就是：相同域名、相同端口、相同协议！同源策略就是阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。 阅读全文
何为跨域？何为JSONP？JSONP技术能实现什么？是否有必要使用JSONP技术？跨域就是由于JavaScript同源策略的限制，使得a.com域名下的js无法操作b.com或c.a.com域名下的对象或数据。简单理解同一个域就是：相同域名、相同端口、相同协议！同源策略就是阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。 阅读全文
摘要：
所谓富文本编辑器（RTE）是指一种可以内嵌于浏览器，所见即所得的文本编辑器，方便用户在线编辑文章或新消息等。由于目前市场上的浏览器种类繁多，对应的RTE还没有一个统一的标准，但对于最基本的功能，各浏览器提供的API基本一致，从而使得编写一个跨浏览器的富文本编辑器成为可能。 阅读全文
所谓富文本编辑器（RTE）是指一种可以内嵌于浏览器，所见即所得的文本编辑器，方便用户在线编辑文章或新消息等。由于目前市场上的浏览器种类繁多，对应的RTE还没有一个统一的标准，但对于最基本的功能，各浏览器提供的API基本一致，从而使得编写一个跨浏览器的富文本编辑器成为可能。 阅读全文
摘要：
选项卡属于前端中最初级的demo，本人也是刚刚接触前端开发不久，本着“在理论中学习，在实践中提高”的宗旨，因此不管demo初级还是高级，也要将其实现之！关于选项卡demo的简单描述：导航栏上每个按键对应下方的每个内容区域，即点击A按键则显示对应的A内容区域，点击B按键则显示对应的B内容区域，以此类推。 阅读全文
选项卡属于前端中最初级的demo，本人也是刚刚接触前端开发不久，本着“在理论中学习，在实践中提高”的宗旨，因此不管demo初级还是高级，也要将其实现之！关于选项卡demo的简单描述：导航栏上每个按键对应下方的每个内容区域，即点击A按键则显示对应的A内容区域，点击B按键则显示对应的B内容区域，以此类推。 阅读全文
摘要：
聊聊在综合面试中所应该有的能力和品质，结合了某人在腾讯校招面试中的经历。你印象最深刻的一件事情是什么？你从中得到了什么，有什么样的感触？这个问题是为了看看你会不会对人生的经历进行总结和归纳，从人生的总结和归纳当中得到升华与提高 阅读全文
聊聊在综合面试中所应该有的能力和品质，结合了某人在腾讯校招面试中的经历。你印象最深刻的一件事情是什么？你从中得到了什么，有什么样的感触？这个问题是为了看看你会不会对人生的经历进行总结和归纳，从人生的总结和归纳当中得到升华与提高 阅读全文
摘要：
所谓排序，即将原来无序的一个序列重新排列成有序的序列。排序方法中涉及到稳定性，所谓稳定性，是指待排序的序列中有两个或两个以上相同的项，在排序前和排序后看这些相同项的相对位置有没有发生变化，如果没有发生变化，即该排序方法是稳定的，如果发生变化，则说明该排序方法是不稳定的。 阅读全文
所谓排序，即将原来无序的一个序列重新排列成有序的序列。排序方法中涉及到稳定性，所谓稳定性，是指待排序的序列中有两个或两个以上相同的项，在排序前和排序后看这些相同项的相对位置有没有发生变化，如果没有发生变化，即该排序方法是稳定的，如果发生变化，则说明该排序方法是不稳定的。 阅读全文
摘要：
对于初学者而言，A*寻路已经是个比较复杂的算法了，为了便于理解，本文降低了A*算法的难度，规定只能横竖（四方向）寻路，而无法直接走对角线，使得整个算法更好理解。简而言之，A*寻路就是计算从起点经过该点到达终点的路程，并使得总路程达到最小值，因此引入一个公式：F=G+H 阅读全文
对于初学者而言，A*寻路已经是个比较复杂的算法了，为了便于理解，本文降低了A*算法的难度，规定只能横竖（四方向）寻路，而无法直接走对角线，使得整个算法更好理解。简而言之，A*寻路就是计算从起点经过该点到达终点的路程，并使得总路程达到最小值，因此引入一个公式：F=G+H 阅读全文
摘要：
直观的理解div拖拽：当鼠标对着可拖拽部分按住后并拖动，div会跟着鼠标一起运动，并且其运动空间限制在浏览器内部，当放开鼠标时，则div停止运动。实现div拖拽需要三个重要的事件：（1）onmousedown-鼠标按下事件（2）onmousemove-鼠标移动事件（3）onmouseup-鼠标抬起事件当鼠标移出浏览器后再回到浏览器内部 阅读全文
直观的理解div拖拽：当鼠标对着可拖拽部分按住后并拖动，div会跟着鼠标一起运动，并且其运动空间限制在浏览器内部，当放开鼠标时，则div停止运动。实现div拖拽需要三个重要的事件：（1）onmousedown-鼠标按下事件（2）onmousemove-鼠标移动事件（3）onmouseup-鼠标抬起事件当鼠标移出浏览器后再回到浏览器内部 阅读全文