原来我对好多 Web API 一无所知，打开了我新世界的大门，未来 Web 可以做到更多，早日一统江湖吧，吼吼吼。 虽然这些 API 很多目前还存在兼容性的问题，但是还是有必要了解一下的，文中的代码，我已经都测试过了。希望你看完之后能够有所收获。 你可能已经知道并使用更为流行的…

本文阿宝哥将给大家介绍十个 「“惊人"」 的文字动画效果，希望阿宝哥精心录制的十个 Gif 动画能让大家感到 「”惊艳“」，当然更希望这些特效能给大家实现文字动画效果时带来一些 「”灵感“」。 在日常工作中，如果小伙伴们也想实现文字动画特效，阿宝哥推荐一个用于实现 CSS3 文…

先来一下演示效果。和vue的官方文档几乎是一致的，页面内容都可自定义。 此教程部署后的效果预览。 快速搭建一个文档/博客，后期只需要修改markdown内容和导航参数，即可一键打包生成页面。 页面具有非常好的加载性能和搜索引擎优化（SEO），其他的页面则会只在用户浏览到的时候才…

前段时间，在公司做了个 Webpack 的分享。听众40多人，感觉还不错。所以总结一下，先看一下ppt的目录： 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建…

用 vue-cli , create-react-app 来搭建前端工程 ... 1. 压缩文件 2. 网络请求 3. 有道翻译 这个 功能 借鉴了 https://github.com/kenshinji/yddict的实现。 4. 打开浏览器 5. 生成二维码 6. 正则表…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

在本文中，我为前端Web开发人员汇总了30种顶级工具，从代码编辑器和代码游乐场到CSS生成器，JS库等等。 你是否曾经尝试记住如何声明渐变，文本阴影，Flexbox或Grid的CSS属性，仅举几例？不容易。除非你一再使用某些CSS功能及其属性，否则很难记住所有这些功能。但是，即…

经常会有小伙伴让推荐好的代码库，最近看到了这篇文章，都是非常棒的代码库，供得大家学习参考。 手头有大量的资源📚总是一件很棒的事。 作为一个码农，我们需要专注于功能和最佳实践，而不是一遍遍地编写样板代码。消除无用功，投入时间学习使用正确的工具或者懂得使用有用的资源可以极大的帮助…

在本文中，介绍3个鲜为人知，但功能非常强大且体积很小的 JavaScript 库，这些可以帮助提高开发效率，减轻开发难度，让你加班少少的，请收纳。 Basket.js是一个极小的 JS 库，压缩后的大小仅为0.7 kB。 Basket.js不仅用于加载外部 JavaScript…