梦想天空

摘要： jQuery 作为最优秀 JavaScript 库之一，改变了很多人编写 JavaScript 的方式。它简化了HTML文档遍历，事件处理，动画和Ajax交互，而且有成千上万的成熟 jQuery 插件可供使用。看看下面这些惊人的功能和效果，我相信你会发现一些很有用的东西。 阅读全文

摘要： 在工作中，我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多，但是一时半会又想不起来在哪，所以养成只是整理的习惯是很有必要的。这篇文章收集了10个在网站开发中很有用的 CSS3 效果，记得收藏。 阅读全文

摘要： 本文收集了35个惊人的 CSS3 动画演示，它们将证明 CSS3 Transform 和 Transition 属性的强大能力。CSS 是网页设计非常重要的一部分，随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择。如今，用纯 CSS 就可以实现各种各样很酷的效果，甚至是动画。 阅读全文

摘要： 本文将为您介绍五个高效且易于使用的免费PDF分割工具，它们不仅能够快速地处理您的文件，还能确保在分割过程中文件的原始质量得以保持。无论您是需要拆分大型报告、合并扫描文档，还是仅仅为了更好的文件组织，这些工具都能满足您的需求，让您的PDF管理变得轻松而高效。 阅读全文

摘要： 悬停效果一直是向网站添加交互元素的最简单方法之一，我们看到它们经常用于突出显示文本链接或按钮。悬停效果尤其强大的一个领域是当它们应用于图像时，无论是作为小型卡片布局的一部分还是大型相册的一部分，都可以产生很棒的效果。今天，我们将向您展示设计师将悬停效果集成到图像中的一些创意方法。他们将演示我们如何以创新的方式为我们自己的项目增添趣味。 阅读全文

摘要： 照片库（相册）是很多网站的必备功能，因为独特地呈现图像的能力可以帮助网站脱颖而出。网页开发者设计师正在利用这一优势，他们使用最新的 CSS 和 JavaScript 技术来创建抽象布局和引人注目的特效。从简单的网格画廊到超凡脱俗的用户界面，各个特效都有。这边文章收集了8个独特的照片库特效可以帮助激发您的下一个项目。 阅读全文

摘要： 在开始阅读之前，先解释一下文章里用到的英文缩写：CSR：Client Side Rendering，客户端（通常是浏览器）渲染、SSR：Server Side Rendering，服务端渲染、SSG：Static Site Generation，静态网站生成、ISR：Incremental Site Rendering，增量式的网站渲染、DPR：Distributed Persistent Rendering，分布式的持续渲染 阅读全文

摘要： 和其他图像格式相比，SVG（可缩放矢量图形）具有许多优势。首先，SVG 具有可扩展性，因此可以适应任何屏幕尺寸而不会造成质量损失。然后，浏览器只需加载更少的资源，可以更快地加载。而且，可以像使用常规 HTML 元素一样使用 CSS 对其进行编辑。除了用于静态图像之外，您还可以使用 SVG 创建超赞的动画。在本文中，我们收集了15个 SVG 动画示例，以启发您在自己的 Web 项目中使用它们。 阅读全文

摘要： 目前社区有很多关于微前端架构的介绍，但大多停留在概念介绍的阶段。而本文会就某一个具体的类型场景，着重介绍微前端架构可以带来什么价值以及具体实践过程中需要关注的技术决策，并辅以具体代码，从而能真正意义上帮助你构建一个生产可用的微前端架构系统。 阅读全文

摘要： 2019 年对于大前端技术领域而言变化不算太大，目前三大技术框架日趋成熟，短期内不大可能出现颠覆性的前端框架 (内心 OS：出了也学不动了)。本文结合个人和团队经历对 2019 上半年做个技术总结，将各类技术框架、语言、工具分作两个维度，按照大前端技术架构图进行分层，大体分为：状态管理、UI 组件、小程序、跨平台、框架层、编程语言、工程化、监控、测试和服务端。 阅读全文

摘要： 5 月 25 日，以「无界」为主题的第二届微医前端技术沙龙成功举办。本届沙龙的演讲题目涵盖了前端技术几个主要的应用场景，包括服务端、桌面端以及跨平台的开发。最近几年前端技术发展非常快，各种可以提高开发效率的新技术和框架层出不穷，让原来的前端工程师蜕变成了新一代的全端工程师，技术之间的界限被打破，相互碰撞、融合和进化。 阅读全文

摘要： 无论是开发新手还是经验丰富的老手，我们都喜欢开源软件包。对于开发者来说，如果没有这些开源软件包，很难想象我们的生活会变得多么疲惫不堪，而且靠咖啡度日也会成为家常便饭。所幸的是，随着 Vue.js 和 Nuxt.js 社区的不断壮大，每天都会出现一些很好的软件包。在下文中，我们将推荐一些非常好用的 Vue 和 Nuxt 软件包。 阅读全文

摘要： 文本效果可能是 Photoshop 图形设计中最常用和最通用的技术之一。最重要的是你可以使用任何效果，风格或纹理来产生有趣的排版，越多人尝试过它并制作了一些精彩的教程。所以这篇文章旨在为您提供全面的 Photoshop 文本效果教程。 阅读全文

摘要： 网页设计趋势很多都是过眼云烟，但插画始终保持着一定的地位，是给你的网站创造出独特的外观和风格的好方法。今天，这篇文章中收集了10个美丽的例子，插图在网页设计中的应用。从小型和微妙的细节插画到全屏的插画背景，有很多不同的方法来满足这种风格的需要。我相信，你可以从下面这些网站中找到一些灵感并应用到自己的网站项目中。 阅读全文

摘要： 分页是那些经常被忽视的小的设计要素之一。但对于博客和其他内容丰富的网站，分页提供了一种重要的导航方式。精心设计的菜单可以鼓励用户进一步探索您提供的产品。信不信由你，有些设计师敢于将分页提升到一个新的水平。下面是一些非常有创意的代码片段，您可以使用这些代码片段来改进您自己的网站。 阅读全文

摘要： 这篇文章介绍了Vue.js 父子组件之间通信的十种方式，不管是初学者还是已经在用 Vue 的开发者都会有所收获。无可否认，现在无论大厂还是小厂都已经用上了 Vue.js 框架，简单易上手不说，教程详尽，社区活跃，第三方套件还多。真的是前端开发人员必备技能。而且在面试当中也往往会问到关于 Vue 方面的各种问题，其中大部分面试官会问到如上这种问题。 阅读全文

摘要： 工具提示（Tooltip）在网站中的一个小功能，但却有很重要的作用，常用于显示一些温馨的提示信息。如果网站中的工具提示功能做得非常有创意的话能够加深用户对网站印象。Tippy.js 是一款帮助你快速创建 Tooltip 风格工具栏的 JS 库，提供了灵活多样的配置选项。 阅读全文

摘要： 在为项目选择配色方案时，有什么提供灵感？我打赌你有一些论点和原则。例如，我们都意识到每种颜色都有其个性和心理底蕴，使其有助于唤起特定的情感。例如，蓝色激发了信任，被企业广应用。这就是众多公司和机构选择它作为主要原因的原因。红色点燃了食欲 - 这就是为什么大多数食品和饮料行业巨头都会在其标识中使用它。绿色用于一切自然和环保，等等。无论喜欢与否，颜色都会影响我们的潜意识，这是一个需要考虑的重点。 阅读全文

摘要： 在您的照片库中加入成千上万张高品质的照片，涵盖各种主题和风格！下面列出的网站提供可用于任何项目的图像，没有限制。您不必担心因为一张小图片的版权而导致麻烦。通过这些网站可以改善你的设计项目，这些是网上提供免费的高质量图片最好的网站。作为设计师，都知道如何借助免费素材来解放工作。他们经常会花好几个小时去寻找高质量的照片，图标，字体，壁纸等等。我们希望这篇博文可以为我们的许多读者提供便利。我们挑选了三个提供高质量免费图片的最佳网站，您可以随意下载和使用。 阅读全文

摘要： 使用前端技术开发桌面应用的技术已经相当成熟了，像早先的 NW.js，如今很火的 Electron 等，都可以轻松实现。今天给大家分享的 nativefier 就是基于 Electron 封装的，可以帮助你只需要一行命令就可以生成不同平台的桌面应用程序，非常神奇！ 阅读全文

摘要： Mark Text 所输及所见，摒弃了众多 markdown 编辑器左边写作右边预览的写作方式，巧妙的将编辑和预览融为一体。snabbdom 作为 Mark Text 的渲染引擎，保证了极速渲染编辑页面，带来流程的书写体验。支持 CommonMark Spec 和 GitHub Flavored Markdown Spec 语法格式，生成的 Markdown 可以复制到任何支持 markdown 格式的社区、网站。段落及行内样式快捷键提升您的编辑效率。 阅读全文

摘要： Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制无头 Chrome 或 Chromium。它允许你从浏览器之外的环境（即命令行）与Chromium进行交互，可以让用户界面测试自动化变得轻而易举。还可以用来生成网页快照和PDF文件。 阅读全文

摘要： JavaScript 表格控件可以操作大数据集的 HTML 表格，提供各种功能，如分页、排序、过滤以及行编辑。在本文中，我们整理了13个最好的 JavaScript 表格插件分享给开发人员，开发者可以很容易地添加表格操作功能到 Web 应用程序中。 阅读全文