1、需求：封装 utils 包，校验手机号长度和验证码长度，在 src/index.js 中使用并打包观察
YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具，采用Java开发。
请注意，本文编写于 1122 天前，最后修改于 171 天前，其中某些信息可能已经过时。
相信互联网已经越来越成为人们生活中不可或缺的一部分。Ajax，flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实 现的功能。 比如Google机会已经把最基本的office应
网站的加载速度不仅影响着用户体验，也会影响搜索引擎的排名，在百度推出“闪电算法”以来，将网站首屏打开速度被列入优化排名行列，并明确指定打开时间为 2 秒。作为前端开发的我们需要如果来优化网站的打开速度呢？下面就整理挖掘出很多细节上可以提升性能的东西分享给大家
之前一直用的 wp-super-cache，效果确实非常不错！网络不出问题的话，页面基本秒开。可惜，这款插件有时候会缓存我的手机主题，导致在电脑上浏览时，呈现的也是手机样式，有点不爽！本想尝试 JS 来切换主题的，可惜博主太笨，没搞定！只好忍痛割爱，放弃了 wp-super-cache。 最终，在将常见的缓存插件都测试了一遍之后，找到了本文的主角——>静态缓存插件三件套： Hyper Cache + DB Cache Reloaded Fix+ Autoptimize 经博主测试之后，三款插件同时启用后效果
自从多年前刚入行的时候，中文自定义字体在网页上差不多只有一种存在，那就是“图片”。因为中文字体的体积实在太大了，还存在各种问题，这多多少少限制了中文网页在设计上的发展，但是人们也没有停下寻找解决方案的脚步。比如前nodejs时代的各种GUI工具，nodejs时代的fontmin、font-spider（字蛛）... 目前来说，最方便的要数font-spider（字蛛）了，发布的时候也震惊中外。它可以自动提取网页里面使用的自定义字体的文字，并且输出多终端兼容。在大多数不需要兼容IE7（大部分IE8还是网吧客户
大家好，又见面了，我是全栈君。相信互联网已经越来越成为人们生活中不可或缺的一部分。Ajax，flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实 现的功 能。比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的，在性能方面，根据Yahoo的调查，后台只占5%，而前端高达95%之多，其中有88%的东西是可以优化的。
想一想如果没有这个工具，我们需要手动新建一个压缩代码后的文件夹，每次修改原始文件，都要手动压缩一下，再保存到压缩后的文件夹，想想都要疯掉。所以，grunt前端必不可少。
最近和部门老大，一起在研究团队【EFT - 前端新手村】的建设，目的在于：帮助新人快速了解和融入公司团队，帮助零基础新人学习和入门前端开发并且达到公司业务开发水平。
1：GMU:http://cloudajs.org/ui/brand/gmu GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件! http://gmu.b
这篇文章整理了18个Webpack插件，分享给Web开发的小伙伴。Plugin是一个扩展器，它丰富了webpack本身，针对的是loader结束后，webpack打包的整个过程，它并不直接操作文件，而是基于事件机制工作，会监听webpack打包过程中的某些分段，执行广泛的任务。
主要是为了帮助大家搜集一下前端开发中要用到的一些东西，打造一个前端开发工具字典，方便大家查阅。
Bootstrap ，基于 HTML 、 CSS 、 JAVASCRIPT 的 前端框架 。
模块热更新插件。Hot-Module-Replacement 的热更新是依赖于 webpack-dev-server，后者是在打包文件改变时更新打包文件或者 reload 刷新整个页面，HRM 是只更新修改的部分。
在前端开发中通常需要做，预处理语言的编译、js文件的压缩、css文件的压缩、图片的压缩等一系列工作，而使用Gulp可以自动化的完成这些工作，从而提高网站的开发效率，在我的博客使用Less中介绍了将Less文件编译成CSS文件的方法，仔细观察可以看到如果按照博客中介绍的方法，在编译多个Less文件或者编译不同文件夹下的Less文件时需要执行多次Less文件编译命令，而使用Gulp可以一次性完成这些操作
jQuery是一套JavaScript的库，它简化了使用Javascript进行网页特效开发的一些复杂性，提供了对常见任务的自动化和复杂任务的简化。
HTTP压缩是指web服务器和浏览器之间压缩传输请求响应结果的方法，通过采用通用的压缩算法，将数据包压缩后进行传输，从而提升页面加载速度，给用户一个更好的体验。
动态一 : Serverless Framework 部署性能优化 6 月 1 日正式上线 产品介绍： 开发者在使用框架组件部署项目时，由于项目过重，node_modules 文件夹过大，导致打包压缩代码超时，甚至内存溢出。为此，Serverless 团队近期对部署做了一个性能优化，原来部署一个 Next.js 的 Demo 项目大约需要 1 分钟，现在仅需十几秒。查看详情：《腾讯云 Serverless 部署应用耗时降低了 73%》 产品特性： 项目代码的压缩方式为从 adm-zip 更新为 archi
gulp是基于流的前端构件化工具。gulp是自动化项目的构建利器；不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成。同时使用非常简单，学习成本低。这个压缩工具也是前端必学的的工具。
直接安装这个插件即可，Chrome/Edge适用：Notion中文版
Vercel 官方有提供 @vercel/og 这个包，可以生成 OG Image（The Open Graph protocol），有直接可用的 API https://og-playground.vercel.app 调用方式为：https://og-image.vercel.app/eallion.png 但是有个很大的问题，不支持中文。再加上「得意黑」字体当时刚发布，很适合做标题，我就利用 @vercel/og 糊了一个 Next.js 的应用，部署到 Vercel，调用方式为：https://og.eallion.com/api/og?title=蜗牛 后来换成「思源宋体」了。不过如前文说所，我现在已经手动生成 OG Image 了，毕竟年更博客。
–Ext是一个Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力，提高用户体验。
很早就开始跟着老师学习jQuery课程，那时候是要求熟练使用jQuery中的easyUI插件中的控件，包括textbox、combobox、panel、checkbox、tree、datagrid等等 总之是关于基本表单控件、树和一些图表统计的应用，当然，还有一些后台数据库的连接使用。当时几乎都在学着怎么用，竟然没有去仔细深入思考关于jQuery，并且对在头部（head中）引入的一些诸如jquery-1.4.4.min.js 文件也没有太大感觉。果然，在自己需要用jQuery做前端的时候一顿茫然。 这两天终
语言包下载：Language Packages | Trusted Rich Text Editor | TinyMCE
本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
IIFE包含两部分。 第一部分是一个匿名函数，它包裹在分组操作符()中，拥有独立的词法作用域。 第二部分是再一次使用分组操作符()，创建一个立即执行函数表达式。Javascript引擎到此将立即执行函数。 大体结构如下所示：
相信很多人不光是在编程的过程中，在平时的生活中，也经常会收藏一些有用的网站，方便使用的时候，靠这些网站来解决一些麻烦的事情。 比如：
现在如果你是第一次访问Jeff的阳台的首页，你会发现会出现如下图的一个“导游”界面。这个就是使用Intro.js 这个javascript 插件制作的。在当初接触的时候，我发现网络上根本没有个中文使用
自从Vue成为前端的主流框架之后，各家UI框架也越来越多，今天重点聊一聊移动端的那些框架吧，Vue移动端框架到底哪家强？以下排名不分先后，开发过程中根据自己的具体业务需求来做选择。
混淆 obfuscate/garble：替换变量名或方法名，让js不容易看懂。也做到了压缩的效果。
今天聊下微信小程序的抓取，其实小程序的抓取不难，主要解决抓包和如何调试小程序这两个问题。如果你运用chrome调试已经比较熟练了的话，就手到擒来。
ios应用程序存储一些图片，资源，配置信息，甚至敏感数据如用户信息、证书、私钥等。这些数据怎么保护呢？可以使用iOS提供的Keychain来保护敏感数据，也可以使用加密技术，或者使用Ipa Guard 来弱化文件名称含义，增加破解难度。实现保护iOS app应用程序不被反编译、破解或篡改。
gulp能够帮助用户自动压缩静态资源，配合各类下属插件，能够压缩包括css、js、html乃至各类格式的图片文件。（图片文件的压缩往往只能节省几十KB，效果远远不如imagine、tinypng等压缩方式，所以此处不再写使用gulp压缩图片的内容）。
在使用 Serverless Framework 部署 Next.js，Egg.js 项目时，由于安装的依赖包过大，部署时压缩上传时间很长，可能出现上传超时、控制台卡死等问题。 为此，Serverless 团队近期对部署做了一个性能优化，原来部署一个 Next.js 的 Demo 项目大约需要 55s 左右，而现在只需要 18s 的时间。 下面我们一起看一下，优化前后部署方案哪些不同。 1. 部署性能对比 本次提速主要做的是压缩上传性能的提升。优化后采用流式上传压缩，并直接在压缩包内注入组件代码，大大的提
我不太明白为什么很多英文主题的作者，不愿意给主题自带深色模式切换的功能，国内中文环境很多作者都已经加上这个功能了。
如果看过 rollup 系列的这篇文章 - 无用代码去哪了？项目减重之 rollup 的 Tree-shaking，那你一定对 tree-shaking 不陌生了。如果对 tree-shaking 相关知识不熟悉，请先点开上面这篇文章花 5 分钟了解一下：什么是 tree-shaking。
使用Webpack往往离不开loader的安装配置，手写一个loader其实非常简单，类似手写一个功能函数，下面我们来实现一个替换字符串的loader
iSlider是一个表现出众，无任何插件依赖的手机平台javascript滑动组件。它能够处理任何元素，例如图片或者DOM元素
上传下载在 web 应用中还是比较常见的，无论是图片还是其他文件等。在 Koa 中，有很多中间件可以帮助我们快速的实现功能。
jQuery是继Prototype之后又一个优秀的JavaScript库，是一个由John Resig创建与2006年1月的开源项目。现在的jQuery团队主要包括核心库、UI、插件和jQuery Mobile 等开发人员以及推广和网站设计、维护人员。
「由于链接无法跳转，请点击阅读原文查看详情喔，记得给bruce-cli一个Star」
这种方法，并不能反编译出所有的小程序源码，请自知！ 具体的局限请看：qwerty472123大神的md文件 https://github.com/qwerty472123/wxappUnpacker
大家好，Node.JS 4.0 发布了，这个流行的服务器端 JS 平台合并了 Node.js 和 io.js 的代码，4.0 版就是这两个项目结合的产物——现在合并为一个代码库。这次最主要的变化是 Node.js 封装了4.5 版本的 Google V8 JS 引擎，与当前的 Chrome 所带的一致。所以，紧跟 V8 的发布可以让 Node.js 运行的更快、更安全，同时更好的利用 ES6 的很多语言特性。
迷你版即0.3.0版。 0.2.0版没加新功能，只增加eadme内容和修正package.json上的一些错误。 0.3.0同样没加新功能，但是却是非常重要的。 这个版本国际化默认只支持英文和中文。初始化是英文。如果想支持全部118种语言，需要引入nowjs.locale.js或者压缩版nowjs.locale.min.js。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
