随笔分类 - JavaScript
前端技术
摘要：在去年，我给大家分享了《基于 CSS3 的精美模态窗口效果》，而今天我要与大家分享一些新鲜的想法。风格和趋势变化，要求更加适合现代UI的不同的效果。这组新模态窗口效果包含了一些微妙的动画，还有一些应用了SVG变形技术。
阅读全文
摘要：ECMAScript 6 是下一代的 ECMAScript 标准。ECMAScript 6的目标，是使得JavaScript可以用来编写复杂的应用程序、函数库和代码的自动生成器。 ES6 是这门语言的重大更新，也是自2009年ES5标准化之后的第一个更新。6to5可以将 ES6+ 的代码转换为 ES5，让你现在就能使用下一代的功能。
阅读全文
摘要：Face++ 是一个小巧，功能强大，跨平台的服务，由Megvii公司建立，致力于建立一个新的视觉平台。它使用计算机视觉尖端科技和数据挖掘，提供3个核心视觉服务（探测，识别和分析）。基于 Face++ 庞大的数据库，开发人员可以将脸部识别技术应用到自己的网站，移动应用和智能电视，增加了令人难以置信的用户体验。
阅读全文
摘要：ECharts 基于 Canvas 的纯 Javascript 图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。
阅读全文
摘要：Snabbt.js 是一个简约的 JavaScript 动画库。它会平移，旋转，缩放，倾斜和调整你的元素。通过矩阵乘法运算，变换等可以任何你想要的方式进行组合。最终的结果通过 CSS3 变换矩阵设置。
阅读全文
摘要：PhotoSwipe 是一个专门针对移动设备的图像画廊，它的灵感来自 iOS 的图片浏览器和谷歌移动端图像。 PhotoSwipe 提供您的访客熟悉和直观的界面，使他们能够与您的移动网站上的图像进行交互。
阅读全文
摘要：产品的用户体验是否被用户所接受,很大一部分取决于交互界面的设计,交互界面设计是整个产品设计中的核心,对于产品品质有着决定性的影响。Web 界面上交互的方式很多，只要你去探索，你会发现很多让你眼前一亮的想法。这里集合了12个来自 Codrops 的创新的界面交互和动画效果，值得我们去研究和使用。
阅读全文
摘要：Wami 地图项目把 OSM 数据分享给所有的人，很容易使用。他们利用 MongoDB 的潜力进行大数据管理来实现从 OSM 数据来源搜索相关的数据。它们的 API 使人们有可能检索不同格式的 POI，包括GeoJSON。OSM（OpenStreetMap）地图由用户根据手提GPS装置、航空摄影照片、其他自由内容甚至单靠地方智慧绘制。
阅读全文
摘要：L20n是 Mozilla 开发的用于 Web 开发的本地化框架。它允许本地化开发者把逻辑细分为本地化的资源。 L20n 的框架不再需要开发人员深入理解自然语言的具体细节，并提供了机会为本地化创造更好的翻译。L20n 重塑软件本地化，用户应该能够从自然语言的整个表现力中受益。
阅读全文
摘要：JuliusJS 是用于在网页中的语音识别库。这是 Julius（由日本京都大学和日本IPA联合开发的一个实用高效双通道的大词汇连续语音识别引擎）的 JavaScript 实现。它实时侦听用户的语音并通过回调转录说的话。
阅读全文
摘要：在CSS中，我们使用 ::first-line 选择器来给元素第一行内容应用样式。但目前还没有像 ::nth-line、::nth-last-line 甚至 ::last-line 这样的选择器。实际上这期选择器在某些情况下是非常有用的，Lining.js 提供了这样的功能。
阅读全文
摘要：Charted 是一个让数据自动生成可视化图表的工具。只需要提供一个数据文件的链接，它就能返回一个美丽的，可共享的图表。Charted 不会存储任何数据。它只是获取和让链接提供的数据可视化。
阅读全文
摘要：众多周知，图形和图表要比文本更具表现力和说服力。图表是数据图形化的表示，通过形象的图表来展示数据，比如条形图，折线图，饼图等等。在这篇文章中，我们收集了15款值得网站开发者收藏的 JavaScript 图形图表库，可以帮助你实现各种功能的图表。
阅读全文
摘要：MetricsGraphics.js 是建立在D3的基础上，被用于可视化和布局的时间序列数据进行了优化。它提供以产生一个原则性的，一致的和响应式的方式的图形常见类型的简单方法。该库目前支持折线图，散点图和直方图，以及地毯地块和基本线性回归功能。
阅读全文
摘要：Web 界面上交互的方式很多，只要你去探索，你会发现很多让你眼前一亮的想法。Codrops 最近发布了一组悬停效果，总共分为两组，多达30种不同的风格。为了让效果尽可能的平滑，最好不要在元素上使用变换以免影响布局。在第二组中采用了 SVG 动画，这也是目前比较流行的方式。
阅读全文
摘要：《水果忍者》是一款非常受喜欢的手机游戏，刚看到新闻说《水果忍者》四周年新版要上线了。网页版的切水果游戏由百度 JS 小组开发，采用 vml + svg 绘图，使用了 Raphael，效果很赞，赶紧来膜拜一下。
阅读全文
摘要：《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来，历经三年半，总共发布了30期。今天这篇是2014年第10期（总第31期），希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用。
阅读全文
摘要：Codrops 分享了一些界面拖放的交互设计想法。基本的思路是在拖动一个项目的时候，为特定的操作呈现出可投掷的区域。这节省了大量的界面空间 ，并给出了一个有趣的动态的互动。有很多应用场景，例如分类和组织内容（像 Pinterest 的面板），或在邮件应用程序或内容管理系统中执行一些操作。
阅读全文
摘要：Vue.js 是用于构建交互式的 Web 界面的库。它提供了MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲， Vue.js 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。
阅读全文
摘要：
在这个列表中挑选了9个物理和重力实验，用来展示 Javascript 的强大。几年前，所有这些实验都必须使用 Java 或 Flash 才能做。在下面这些惊人的例子中，就个人而言，我比较喜欢仿真布料的那个，我简直不敢相信它是使用 JavaScript 做出来的。
阅读全文
在这个列表中挑选了9个物理和重力实验，用来展示 Javascript 的强大。几年前，所有这些实验都必须使用 Java 或 Flash 才能做。在下面这些惊人的例子中，就个人而言，我比较喜欢仿真布料的那个，我简直不敢相信它是使用 JavaScript 做出来的。
阅读全文