猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目，在此分享给大家。
随着发展的逐步发展，作为工程师除了需要关注需要写的⻚面，样式和逻辑之外，还需要面对日益复杂 的系统性问题，比如模块化文件的组织、ES6 JS 文件的编译、打包压缩所有的 JS 代码、优化和合并图片静态资源等等事情。
写到最后总结得差不多了，后续如果我想起还有哪些构建依赖遗漏的，会继续在这篇文章上补全，同时也希望各位倔友对文章里的要点进行补充或者提出自己的见解。欢迎在下方进行评论或补充喔，喜欢的点个赞或收个藏，保证你在开发时用得上。# 前端汇总系列：npm依赖(构建编译)
在混淆加密JS代码时，要将代码转化成AST（抽象语法树），再对AST进行处理，混淆加密完成后，再重建为JS代码。而像3.4MB大小的文件，代码量可能达到几万行，甚至几十万行，可以想像：进行各种转码、逐行处理，是种什么样的工作量，即使是程序自动处理，也会非常耗时。因此，对这样量极的JS代码进行混淆加密，在线的JS加密工具，是不允许的，不接受这样大的文件，或需要高权限。
HTML/CSS/JS 格式化插件：HTML/CSS/JS Prettify 安装过程： 在Sublime Text中，按下Ctrl+Shift+P调出命令面板; 首先你的sumblime text3得安装包管理器,如何安装请参考官网: https://packagecontrol.io/installation 输入install 调出 Install Package 选项并回车; 输入pretty，并在列表中选择HTML-CSS-JS Prettify后回车即
举例： 打开一个压缩的jQuery.min.js文件，按下Ctrl+Shift+H
这个插件提供html的编写提示，包括到属性的格式监测，语法细致监测纠正，非常好的。插件地址
Firebug2.0新功能还蛮多的，这里我只介绍吸引我的新功能。所有的新功能见 Firebug博客。
写在前面：开发过程中，会遇到很多繁杂精细的麻烦问题，虽然知道要去按照步骤解决，但总归耗费大量的时间，那为什么不去寻求一个捷径，本文总结了一些在线工具，遇到问题，打开网页，想要的东西，分分钟就能解决，让开发变得高效，快速，有了这些工具在手，就可以从繁重的工作任务中解脱出来，有大把的时间去王者峡谷散步打野浪一圈了。 一：Atool在线工具： http://www.atool.org/ aTool,工具在线工具,由华中科技大学一位在校女研究生开发的在线工具集合网站,旨在做出最简单方便、最完整干净、最全面完整的工具
json是前后端交互的一种非常常见的格式，本文分享一个小工具实现json的格式化与压缩，并通过ace.js优化交互与展示。
前言：首先对于web端js代码要做到纯粹的加密处理是不存在的,只能说是混淆 使得代码根本无法阅读，进而达到“加密”的效果，没有最强的盾 只有不容易破的盾 众所周知,JavaScript大都是运行在浏览器端,这就导致任何人都可以直接对网站的代码进行查看，如果代码没有进行任何处理就会导致直接暴露源码，他人便可轻而易举的复制你的劳动成果，所以给大家介绍一下新出的代码混淆加密工具 safekodo。 网址为www.safekodo.com
在很多时候,我们可能需要调试前端的js,但是如果非本地项目,根本没法直接修改js进行调试,但是我们可以利用浏览器的开发者工具,进行修改js并调试
在常规流中的框（boxes，元素形成的矩形区域），都属于一个格式化的上下文中，可能是块的，也可能是行内的，但不可能同时是行内的又是块的。块框参与块格式化上下文。行内框参与行内格式化上下文。 块格式化上
很久都没有更新文章了，离日更的梦想越来越远，一来是工作比较忙，二来是近期身体素质较差，没有太多的精力放在钻研技术上，三来是公众号的建立和运营以及进入正式阶段，本着对技术的痴迷和不离不弃的初心，挤出来的时间，还是会总结近期自己所学的知识点，巩固落实才不至于很快的忘记。 今天发现了一个比较厉害的在线网站，简直可以称为程序员的工具箱。工具在手，事半功倍，工作无忧。 tool在线工具,开发人员工具,代码格式化、压缩、加密、解密,下载链接转换,sql工具,正则测试工具,favicon在线制作,ruby工具,中文简繁体
在如今的互联网，想要简简单单地通过一个HTTP请求就采集到数据已经是越来越难了。越来越多的网站对网页的数据加强了限制。
js我用的是UglifyJS github地址：https://github.com/mishoo/UglifyJS
chrome的插件，集json串格式化、代码美化、代码压缩、二维码生成、页面取色等于一身，强烈推荐大家安装使用。
$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象
今天发现知乎的剪贴板运用的非常好，粘贴图片的话会上传，这个在很多地方已经有了，如果是粘贴的是一个链接，知乎还会将链接自动的替换为链接的标题，下面是知乎的一段js：
上篇文章《19年你应该尝试的50款前端工具（上）》，小编介绍了构建、框架和库的相关工具，本篇文章小编再给大家推荐HTML、CSS、Javascript等相关的十几款工具，希望大家喜欢。
作者：汪娇娇 时间：2018年1月15日 下一篇：自己写代码对比工具 时间过得好快，一下子就2018年了，想起好久没写博客，不觉有些浪费了时光，今天便来补一篇。 JSON是个伟大的东西，各处都用得到，既方便也纠结。用的溜的人那就没啥说的了，但也有用的不溜的或者想偷懒的人，那JSON也算是一个小小的槛吧。怎么说呢，就比如说有的人到现在连JSON的正确格式都写不对，也有人写对了但并没有自信自己是否写对，那这时候就需要一个校验工具来检验JSON格式的正确性。既然有了校验，那格式化工具怎么能少，再随着需求的增加，我
时间过得好快，一下子就2018年了，想起好久没写博客，不觉有些浪费了时光，今天便来补一篇。
主要是为了帮助大家搜集一下前端开发中要用到的一些东西，打造一个前端开发工具字典，方便大家查阅。
Chrome 是 Google 出品的一款非常优秀的浏览器，其内置了开发者工具（Windows 系统中按下 F12 即可开启），可以让我们方便地对 JavaScript 代码进行调试。
平常小程序写的多一些，简单总结一下原理。但因为小程序也没开源，只能参考相关文档以及开发者工具慢慢理解了。
本文介绍了Day.js的使用方法，Day.js 是一个轻量级的JavaScript库，用于解析、验证、操作和格式化日期和时间。Day.js 的使用方法类似于Moment.js，但 Day.js 的大小只有 2KB，比 Moment.js 更小。
随着 Javascript 等前端技术的发展，越来越多网站使用 AJAX 技术来实现用户交互，所以对 Javascript 代码进行压缩节省带宽，加速网站载入，提供用户体验已经成为了网站维护的日常工作之一，而 JS Beauty 就是这方面的最好的工具之一。
写到最后总结得差不多了，后续如果我想起还有哪些类库工具遗漏的，会继续在这篇文章上补全，同时也希望各位倔友对文章里的要点进行补充或者提出自己的见解。欢迎在下方进行评论或补充喔，喜欢的点个赞或收个藏，保证你在开发时用得上。
在前面的文章中，我为大家带来了许多Vue 实战技巧，也得到了大家的许多好评，但中间还是存在着些许漏洞，在此向大家表示歉意。其实在前面那些技巧之外，我们还可以做的更多，让我们的开发流程更流畅，开发体验更好，项目性能更上一层楼，怎么做呢，我们一起来看看。
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。
开发环境：开发环境是程序猿们专门用于开发的服务器，配置可以比较随意， 为了开发调试方便，一般打开全部错误报告。简单讲就是项目尚且处于编码阶段，一般这时候会把代码放在开发环境中，不会放在生产环境中。
不废话，直接正文 查询、编码、转义类： MD5：http://tool.chinaz.com/Tools/MD5.aspx TimeStamp： http://tool.chinaz.com/Tools/unixtime.aspx 加解密(AES、DES、RC4、Rabbit、TripleDes)： http://tool.chinaz.com/Tools/TextEncrypt.aspx Unicode编码： http://tool.chinaz.com/Tools/Unicode.aspx URL编码、
tl-rtc-file 是一个基于 WebRTC 的文件传输工具，支持跨终端、不限平台的在线文件传输。它提供了丰富的功能和特性：
接下来，介绍他的使用方式，前提条件，下载clipboard.min.js插件，下载地址：在这里
自用笔记：本文属于自用笔记，不做详解，仅供参考。在此记录自己已理解并开始遵循的前端代码规范。What How Why
现在市场上有很多好用的JavaScript混淆加密工具，其中一些比较流行且受欢迎的工具包括：
Sublime Text 是一款代码编辑器，其具有漂亮的界面和强大的功能，如：代码缩略图，Java、JavaScript、Python语言插件，代码段补充等并且Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。
在数字时代，第三方库是开发者的杠杆，而Node.js则是理想的支点。它们将我们从编写枯燥的代码中解放出来，让我们能够专注于创造独特的功能。
今天发现了一款特别厉害的程序员在线工具网站，堪称程序员的百宝箱。可支持在线运行php、c、c++、go、python、java等主流语言，页面简单明了，通俗易懂。
习惯了 sublime text 2 在 ubuntu 下面也装了一个，下面是记录了我的一些配置
作为一名程序员，每天工作中都需要用到各种各样的工具，比如 JSON 格式化、正则表达式测试、二维码生成等等。这些工具虽然都很小，但是却非常实用。了不起觉得，如果能够把这些工具整合在一起，那就方便多了。
在网站制作和开发的过程中，其实有很多的辅助咱们开发的工具，使用这些工具会让咱们的开发更为方便，提高工作效率，从事开发第六个年头了，接下来为大家分享一些常用工具，专家建议：收藏一波！
pre的生成方式藏在html页面里。。将近2000行的混淆js。得！！！又是混淆。。。。掉头发接着。。。。。
Rust Is The Future of JavaScript Infrastructure 这篇文章讲述了 Rust 正在 JS 基建圈流行的事实：Webpack、Babel、Terser、Prettier、ESLint 这些前些年才流行起来的工具都已有了 Rust 替代方案，且性能有着 10～100 倍的提升。
这两段都是 JS 代码，但是以前的一看就很清晰明了，而现在的有一大堆的垃圾注释在里面。不用说，肯定是做了 JS 混淆。
我们从事 Web 开发工作中，异常监控系统已经是我们朝夕相处的好助手，但是这些异常处理工具通常都是建立在 Web 生态，或者是假定运行在浏览器环境下的，但是当我们需要给一套跨端系统搭建一套类似的异常监控系统，并且期望该系统兼容 Web 生态，现有的工具很可能就不满足我们的需求了，因此我们需要考虑一套完整的异常监控系统整个链路将会涉及到哪些工具链，以及如何修改这些工具链来适配我们的跨端系统。
1.下载Sublime Text安装包，双击安装程序进行安装； 2.安装Package Control，Ctrl+~打开控制台，选择相应版本的代码粘贴（如图所示），按回车等待。（可利用搜索引擎检索Package Control） 3.安装插件，Ctrl+Shift+p打开命令面板，输入InstallPackage选择，回车等待（如图所示）。 4.在对话框输入插件名称，按上下键选择，按回车安装插件。以安装汉化插件为例，输入chineselocalizations（如图所示），插件名称高亮显示按
uBlock Origin (uBO) 是一个 CPU 和内存高效的广谱内容拦截器，适用于 Chromium 和 Firefox。它默认使用 EasyList、EasyPrivacy、Peter Lowe's Blocklist、Online Malicious URL Blocklist 以及 uBO filter lists 等来阻止广告、追踪器、虚拟货币挖矿程序、弹窗广告等。该项目具有以下核心优势：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
