随笔分类 - JavaScript
前端技术
摘要：通知是网站的常用功能之一，可以用来显示消息、通告、提示等等。Notyf 是一款超级简单、响应式的 JS 通知插件，不依赖 jQuery 库，可以独立使用。赶紧试用一下吧！
阅读全文
摘要：计算机领域的都多少掌握一点算法知识，其中排序算法是《数据结构与算法》中最基本的算法之一。排序算法可以分为内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。常见的内部排序算法有：插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排序、基数排序等。用一张图概括：
阅读全文
摘要：Lightgallery是一个轻量级的模块化、响应式的灯箱画廊，它允许您创建美丽的图像和视频画廊。借助缩略图插件的帮助，Lightgallery 允许您创建动画缩略图画廊。 它支持触摸屏设备上滑动导航以及桌面设备的鼠标拖动，还允许用户浏览缩略图和原图之间通过滑动手指或鼠标拖动。
阅读全文
摘要：Vue 2.0 支持服务端渲染 (SSR)，并且是流式的，可以做组件级的缓存，这使得极速渲染成为可能。同时， 和 2.0 也都能够配合 SSR 提供同构路由和客户端 state hydration。vue-hackernews-2.0 是 Vue 作者在GitHub上面放的 Vue 2.0 的一个示例项目，结合 Express、vue-router & vuex 来构建，是很好的学习案例。
阅读全文
摘要：前端框架简化了开发过程中，像 Bootstrap 和 Foundation 就是前端框架的佼佼者。在这篇文章了，我们编制了一组新鲜的，实用的，可以帮助您建立高质量的 Web 应用程序的 JavaScript 框架清单。
阅读全文
摘要：AOS 是一个用于在页面滚动的时候呈现元素动画的工具库，你可能会觉得它和 WOWJS 一样，的确他们效果是类似的。但是AOS是 CSS3 动画驱动的库，当你滚动页面的时候能让元素动起来，当页面滚回顶部的时候，元素能够回到前一个状态，如此达到循环动画的效果。
阅读全文
摘要：Cleave.js 有一个简单的目的：帮助你自动格式输入的文本内容。 这个想法是提供一个简单的方法来格式化您的输入数据以增加输入字段的可读性。通过使用这个库，您不需要编写任何正则表达式来控制输入文本的格式。然而，这并不意味着取代任何验证或掩码库，你仍应在后端验证数据。它支持信用卡号码、电话号码格式（支持各个国家）、日期格式、数字格式、自定义分隔符，前缀和块模式等，提供 CommonJS/AMD 模式以及ReactJS 组件端口。
阅读全文
摘要：在当今时代，SVG是最流行的和正在被众多的设计人员和开发人员使用，创建支持视网膜和响应式的网页设计。绘制SVG不是一个艰巨的任务，因为大量的 JavaScript 库可与 SVG 图像搭配使用。这些JS库帮助设计师和开发人员可以轻松地为他们的项目和Web应用程序创建创新和逼真的图形。
阅读全文
摘要：SVG 是一种分辨率无关的图形（矢量图形）。这意味着它在任何类型的屏幕都不会遭受任何质量损失。除此之外，你可以让 SVG 灵活现一些动画效果。这篇文章就给大家推荐8个实现 SVG 动画的 JavaScript 库。
阅读全文
摘要：之前给大家分了很多的在线工具和参考文档，这里又为大家搜集了前端开发必备的20个在线工具和指南。新的一周，你需要计划学习新的东西或者能够提升你的能力。相信你会在这个列表中发现对你很有用的资料。
阅读全文
摘要：这里和搜集了前端开发者必备的20个在线工具和指南。新的一周，你需要计划学习新的东西或者能够提升你的能力。在平常的搜索中，我碰到过很多实用的工具，应用程序和参考文档，我把它们整理在下面这个列表。相信你会在这个列表中发现对你很有用的资料。
阅读全文
摘要：TouchPoint.js 是一个用于 HTML 原型展示的 JavaScript 库（作为UX过程的一部分），通过视觉表现用户在屏幕上的点击。TouchPoint 是高度可定制，非常适合屏幕录制，用户测试和演示。
阅读全文
摘要：JavaScript 代码压缩是指去除源代码里的所有不必要的字符，而不改变其功能的过程。这些不必要的字符通常包括空格字符，换行字符，注释以及块分隔符等用来增加可读性的代码，但并不需要它来执行。在这篇文章中，我们选择了15个最好用的 JavaScript 压缩工具，有简单的在线转换器，GUI工具和命令行界面等。
阅读全文
摘要：OS.js 是一个开源的 Web OS 系统，可以在浏览器中运行，提供了窗口管理器，应用程序API，用户界面开发套件和抽象的文件系统等。可以部署在 Node 或者 PHP 环境中运行。OS.js is 是完全免费和开源的，你可以参与开发或者使用这套代码。
阅读全文
摘要：jQuery.my 这个插件用于实时双向数据绑定。它发生变异给出的数据源对象，反映了用户与用户界面之间的相互作用。jQuery.my 提供了全面的验证，条件格式，复杂的依赖关系，运行形式结构操作。
阅读全文
摘要：Codrops 分享了一个有趣的颜色提取实验。这个想法是创建图像的调色板，既有图像本身的潜移默化的影响，也有一些花哨的颜色延伸。通过使用 Vibrant.js 来提取图像中的颜色，并通过 CSS 过滤器将图像转换为黑色和白色版本，还有一个“幕布”滑动的效果。
阅读全文
摘要：Popmotion 是一个只有12KB的 JavaScript 运动引擎，可以用来实现动画，物理效果和输入跟踪。原生的DOM支持：CSS，SVG，SVG路径和DOM属性的支持，开箱即用。Popmotion 网站上有很多很赞的效果，赶紧去体验一下。
阅读全文
摘要：Codrops 发布了一个如何创建一个基于弹性效果的 SVG 加载进度条教程，基于 SVG 和 TweenMax 实现。按钮开始的时候是一个带有箭头的图标，一旦它被点击，动画成一个有趣的小金属丝和一个标签，该标签指示下载百分比。如果你想使用这部分代码在你的项目，到 Github 页面并按照说明进行操作即可。
阅读全文
摘要：Content Tools是一个用于构建所见即所得编辑器（WYSIWYG）的 JavaScript 库。ContentTools 所见即所得的编辑器只需要几个简单的步骤就可以加入到任何的 HTML 页面。有一步一步的指南，常见的使用场景以及更高级的主题。ContentTools 是免费开源的，在 GitHub 上托管，开发和维护。
阅读全文
摘要：前端开发人员和设计师一般使用 CSS 来创建HTML元素动画。然而，由于HTML在创建图案，形状，和其他方面的局限性，它们自然的转向了SVG，它提供了更多更有趣的能力。借助SVG，我们有更多的方式来创建新的动画。您可以同时使用内置的SVG动画功能和CSS3动画。
阅读全文