腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
lhyt前端之路
专栏成员
举报
99
文章
120458
阅读量
19
订阅数
订阅专栏
申请加入专栏
全部文章(99)
编程算法(34)
其他(19)
javascript(18)
html(18)
api(12)
css(9)
react(8)
http(7)
数据结构(7)
网站(6)
lodash(6)
java(5)
打包(5)
webpack(5)
node.js(4)
json(4)
ecmascript(4)
渲染(4)
canvas(4)
vue.js(3)
mapreduce(3)
babel.js(3)
缓存(3)
网络安全(3)
php(2)
angularjs(2)
jquery(2)
typescript(2)
腾讯云测试服务(2)
图像处理(2)
容器(2)
面向对象编程(2)
单元测试(2)
对象(2)
配置(2)
对象存储(1)
ios(1)
go(1)
regex(1)
git(1)
unix(1)
nginx(1)
命令行工具(1)
机器翻译(1)
eslint(1)
express(1)
redux(1)
rxjs(1)
存储(1)
正则表达式(1)
aop(1)
微信(1)
腾讯云开发者社区(1)
app(1)
callback(1)
case(1)
command(1)
console(1)
copy(1)
date(1)
diff(1)
document(1)
dom(1)
el(1)
eval(1)
function(1)
key(1)
map(1)
object(1)
prototype(1)
render(1)
return(1)
toast(1)
width(1)
变量(1)
插件(1)
递归(1)
函数(1)
模块化(1)
苹果(1)
前端工程师(1)
权限(1)
生命周期(1)
数组(1)
字符串(1)
作用域(1)
搜索文章
搜索
搜索
关闭
基于canvas的自动跟随实现
对象存储
canvas
假设怪的速度为v,那么一个时刻内,怪的x坐标变化:Δ x = v * cosθ,y坐标变化:Δ y = v * sinθ。注意,sin和cos是有正负的。于是,我们开始解方程求出sin和cos的值:
lhyt
2022-09-21
269
0
拥抱更底层技术——从CSS变量到Houdini
编程算法
api
html
canvas
css
平时写CSS,感觉有很多多余的代码或者不好实现的方法,于是有了预处理器的解决方案,主旨是write less &do more。其实原生css中,用上css变量也不差,加上bem命名规则只要嵌套不深也能和less、sass的嵌套媲美。在一些动画或者炫酷的特效中,不用js的话可能是用了css动画、svg的animation、过渡,复杂动画实现用了js的话可能用了canvas、直接修改style属性。用js的,然后有没有想过一个问题:“要是canvas那套放在dom上就爽了”。因为复杂的动画频繁操作了dom,违背了倒背如流的“性能优化之一:尽量少操作dom”的规矩,嘴上说着不要,手倒是很诚实地ele.style.prop = <newProp>,可是要实现效果这又是无可奈何或者大大减小工作量的方法。
lhyt
2022-09-21
497
0
那个前端写的页面好酷——大量的粒子(元素)的动效实现
api
html
css
canvas
CSS3dObject这个对象,可以让我们像操作threejs对象那样来操作div,使用threejs丰富的api来实现css+div的3d效果。实际上最终效果就是把threejs的参数转化为css的matrix。我们看一段简单的代码,这是创建一个div元素,然后使用three的api控制它的位置:
lhyt
2019-12-01
2.2K
0
拥抱更底层技术——从CSS变量到Houdini 0. 前言1. CSS变量2. CSS type OM3. paint API4. 自定义属性最后
编程算法
css
canvas
html
api
平时写CSS,感觉有很多多余的代码或者不好实现的方法,于是有了预处理器的解决方案,主旨是write less &do more。其实原生css中,用上css变量也不差,加上bem命名规则只要嵌套不深也能和less、sass的嵌套媲美。在一些动画或者炫酷的特效中,不用js的话可能是用了css动画、svg的animation、过渡,复杂动画实现用了js的话可能用了canvas、直接修改style属性。用js的,然后有没有想过一个问题:“要是canvas那套放在dom上就爽了”。因为复杂的动画频繁操作了dom,违背了倒背如流的“性能优化之一:尽量少操作dom”的规矩,嘴上说着不要,手倒是很诚实地ele.style.prop = <newProp>,可是要实现效果这又是无可奈何或者大大减小工作量的方法。
lhyt
2019-03-14
962
1
没有更多了
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
立即查看
Python精品学习库
代码在线跑,知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档