随笔分类 - JavaScript
前端技术
摘要：悬停效果一直是向网站添加交互元素的最简单方法之一，我们看到它们经常用于突出显示文本链接或按钮。悬停效果尤其强大的一个领域是当它们应用于图像时，无论是作为小型卡片布局的一部分还是大型相册的一部分，都可以产生很棒的效果。今天，我们将向您展示设计师将悬停效果集成到图像中的一些创意方法。他们将演示我们如何以创新的方式为我们自己的项目增添趣味。
阅读全文
摘要：在开始阅读之前，先解释一下文章里用到的英文缩写：CSR：Client Side Rendering，客户端（通常是浏览器）渲染、SSR：Server Side Rendering，服务端渲染、SSG：Static Site Generation，静态网站生成、ISR：Incremental Site Rendering，增量式的网站渲染、DPR：Distributed Persistent Rendering，分布式的持续渲染
阅读全文
摘要：目前社区有很多关于微前端架构的介绍，但大多停留在概念介绍的阶段。而本文会就某一个具体的类型场景，着重介绍微前端架构可以带来什么价值以及具体实践过程中需要关注的技术决策，并辅以具体代码，从而能真正意义上帮助你构建一个生产可用的微前端架构系统。
阅读全文
摘要：2019 年对于大前端技术领域而言变化不算太大，目前三大技术框架日趋成熟，短期内不大可能出现颠覆性的前端框架 (内心 OS：出了也学不动了)。本文结合个人和团队经历对 2019 上半年做个技术总结，将各类技术框架、语言、工具分作两个维度，按照大前端技术架构图进行分层，大体分为：状态管理、UI 组件、小程序、跨平台、框架层、编程语言、工程化、监控、测试和服务端。
阅读全文
摘要：5 月 25 日，以「无界」为主题的第二届微医前端技术沙龙成功举办。本届沙龙的演讲题目涵盖了前端技术几个主要的应用场景，包括服务端、桌面端以及跨平台的开发。最近几年前端技术发展非常快，各种可以提高开发效率的新技术和框架层出不穷，让原来的前端工程师蜕变成了新一代的全端工程师，技术之间的界限被打破，相互碰撞、融合和进化。
阅读全文
摘要：工具提示（Tooltip）在网站中的一个小功能，但却有很重要的作用，常用于显示一些温馨的提示信息。如果网站中的工具提示功能做得非常有创意的话能够加深用户对网站印象。Tippy.js 是一款帮助你快速创建 Tooltip 风格工具栏的 JS 库，提供了灵活多样的配置选项。
阅读全文
摘要：Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制无头 Chrome 或 Chromium。它允许你从浏览器之外的环境（即命令行）与Chromium进行交互，可以让用户界面测试自动化变得轻而易举。还可以用来生成网页快照和PDF文件。
阅读全文
摘要：JavaScript库是预先编写的 JavaScript 工具代码，让开发者可以更容易开发 JavaScript 应用。这个列表我们列出了2017年1月份功能丰富的JavaScript库，可以帮助您建立有效和有用的 Web 应用程序。
阅读全文
摘要：作者研究了近2.4万篇 JavaScript 文章得出这篇总结，全文包含学习指南、新人上手、Webpack、性能、基础概念、函数式编程、面试、教程案例、Async Await、并发、V8、机器学习、数据可视化、调试、单元测试等章节，非常适合用于对自己 JavaScript 技术栈的比对，用于查漏补缺，适合收藏阅读。
阅读全文
摘要：本文是2018年 Weex Conf 中议题《Weex + Ui》的内容文档整理，主要给大家介绍飞猪 Weex 技术体系从无到有的过程，包括 Weex Ui 组件库的开发和发展，重点分享在 Weex Ui 层建设的一些经验。
阅读全文
摘要：相信很多同学都知道 Electron 可以帮助开发人员使用前端技术开发桌面客户端应用，今天介绍的 electron-vue 框架是一套基于 Vue.js 开发 Electron 桌面应用的脚手架，该项目的目的，是为了要避免使用 vue 手动建立起 electron 应用程序。
阅读全文
摘要：自 Vue.js 官方推特第一次公开到现在，我们就一直在进行着将饿了么移动端网站升级为 Progressive Web App 的工作。直到近日在 Google I/O 2017 上登台亮相，才终于算告一段落。我们非常荣幸能够发布全世界第一个专门面向国内用户的 PWA，但更荣幸的是能与 Google、UC 以及腾讯合作，一起推动国内 web 与浏览器生态的发展。
阅读全文
摘要：baguetteBox.js 是一个简单和易于使用的响应式的图像 Lightbox 插件，支持滑动手势在移动设备上使用。纯 JavaScript 实现，不依赖第三方库和插件，赶紧来体验吧。
阅读全文
摘要：Baffle.js 是一个 JavaScript 库，设计用来模糊和揭开DOM元素的文本。 这些元素可以是一个 CSS 选择器的形式、一个节点列表或者一个单节点。 你也可以传递一个选择对象给插件。
阅读全文
摘要：今天这篇是2015年第3期（总第34期），希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具。
阅读全文
摘要：下面这个列表中的免费 JavaScript 插件都是今年发布的，没有臃肿的一体化的框架，它们提供轻量级的解决方案，帮助 Web 开发过程更容易和更快。提供的插件可以创建滑块、响应式菜单、模态窗口、相册和许多其他常见的组件。
阅读全文
摘要：今天这篇是2015年第3期（总第34期），希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具。
阅读全文
摘要：Scrollanim 是结合 CSS3 和 JavaScript 来创建令人惊叹的滚动动画的开源库。 Scrolanim 支持在页面上的所有可用的元素的位置。有很多的自定义参数可以配置使用，构建出精彩的效果，非常容易使用。
阅读全文
摘要：JavasScript社区在创新的道路上开足了马力，曾经流行过的也许一个月之后就过时了。2016已经结束了。你可能会想你是否错过一些重要的东西？不用担心，让我们来回顾2016年前端有哪些主流。通过比较过去12个月里Github所增加的star数，我们依次来看看哪些项目吸引了大多数眼光。
阅读全文
摘要：《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来，历经五年半，总共发布了30多期。今天这篇是2017年第1期（总第35期），希望你能在这里发现有用的资料。梦想天空专注前端开发技术，分享提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用......
阅读全文