Welcome to My Blog

首页 前端 标签 归档 订阅 关于
JunanLee
Student & Web Developer & Designer
Xi'an, China

学习笔记——布局系列(一)

2020-07-16
css, 学习笔记, 布局

前言

本系列文章主要针对了常用的几种css布局进行需求分析与要点详解,后续将不断对布局实现方案进行补充。本文主要介绍了水平居中、垂直居中和水平+垂直居中布局方案。

阅读更多

学习笔记——防抖与节流实例

2020-07-15
css3, html&css, optimization, 学习笔记

前言

前前后后看了很多关于防抖和节流的文章,一直没有编程总结。防抖和节流其实比较类似,都是闭包的简单应用。前者关键在于用户频繁进行多次操作时,只响应一次;后者关键在于控制操作的频率。下次将列举出关键函数代码与实际运用例子。

阅读更多

学习笔记——从预编译出发看闭包

2020-04-24
javascript, 学习笔记

前言

陆陆续续看过一些对js闭包(closure),发现对闭包理解一直差点意思。直到学习了js预编译,才恍然大悟,原来从预编译出发看闭包,才能看得更加透彻!

阅读更多

学习笔记——执行上下文与this的指向

2020-04-22
javascript, 学习笔记

前言

如果面试官让你用一句话总结this的指向,你会怎么总结。广泛流传的一句话是:

谁调用它,this就指向谁。

严格来说,这句话的描述不够规范也不完全准确。对this指向的分析离不开执行上下文。因此,本文我们将结合执行上下文对this的各种使用场景进行分析。

阅读更多

学习笔记——摆钟的改进

2020-04-17
animation, css3, html&css, 学习笔记

前言

在上一篇文章4.1.2节中介绍了时钟刻度的实现方式,对其中时钟数字的摆放位置我们总结出了一套公式进行计算,本篇对数字的摆放给出了更简洁的实现方式。

阅读更多

学习笔记——纯css3动画实现可显示时间的摆钟

2020-04-14
animation, css3, html&css, 学习笔记

前言

上一篇我们简单实验了一下一些预定义的transition-timing-function关键字,实际上这些关键字同样也适用于animation-timing-function.这一篇我们就趁热打铁,配合animation来制作一个可显示时间的摆钟。

阅读更多

学习笔记——transition-timing-function

2020-04-13
css3, html&css, transition, 学习笔记

前言

transition CSS 属性是 transition-property,transition-duration,transition-timing-function 和 transition-delay 的一个简写属性。
其中transition-timing-function潜力最大也最为复杂,值得进行研究。

阅读更多

前端窍门——无依赖absolute绝对定位

2020-04-12
absolute, html&css, 前端窍门

前言

聊起absolute定位,我们首先想到的就是找其包含块(containing block)或直接给父元素一个relative定位,然后根据包含块通过设置top,right,bottom,left属性值进行偏移。看起来,这是很常见的做法,但盲目的如此”套公式“,只能说你对absolute的理解不到家。

阅读更多

Powered by Hexo, Theme by Concise