本文介绍了Day.js的使用方法，Day.js 是一个轻量级的JavaScript库，用于解析、验证、操作和格式化日期和时间。Day.js 的使用方法类似于Moment.js，但 Day.js 的大小只有 2KB，比 Moment.js 更小。
本文使用的 Webpack-Quickly-Starter 快速搭建 Webpack4 本地学习环境。
本文将带你一起开发第一个 Webpack 插件，从 Webpack 配置工程师，迈向 Webpack 开发工程师！ 做自己的轮子，让别人用去吧。
2017-10-30更新 Blueimp jquery相册插件 http://blueimp.github.io/Gallery/ bootstrap-markdown bootstrap的markdown插件 http://www.codingdrama.com/bootstrap-markdown/ bootstrap-tagsinput bootstrap的标签添加与删除插件 http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/exa
Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结
2016-06-0109:12:42 发表评论 231℃热度 由于网站已经迁移完成，所以昨天在优化服务器和WP，加快读者们的访问速度，毕竟有强迫症的我不能忍受网站点击下还在加载读条中，那是极其糟糕的，
友情提示：推荐阅读时间10分钟 + 练习时间10分钟 上一期给大家分享了Gulp插件的安装与使用，只要掌握了Gulp插件安装的流程与配置，对于其他Gulp插件的使用基本上就没有太大的问题。毕竟Gulp的插件太丰富了，大家也没有太多的精力把所有的插件都去研究一遍。当一个网站进行改版升级的时候，会遇到静态资源版本更新的问题，那么对于前端开发工程师来说，该如何解决这个问题？所以今天要和大家一起探讨如何解决静态资源版本更新的问题和package.json的作用。 相关阅读：前端工程化 | 定制专属提速“外挂”（上）
学习时，为了搜集最全的中文资料，有时候不得不使用Baidu搜索引擎。在你还是个小菜鸡的时候你可能会花费大量时间在百度上！
WP Fastest Cache 是一个多功能缓存插件，通过创建HTML文件来帮助减少您网站的页面加载时间，由于 WordPress 网站是通过 PHP 和 MySQL数据库呈现的，因此每次从服务器请求页面时都需要使用 RAM 和 CPU，会减慢加载时间，并在用户的计算机或设备以及数据库上投入更多精力。但是，使用缓存系统，页面会呈现一次，然后存储为静态 HTML 文件，从而减少每个新访问者的加载时间。
Day.js比较轻量，所以在我刚接触需要处理时间的需求中，我首先选择了Day.js，但是我还是用着不是很舒服，可能语法问题，也可以体验感问题，反正就是不太喜欢。
Rollup是一个JavaScript模块打包器，它可以将多个模块打包成一个单独的文件，以便在浏览器中使用。与其他打包工具相比，Rollup的主要优势在于它可以生成更小、更快的代码。在本文中，我们将深入了解Rollup的插件输出生成钩子。
今天带来webpack入门系列第二篇，如果对webpack还不熟悉的可以先看入门第一篇一小时入门webpack。本文重点是插件用法及热更新打包，会涉及三个知识点，都是比较基础重要的内容。包括：插件用法(HtmlWebpackPlugin)、文件监听、热更新打包。教程相关代码已经上传到github（文末有地址），有需要可以下载。最好按步骤自己来，代码仅供参考。
目录 js库网站 格式化的多个方法 通过计算属性实现 过滤器实现（局部过滤器） 多个过滤器的使用 全局过滤器 js库网站 这个网站里面有很多的第三方的插件， 📷 其中对于时间操作的插件是 📷 📷 以上的两个插件都可以对时间进行操作 📷 这个插件咋用， 📷 格式化的多个方法 通过计算属性实现 📷 📷 📷 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Co
这个插件的样式个人觉得还是很不错，而且可以功能也是比较全的，多语言的支持也很全面，中文化很方便。
例如 babel-loader 可以将 ES6 代码转换为 ES5 代码；sass-loader 将 sass 代码转换为 css 代码。
移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。
对于图片灯箱插件我之前一直无感，直到慢慢越来越多的人联系我说它的重要性，所以主题慢慢的都开启了 Fancybox 图片灯箱插件，效果和功能都很强大，但是最近发现了“ViewImage.js”，这是基于jQuery开发的插件，使用Gzip压缩后不足 1kb，还支持响应式的一款极简灯箱插件，打算把主题都集成这个插件，真的超级精简，使用了几次效果挺好，在此基础上又简单优化了几处css，想着每个人要求不同就顺手做了这款极简插件（插件地址下文章底部）
前段时间在利用工作之余开发了tomato timer这个蕃茄钟，然后部署到github.io上，由于greatway太厉害，偶尔会有打不开的情况。上周末对比做了扩展和改进，使其成为chrom
micron.js是一款可生成炫酷 CSS3 动画的js动画库插件。通过 micron.js 插件，你可以为页面的任意DOM元素添加12种炫酷 CSS3 动画效果。并能通过js代码或html5 data属性来串联各种CSS3动画效果。
这篇文章整理了18个Webpack插件，分享给Web开发的小伙伴。Plugin是一个扩展器，它丰富了webpack本身，针对的是loader结束后，webpack打包的整个过程，它并不直接操作文件，而是基于事件机制工作，会监听webpack打包过程中的某些分段，执行广泛的任务。
对于图片灯箱插件我之前一直无感，直到慢慢越来越多的人联系我说它的重要性，所以主题慢慢的都开启了 Fancybox 图片灯箱插件，效果和功能都很强大，但是最近发现了“ViewImage.js”，这是基于jQuery开发的插件，使用Gzip压缩后不足 1kb，还支持响应式的一款极简灯箱插件，打算把主题都集成这个插件，真的超级精简，使用了几次效果挺好，在此基础上又简单优化了几处css，想着每个人要求不同就顺手做了这款极简插件（插件地址下文章底部）。
在软件开发中使用自动化构建工具的好处是显而易见的。通过工具自动化运行大量单调乏味、重复性的任务，比如图像压缩、文件合并、代码压缩、单元测试等等，可以为开发者节约大量的时间，使我们能够专注于真正重要的、有意义的工作，比如设计业务逻辑，编写代码等等。 对很多前端开发人员而言，Grunt 无疑是这方面的首选。基本上，如果你会用 JavaScript ，那么在一个名为 Gruntfile.js （或者 Gruntfile）的文件中用 Javascript 语言定义自动化任务是非常简单的过程，同时大量的 第三方插件
https://segmentfault.com/a/1190000019151460
我们已经能打包能启动了，现在我们要继续开发。开发的时候我们要一直刷新才能出现，这很浪费时间，而webpack自带了热更新。
这次问题是从Btools更换获取数据方式开始的，因为B站收藏夹在前台页面返回的数据中删除了失效视频的封面和标题，导致原来的程序无法获取视频信息。
chrome浏览器深受广大用户的喜爱，其扩展性对于开发者来说更加是经常会接触到的，平时用到很多的插件，一方面帮助自己提高了工作的效率，本小节来学习一下chrome插件开发入门篇
在大家的日常开发中，特别是开发大型项目，大家有没有每次打包想要骂娘的冲动！反正我是很痛苦，每次打包20分钟起，这漫长的等待时间，让人非常焦虑，遇见一些特殊问题（比如测试微信分享），必须要打包部署，看效果，你会发现，一天时间全部浪费在打包上，真所谓改代码两分钟，打包代码两小时，于是闲暇之余，研究了一下webpck打包机制，并且通过几个小插件和一些技巧成功的减少公司项目的打包时间，虽然打包时间没有断崖式的减少，但是能少一分钟，是一分钟吧，下面我们一起来研究一下webpack的性能优化，以及体积优化！
模块热更新插件。Hot-Module-Replacement 的热更新是依赖于 webpack-dev-server，后者是在打包文件改变时更新打包文件或者 reload 刷新整个页面，HRM 是只更新修改的部分。
版权插件 都知道一般开源项目都是有自己的版权协议的比如vue 打包出来的文件都是携带自己的版权声明的,归属于谁在什么时间,谁写的,协议是什么 我们也可以写一个自己的版权声明[捂脸] 这个插件是内置的不
地址:https://github.com/lindelof/power-mode-input
这节课学习的是移动端的返回顶部,当我们页面滚动到内容以后,就出现返回顶部的标志,只要我们点击就能返回到页面的顶部.
本文介绍 webpack 构建 web 应用的时候生成 sourcemap 的相关基础知识。 sourcemap 不仅适用于 chrome 浏览器，也适用于其它很多现代浏览器，本文主要针对 chrome
大家好，我是喵喵侠，是一名前端开发。在日常开发的过程中，我经常会遇到各种问题，以往最常见的解决方式是借助搜索引擎，来寻找问题的解决办法。这种方式虽然大部分情况下能解决问题，但搜索和筛选还是需要花费不少精力的，搜索关键词不对，还得反复尝试。现在有腾讯混元大模型就方便多了，你能够通过自然语言描述，向大模型表达你的问题和需求，随后等待片刻，就能得到你想要的答案，这样就节省了大量搜索的时间，十分方便。我会在本篇文章中，先为大家介绍腾讯混元大模型的能力，然后按照我的平日的使用习惯，分享我之前的提问案例，最后会带来一个完整的开发实战小项目，相信看完本文的你一定会有所收获。
这是我们部门前端同学cobish的学习笔记，笔者编辑了一下并分享给大家。 在使用 Grunt 之前，项目静态文件几乎没进行压缩合并便直接放到线上，部分文件手动复制粘贴到某压缩网站进行压缩。没压缩合并的
<meta name="viewport" content="user-scalable=no">
JS 资源列表，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、时间轴、编辑器等等。 包管理器 管理着 JavaScript 库，并提供读取和打包它们的工具。 npm：npm 是 JavaScript 的包管理器。官网 Bower：一个 web 应用的包管理器。官网 component：能构建更好 web 应用的客户端包管理器。官网 spm：全新的静态包管理器。官网 jam：一个专注于浏览器端和兼容 RequireJS 的包管理器。官网 jspm：流畅的浏览器包管理
js混淆工具是一种能够将js代码转换成难以阅读和理解的代码的工具，通常用于保护js代码的安全性和版权，防止被恶意修改或盗用。js混淆工具可以通过以下方式实现代码的混淆：
作为一名合格的前端开发人员，如果您想节省一些时间并提高工作效率，下面这些插件库你一定能用的上！
如果每次新建一个项目得时候，我们都得手动去处理以上这些问题，那么将是一个重复性操作，而且还要确保团队一致，那么还得考虑约束能力
网站建设系列是收集网站使用到的各种demo。包括 JavaScript 插件，JavaScript组件，常用 css 等多方面。
相信平时大家都会去刷B站，遇到有趣的但是暂时还没有时间看的就会放到稍后再看里面，久而久之稍后再看变的越来越多。今天就和我一起做一个插件，来实现这样的一个功能
星期2是公众号更新的一个时间点，Shawn这几天情事太多，眼看就快要过12点了，公众号教程看来今天黄呀！但是不发晚上睡不着呀，看来我是中了得到罗胖的毒“死磕自己”，一定要把公众号给发了。还好之前留着大神Colin的一些文章，还没在公众号上推送过，我立马读了一下，任然有不少收获，现将这篇文章分享给大家，在此感谢Colin！
简介 jQuery UI Datepicker日期选择插件很好用了，只不过只能精确到日，不能选择时间（小时分钟秒）很遗憾，而jquery-ui-timepicker-addon.js正是基于jQuery UI Datepicker的一款可选时间的插件。 官网地址：http://trentrichardson.com/examples/timepicker/ 官网demo下载：https://github.com/trentrichardson/jQuery-Timepicker-Addon 插件效果图：
如果使用的是butterfly主题，hexo-neat会与主题的各类配置本身起冲突，如果有压缩静态页面资源的需要，可以参考Hexo博客静态资源加速的相关内容。
WEB性能測试工具主要分为三种。一种是測试页面资源载入速度的，一种是測试页面载入完成后页面呈现、JS操作速度的，另一种是整体上对页面进行评价分析，以下分别对这些工具进行介绍，假设谁有更好的工具也请一起分享下。
之前我的博文写了一系列的vue教程。但是关闭了其中的代码校验，这一直让我很不爽。因为我希望自己写的代码是完美的。因此，后来我安装上了校验插件，并且使自己的代码通过了格式校验。
数栈是云原生—站式数据中台PaaS，我们在github和gitee上有一个有趣的开源项目：FlinkX，记得给我们点个star！star！star！
第一次正儿八经的参与Cordova的项目，想写下些文字，以便日后需要的时候能够帮助自己快速回忆起来，同时也希望能够帮到需要的朋友。
JS开发的WEB应用和PHP，JAVA,NET等区别在于即没有源代码，也可以通过浏览器的查看源代码获取真实的点。获取URL，获取JS敏感信息，获取代码传参等，所以相当于JS开发的WEB应用属于白盒测试（默认有源码参考），一般会在JS中寻找更多的URL地址，在JS代码逻辑（加密算法，APIkey配置，验证逻辑等）进行后期安全测试。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
