FED

#Markdown简明语法#标题h1到h6由相应的#输出html:#水平线在html中<hr/>为水平线，在段元素中，在markdown中#重点（加粗）为了强调文本可以...

#MongoDB数据备份在Mongodb中我们使用mongodump命令来备份MongoDB数据。该命令可以导出所有数据到指定目录中。mongodump命令可以通过参数指定导出的数据量级转存的服务器。#语法...

devo.ps团队对JavaScript的迷恋已经不是什么秘密了;node.js作为服务器端,AngularJS作为客户端,某种程度上说,我们的堆栈是用它建成的.我们构建静态客户端和RESTfulJSONAPI的方法意味着我们跑了很多的node.js,我必须承认尽管node.js的一切都令人敬畏,但当我们在生产环境中运行它时它仍然会让我们感到头疼.相比一些更加成熟的语言,它的工具和最佳实践仍然缺乏(试想一下:监控,日志,错误处理)....

随着浏览器不断的升级改进，CSS和JavaScript之间的界限越来越模糊。本来它们是负责着完全不同的功能，但最终，它们都属于网页前端技术，它们需要相互密切的合作。我们的网页中都有.js文件和.css文件，但这并不意味着CSS和js是独立不能交互的。下面要讲的这五种JavaScript和CSS共同合作的方法你也许未必知道！大家都知道如何通过一个元素的style属性获取它的CSS样式值，但能获取伪元素(pseudo-element)的属性值吗？可以的，使用JavaScript也可以访问页面中的伪元素。...

假设现在要做一台计算机，coolie是帮你这样做到的：coolie就这么漂亮的完成了你分配给它的任务，任劳任怨。本文将从JS模块依赖分析、合并、压缩、版本管理开始讲讲coolie到底能做什么，值得作者这么牛气哄哄的推荐他。我想前端JS目前需要做的事情也就这些了吧，这也是我为什么不遗余力的推荐的一个理由。...

buildsuccess、coverage100%是否让你羡慕不已？作为程序员不要再low了，开始启动单元测试吧。文章标题陈列了一共7个英文单词。除了webstorm是在之前的文章已经介绍过的，下面分别介绍下其他几个单词：karma的中文意思是“因果报应”。...

在计算机网络中，反向代理是代理服务器的一种。它根据客户端的请求，从后端的服务器上获取资源，然后再将这些资源返回给客户端。与前向代理不同，前向代理作为一个媒介将互联网上获取的资源返回给相关联的客户端，而反向代理是在服务器端作为代理使用，而不是客户端。...

跨域指的是，__请求的页面与请求服务器__之间发生跨域行为。跨域不仅仅是不同的域名，还包括了协议、端口、子域名。因此在以下情况下都表示了发生跨域行为：正因为前端会出现上述的跨域情况，所以有了同源策略（详见：JavaScript的同源策略）一说。因为JavaScript有读取浏览器cookie的能力，而如果没有同源策略的话，那么你页面上嵌入的第三方脚本将会读取在用户浏览器你的网站所留下的cookie信息。举个栗子，你嵌入了一个百度的JS文件，而该JS文件可以读取你网站的cookie，后果会怎样？（经小秦读者反馈，该段文字描述有误）...

谷歌推出的MaterialDesign风格已见有一些APPUI采用，视觉和交互体验都很棒，对于想尝试这个风格但又不懂实现一些效果的前端设计师们，可以试试今天设计达人网为大家分享的9个目前流行的MaterialDesign前端框架。这些前端框架的设计元素齐全，按钮、表单、布局及常用JS特效代码也有齐了，支持ResponsiveDesign，还有的可以结合Bootstrap使用，相当不错，下面来看看介绍，并挑选一款你喜欢的Framework来制作你的新项目吧。...

接下来的几天，你一直在搜索如何将jQuery拆分掉，最后你看到了jQuery模块化。满脸泪水、一脸憔悴的你，感叹到，卧槽，这就是我想要的啊。开发环境：...

之前使用的域名是favicon.ydr.me，请及时更换。现在采用了更短的域名f.ydr.me。不得攻击、滥用接口。...

今天浏览jQuery的deprecated列表，发现live()和die()在里面了，赶紧看了一下，发现从jQuery1.7开始，jQuery引入了全新的事件绑定机制，on()和off()两个函数统一处理事件绑定。因为在此之前有bind(),live(),delegate()等方法来处理事件绑定，jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。on(events,[selector],[data],fn)events:一个或多个用空格分隔的事件类型和可选的命名空间，如"click"或"keydown.myPlugin"。selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略，当它到达选定的元素，事件总是触发。data:当一个事件被触发时要传递event.data给事件处理函数。fn:该事件被触发时执行的函数。false值也可以做一个函数的简写，返回false。...

自动生成sprite的grunt插件https://www.npmjs.com/package/grunt-image-spriteconvertimagestoacssspriteimageThispluginrequiresGrunt....

1.echo输出命令...

那些总是拿webstorm的身材和其他文本编辑器来比较的筒子们，总是说webstorm的体积如何如何大，启动如何如何慢，性能如何如何差。来看看官网如何定义webstorm的：ThesmartestJavaScriptIDE...

在认识npm之前，你必须对nodejs有一定的了解。Node包管理器（NodePackageManager）。它是一个javascript的软件套件管理系统，预设环境为Node.js，从Node.js0.6.3版本开始，npm被自动附带在安装包中。npm运行在命令行下，并用于管理相依性套件，npm也允许使用者安装在npmregistry上的Node.js应用程序。npm由IsaacZ.Schlueter开发[1]，为了符合CommonJS的规范，如PHP之于(PEAR)、Perl之于(CPAN)，进而开发出npm。...

这次好好聊聊如何借助DevTools来进行前端的性能分析，这也是我找了很久，非常想了解的使用技巧！应该算是DevTools的进阶篇吧~记忆中倒是看到过有前辈写过这方面的文章，不过总是看的不够过瘾，一部分原因是因为可能当时对前端的了解并不够充分，还可能是因为那些文章省去了一些我觉得比较重要的知识点，导致读者看完以后并没能很好的顿悟！...

GoogleChrome浏览器提供了非常强大的JS调试工具，HeapProfiling便是其中一个。HeapProfiling可以记录当前的堆内存（heap）快照，并生成对象的描述文件，该描述文件给出了当时JS运行所用到的所有对象，以及这些对象所占用的内存大小、引用的层级关系等等。这些描述文件为内存泄漏的排查提供了非常有用的信息。注意：本文里的所有例子均基于GoogleChrome浏览器。...

在工作中，我们经常需要用到图标素材。你也许能搜到很多的图标资源网站，但要找到免费的高质量图标却很难，这就是为什么我今天要与大家分享这些优秀的免费质量图标搜索引擎，相信在这些网站你能找到你要的东西。如果你知道更多更好的网站，欢迎与我们分享！FindIcons...

chromedevtools中Elementspanel是审查dom元素和css的,可以实时修改dom/css.节点右键,如下图,可以:除了右键,还可以:...