• Flex 布局极易教程

    Flex 布局,也称弹性布局,是相对于浮动布局来说更好的一种布局方式,但并不算是一种新的布局方式了,基本上在做移动端开发的时候都在用,而 PC…

  • ElementUI 源码学习之 CSS 样式

    做前端的朋友们都知道,在项目中编写 CSS 其实是一件比较痛苦的事,在还原设计图的同时,既要防止过度(甚至无意义的)嵌套,又要防止样式覆盖,还要防止命名冲突,很让人头大。这篇文章就来聊一聊 ElementUI 中是如何编写 CSS…

  • Vue 中的 $attrs 和 $listeners 是做什么的

    单页应用中,页面是由不同的组件构成的,Vue…

  • Vue 中的 inheritAttrs 是做什么的

    是 Vue 中的一个选项,我从来没有使用过,或者说我没有仔细观察过某些情况下的异常状况,所以没有注意到它,而文档中对其功能的解释乍一看又让我觉得有些不明所以: 默认情况下父作用域的不被认作 props 的特性绑定 (attribute bindings…

  • [译]Flutter 动画极易教程

    Flutter 中的动画功能强大且使用起来非常简单。通过一个具体的例子,你将学到构建动画所需要的一切。 今天我们无法想象没有动画的任何移动应用程序。当你从一个页面移动到另一个页面时,点击一个按钮(或 InkWell )…有一个动画。动画无处不在。 Flutter…

  • CSS 变量

    在网页设计中,通常会定义色彩基调,相关的色彩应用都以此为基础。同一种颜色会在网页上的很多地方出现很多次,因此我们才需要定义色彩变量,以便在需要修改色彩的时候能够做到一次修改全局应用。 通常我们在会借助 CSS 预编译器来实现,因为早些年 CSS 中并没有变量的概念。直到 201…

  • 如何在 CSS 中选择父元素

    最近在用 markdown…

  • 在 Flutter 中实现一个无限轮播

    这篇文章来写一个常用功能———无限轮播图,此轮播图的开发源于我的一个项目,文末可以看到,是因为 pub…

  • 在 Flutter 中实现一个浮动导航栏

    这段时间一直在学习 Flutter,在 dribble 上看到一张导航栏设计图,就是下面这张,感觉很是喜欢,于是思考着如何在 Flutter 中实现这个效果。 设计效果提示 设计图作者:Lukáš Straňák…

  • [译]Flutter 应用架构 101:Vanilla, Scoped Model, BLoC

    Flutter 提供了一种现代的响应式框架,丰富的组件集和工具,但是还没有如同 Android…

  • 最近在 Vue 项目中用到的一些小技巧,或许有用

    在最近的 Vue 项目中,为了完成需求使用了一些小技巧,做个笔记,或许也能帮到道友。 技巧 需求一:为路径配置别名 在开发过程中,我们经常需要引入各种文件,如图片、CSS、JS…

  • [译]用 API 请求制作赏心悦目的 UX

    在构建 Web 应用时,首先要创建一个优雅且响应迅速的体验。 试图控制超出 Web 应用程序范围的体验通常是事后的想法。工程师忘记了处理从 API…

  • [译]用 Workers 让静态网站动态化

    以下是 Gambling.com 集团首席开发人员 Paddy Sherry 的客座文章。他们使用 Cloudflare 为全球受众提供服务,构建绩效营销网站和工具。Paddy…

  • [译]JavaScript 2018 中即将迎来的新功能:异步生成器及更好的正则表达式

    2018 年 6 月发布的最新年度 ECMAScript 更新,尽管在常见功能的积压上仍然远远小于 ECMAScript 6,但依然是迄今为止最大的年度版本。 身为 ECMAScript 编辑及微软在 ECMA TC39 委员会代表的 Brian Terlson 告诉 The…

  • [译]简单的响应式现代 CSS 网格布局

    在本文中,我们将展示如何创建响应式现代 CSS 网格布局,演示如何在旧浏览器上使用降级代码,如何逐步添加 CSS 网格,如何使用对齐属性重新构建小型设备的布局以及居中元素。 在之前的文章中,我们探索了四种不同的技术,可以轻松构建响应式网格布局。那篇文章是在 201…

  • [译]布局的下一次革新

    如果在过去几年中你参加过任一网页设计演讲,你可能已经看过 Jon Gold…

  • [译]深入 Flutter 之手势

    Flutter 提供了一些非常棒的预制组件,用于处理触摸事件,如 和 。用这些组件包裹住你的组件,它们就能够响应触摸事件了。除此之外,它还会向你的组件添加 Material…

  • [译]挑战 Flutter 之 Twitter

    挑战 Flutter 将尝试在 Flutter 中重新创建特定应用的 UI 或设计。 此挑战将尝试实现安卓版 Twitter 的主页。请注意,重点将放在 UI 上,而不是实际从后端服务器获取数据。 了解应用结构 Twitter…

  • [译]挑战 Flutter 之 YouTube(画中画)

    挑战 Flutter 尝试在 Flutter 中重新创建特定应用的 UI 或设计。 此挑战将尝试实现 YouTube 的主页和视频详情页(视频实际播放的页面),包括动画。 这个挑战将比我以前的挑战稍微复杂一些,但结果却更好。 开始 YouTube 应用包括: a…

  • Flutter 入门——山寨掘金

    本文是我在学习 Flutter 时的练手项目,现整理成入门教程,有需要的道友可以看看。由于是入门教程,文中内容不会很深入,对于已经学习 Flutter…