摘要: 开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。 不断更新,不断更新,不断更新,重要的事情说三遍阅读全文
posted @ 2017-03-23 09:42 ChokCoco 阅读(1858) 评论(8) 编辑
摘要: 最近群里有人发了下面这题:实现一个函数,运算结果可以满足如下预期结果: 对于一个好奇的切图仔来说,忍不住动手尝试了一下,看到题目首先想到的是会用到高阶函数以及 Array.prototype.reduce()。 高阶函数(Higher-order function):高阶函数的意思是它接收另一个函数阅读全文
posted @ 2017-03-06 11:32 ChokCoco 阅读(5049) 评论(32) 编辑
摘要: 什么是 CSS 特性检测?我们知道,前端技术日新月异的今天,各种新技术新属性层出不穷。在 CSS 层面亦不例外。 一些新属性能极大提升用户体验以及减少工程师的工作量,并且在当下的前端氛围下: 很多实验性功能未成为标准却被大量使用; 需要兼容多终端,多浏览器,而各浏览器对某一新功能的实现表现的天差地别阅读全文
posted @ 2017-02-28 13:08 ChokCoco 阅读(992) 评论(12) 编辑
摘要: 如果问,CSS 中 position 属性的取值有几个?大部分人的回答是,大概是下面这几个吧? 额,其实,我们还可以有这 3 个取值: 没了吗?偶然发现其实还有一个处于实验性的取值,position:sticky(戳我查看MDN解释): 卧槽,什么来的? 前端发展太快,新东西目接不暇,但是对于有趣的阅读全文
posted @ 2017-02-15 18:41 ChokCoco 阅读(1923) 评论(18) 编辑
摘要: 开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。 不断更新,不断更新,不断更新,重要的事情说三遍阅读全文
posted @ 2017-01-05 17:32 ChokCoco 阅读(1402) 评论(6) 编辑
摘要: 开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。 不断更新,不断更新,不断更新,重要的事情说三遍阅读全文
posted @ 2017-01-04 16:48 ChokCoco 阅读(2144) 评论(7) 编辑
摘要: 在上一篇文章中,我们初步实现了一些利用基本图形就能完成的线条动画: 【Web动画】SVG 线条动画入门 当然,事物都是朝着熵增焓减的方向发展的,复杂线条也肯定比有序线条要多。 很多时候,我们无法人工去画出一些十分复杂动画的线条,这个时候,就要借助前端好帮手 PS 和 AI,而本文就是介绍如何导出复杂阅读全文
posted @ 2016-12-28 17:17 ChokCoco 阅读(1931) 评论(9) 编辑
摘要: 通常我们说的 Web 动画,包含了三大类。 CSS3 动画 javascript 动画(canvas) html 动画(SVG) 个人认为 3 种动画各有优劣,实际应用中根据掌握情况作出取舍,本文讨论的是我认为 SVG 中在实际项目中非常有应用价值 SVG 线条动画。 举个栗子 SVG 线条动画,在阅读全文
posted @ 2016-12-27 19:06 ChokCoco 阅读(3342) 评论(29) 编辑
摘要: 这是一个令人激动的革新。 CSS 变量,顾名思义,也就是由网页的作者或用户定义的实体,用来指定文档中的特定变量。 更准确的说法,应该称之为 CSS 自定义属性 ,不过下文为了好理解都称之为 CSS 变量。 一直以来我们都知道,CSS 中是没有变量而言的,要使用 CSS 变量,只能借助 SASS 或者阅读全文
posted @ 2016-11-16 10:51 ChokCoco 阅读(1934) 评论(7) 编辑
摘要: 开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。 不断更新,不断更新,不断更新,重要的事情说三遍阅读全文
posted @ 2016-11-15 21:06 ChokCoco 阅读(1096) 评论(1) 编辑