浅墨

requestAnimationFrame优化web动画

requestAnimationFrame 是什么?

在浏览器动画程序中,我们一般会使用定时器来循环每隔多少毫秒来移动物体一次,来使它产生动画的效果。requestAnimationFrame()函数是针对动画效果的 API,告诉浏览器您希望执行动画并请求浏览器在下一次重绘之前调用指定的函数来更新动画,可以把它用在 DOM 上的风格变化或 canvas 动画或 WebGL 中。

Continue
碎言心语-短笔记

可以跟着阿里的狼叔(花名)了解一下前端近些几年的发展。从高中毕业接触前端开发近两年,但从大二才开始了解前端发展的历史和现状,也多少有些认识。

很多情况下,我们都是被动的接受者,这就好像我们拿的手机在更新换代,也就好像我们现在看到的网页和01年相比天壤之别,就像移动互联网时代兴起,我们从pc web慢慢转向移动端。这是一种我们后知后觉的变化趋势

因为我接触移动端稍稍要多于pc web端,
上次张小龙在微信公开课上声称微信用户已达10亿,微信小程序用户达1.7亿,微信悄然俨然成为一个操作系统,因为微信本身封闭,对外界来说,它是一个流量黑洞。眼看入口被微信把持,于是九大浏览器厂商联合发布”快应用”,一方面是为了夺回应用分支的主导权,说直接点就是在反攻”微信小程序”,防止被边缘化。另一方面官方也声称 “移动应用前端化”是大势所趋。

前端快速发展之下,必然改变我们未来的某些习惯。所以善待前端,感兴趣的就多深入些。

Continue
跟着underscore学习防抖和节流

有个开始吧!

网上有很多的防抖与节流的文章,自己也早有耳闻,之前看underscore的代码,也发现了两个与众不同的函数debounce和throttle,仿佛是有特定的用途。学习实践之后便总结下这篇文章。

Continue
浏览器同源政策

我们都知道浏览器的“同源政策”是浏览器安全的基石,根本目的是为了保护用户信息安全,防止恶意的网站窃取数据。
1995年,同源政策由Netscape 公司引入。目前,所有浏览器都执行这个政策。

Continue
拥抱未来的布局方式:flex 和 grid

相比传统的布局方式,flex 和 grid 使布局系统简化,轻松的解决了复杂的 web 布局。
早在以前,所有的 HTML 布局还是通过 table,float 以及其他 css 属性来完成。面对复杂的布局,就没有很好的办法了。
随着 flexbox 的出现,它专注于创建稳健的响应式页面布局模式,并轻松的正确对齐元素及其内容。如今已是我们的首选。

Continue
stricky footer的三种解决方案

写在前面

stricky footer设计是最古老和最常见的效果之一,我们都曾经历过类似的情景:

如果页面内容不够长的时候,页脚块粘贴在底部;如果内容足够长时,页脚块会被内容向下推送。

Continue
Home Archives Tags Menu.eye About Search