Clik here to view.
CSS Grid Layout一些有趣的事情(2)
特别声明：此篇文章内容来源于@MANUEL MATUZOVIC的《Another Collection of Interesting Facts About CSS Grid》一文。去年，我做了一个研讨会之后收集了一些关于CSS...
View ArticleClik here to view.
理解JavaScript中null、undefined和NaN
特别声明：此篇文章内容来源于@Kuba Michalski的《Understanding null, undefined and...
View ArticleClik here to view.
使用JavaScript中undefined小技巧
特别声明：此篇文章内容来源于@Cynthia的《7个处理javascript的undefined的Tips》一文。在8年前，我刚开始学习JavaScript时，让我觉得有点奇怪的是，undefined和null同样代表空值。它们之间是否有明确的不同？它们看起来都定义为“空”，此外，比较null== undefined的结果是true。大多数的现代语言如Ruby, Python...
View ArticleClik here to view.
使用圆锥渐变和CSS自定义属性创建一个Range Input控制的环形图
特别声明：此篇文章内容来源于@Vicky.Ye翻译的《使用圆锥渐变和CSS变量创建一个Range Input控制的环形图》一文。英文原文来自于@Ana Tudor的《Using Conic Gradients and CSS Variables to Create a Doughnut Chart Output for a Range Input》一文。最近我在 Codepen...
View ArticleClik here to view.
CSS如何实现内凹角效果
特别声明：此篇文章内容来源于@ANA TUDOR翻译的《Scooped Corners in 2018》一文。记得@Lea Verou的《CSS Secrets》一书和前几天@Chris...
View ArticleClik here to view.
Vue 2.0学习笔记：Vue.extend构造器的延伸
前段时间花了不少的时间在学习和了解Vue的组件，虽然中间浅尝了Vue组件的基础，体验了其魅力，但还是有很多深层的东西未掌握，也还不能非常灵活的使用Vue的组件。但这一切并不重要，随着后面的学习，我想会对Vue越来越熟悉。这两天在看Vue中的Vue.extend构造器，今天简单的对这方面的东西做个笔记。什么是Vue.extendVue.extend返回的是一个扩展实例构造器，也就是预设了部分选项的Vu...
View ArticleClik here to view.
Vue 2.0学习笔记：Vue的render函数
前几天想学学Vue中怎么编写可复用的组件，提到要对Vue的render函数有所了解。可仔细一想，对于Vue的render函数自己只是看了官方的一些介绍，并未深入一点去了解这方面的知识。为了更好的学习后续的知识，又折回来了解Vue中的render函数，这一切主要都是为了后续能更好的学习Vue的知识。回忆Vue的一些基本概念今天我们学习的目的是了解和学习Vue的render函数。如果想要更好的学习Vue...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
用CSS Houdini画一片星空
特别声明：此篇文章内容来源于@李银城的《用CSS Houdini画一片星空》一文。要问2018最让人兴奋的CSS技术是什么，CSS Houdini当之无愧，甚至可以去掉2018这个限定。其实这个技术在2016年就出来了，但是在今年3月发布的Chrome 65才正式支持。CSS...
View ArticleClik here to view.
JavaScript学习笔记：初识JavaScript的DOM
JavaScript知识一直都是自己的短板，近一年多来一直在致力于增加这方面的能力，也在W3cplus梳理了一些有关于自己学习JavaScript的笔记。加上最近学习Vue相关的技能，越发自己在JavaScript方面的能力还欠缺很多，所以这段时间一直在补习JavaScript中DOM相关的知识。希望对于初学者有所帮助。什么是DOMMDN上对DOM是这样描述的：DOM（文档对象模型）是HTML和XM...
View ArticleClik here to view.
JavaScript学习笔记：DOM的操作
通过上一节的学习，对JavaScript中的DOM有了一定的认识。虽然对DOM中相关的知识点有一定的概念，但还是缺乏对DOM的实际操作。如果你仔细阅读过上一篇文章的话，你应该会发现，当时也提到了一些DOM操作相关的东西，比如，DOM的增、删、改和查等。那么今天我们就来看看这些方面的东西。DOM的增先来看DOM操作中的增。其主要分为两个部分：新创建节点和插入节点。新创建节点常用的DOM节点创建有关的A...
View Article阿里巴巴达摩院招前端啦
阿里巴巴达摩院人机自然交互实验室，成立于2017年 ，隶属于达摩院，致力于通过理解人类行为，应用前沿技术，推动人类与机器自然互动的能力，探索下一代人机交互可能性。团队成员来自全世界不同专业领域以及高校里的设计和技术达人们，共同构建多感官人机交互框架，并在过程中建立情感化的知识图谱，探索多感官，人性化，自然化的交互新方式。感兴趣欢迎来简历:...
View ArticleClik here to view.
JavaScript学习笔记：动态集合
DOM是JavaScript中重要部分之一，在DOM中有一个动态集合。这个动态集合包含节点的集合（NodeList）、元素属性的集合（NamedNodeMap）和HTML元素的集合（HTMLCollection）。这三个对象都是类数组（Array-like），具有像数组一样的特性。更为重要的是，它们都是动态的，是有有生命有呼吸的对象，会实时更新查询DOM结构。今天我们学习的目标就是深究这三个动态集合...
View ArticleClik here to view.
JavaScript学习笔记：querySelectorAll 和 getElementsByTagName区别
在《DOM的操作》一节中知道querySelectorAll()和getElementsByTagName()两个方法都是用来查找DOM元素的。通过上一节的学习，知道querySelectorAll()方法将获取到NodeList对象，getElementsByTagName()方法获取到的是HTMLCollection对象。虽然他们获取的都是DOM动态集合，但两者还是略有差异的。今天我们就来看这两...
View ArticleClik here to view.
HomeAI一大波招聘
阿里巴巴智能场景事业部（Flab）是一支致力打造未来体验、探索未来科技的前沿团队，Flab技术团队综合利用人工智能、大数据、IoT等技术以及阿里巴巴独有的电商资源为线下新业务场景量身打造更加便利、快捷和科技感的用户产品和服务。这里我们广泛尝试、深入探索，不断追求技术与业务的最佳结合点，尝试从不同的维度定义未来生活。Flab技术团队也是一支快乐与Geek的团队，我们正在寻找同样快乐与Geek的小伙们加...
View ArticleClik here to view.
实例解析防抖动和节流阀
特别声明，本文转载@涂鸦码龙翻译的《实例解析防抖动（Debouncing）和节流阀（Throttling）》一文，原文《Debouncing and Throttling Explained Through Examples》。防抖（Debounce）和节流（Throttle）都是用来控制某个函数在一定时间内执行多少次的技巧，两者相似而又不同。当我们给 DOM...
View ArticleClik here to view.
现代浏览器支持的不同类型的观察者
特别声明：本文来源于@Jitendra Kasaudhan的《Different Types Of Observers Supported By Modern...
View ArticleClik here to view.
使用 Intersection Observer 实现图片延迟加载
特别声明：本文转载@小影的译文《使用 Intersection Observer 实现图片延迟加载》一文。如果你还没有机会看过，@Paul Lewis 发布了一个精彩的视频系列，演示了如何构建一个媒体播放器以及渐进式 Web 应用（Progressive Web App）的一些重要功能。在 YouTube...
View Article