首页
学习
活动
专区
工具
TVP
发布

lhyt前端之路

专栏作者
99
文章
114343
阅读量
19
订阅数
前端工程师如何持续保持热情(二)
自然而然,就失去了当初的热情,找不到成就感,甚至还怀疑,自己是不是不适合做前端,是不是应该换一份工作,是不是要转行了? 前端工程师如何持续保持热情(一)
lhyt
2024-02-08
670
探究{ a = 1; function a(){} }和{ function b(){}; b = 1 }
相信大部分人都了解了,这里再重复啰嗦一下。js是解析执行的,变量提升是js中执行上下文的工作方式。变量声明和函数声明在编译阶段会被提前。
lhyt
2024-02-01
990
为什么到了时间你的活动还没开始——探究Date对象
假设有一个活动,原计划定的是12月25日早上8点开始,结果苹果用户到了早上8点却看见活动按钮还是灰色的,而且PC、安卓都是正常。这种情况如果发生,首先往哪个方向考虑呢?
lhyt
2024-02-01
850
内功修炼之lodash——Object系列
本文实现方法都是看效果倒推实现方法,并进行一些拓展和思考,和源码无关。lodash这个库在这里更像一个题库,给我们刷题的
lhyt
2024-01-28
1060
从为什么不写技术文章了,到如何规划你的未来
对于刚入行的同学,一切对于他来说都是新的。而你如果是要写文章,想写好,那前提应该是自己对那块知识有足够的掌握,并且能灵活应用起来,能稍微变通一下作为自己的输出。想写文章,又基于这样的“压力”下,那你就不得不去好好的学好那块知识,有一定的推动力。所以在前面入行的时候,多写写文章,至少对自己是有明显的价值的,能促进自己进步
lhyt
2022-10-28
2740
一年半经验前端社招7家大厂&独角兽全过经历 | 掘金技术征文
这次近3个星期,面了7家(拼多多、虾皮、作业帮、猿辅导、商汤科技、快手),全都是线上视频面试的,一般是晚上回家面试或者周末。过程还是挺顺利的,全都过了。时间很紧凑,几乎没什么时间准备和复盘,一环接着一环的,所以就全部凑到一起一次性总结了
lhyt
2022-09-21
5400
b站全灰,原来仅需一行css代码——css 滤镜
今天打开b站,看见一片灰色。对于公祭日,我们每一个人都应该为此默哀、纪念历史,都要铭记历史、热爱祖国、砥砺前行
lhyt
2022-09-21
8020
内功修炼之lodash—— clone&cloneDeep(一定有你遗漏的js基础知识)
本文实现方法都是看效果倒推实现方法,并进行一些拓展和思考,和源码无关。lodash这个库在这里更像一个题库,给我们刷题的
lhyt
2022-09-21
1.4K0
【译】Google 官方文章——如何去做code review
cr(Code review)主要目的在于确保Google 的代码库代码质量越来越好。而所有相关的工具与流程皆是因应这个目的而生。为达到此目的,势必需要做出一连串的权衡与取舍
lhyt
2022-09-21
5550
面试官: 你为什么这么强,什么都敢盘(reduce)
测试用例考虑普通情况以及第二个改变this的参数的情况,最后需要一个用例执行的方法:
lhyt
2022-09-21
2820
一步步带你实现web全景看房——three.js
在THREEjs中,渲染一个3d世界的必要因素是场景(scene)、相机(camera)、渲染器(renderer)。渲染出一个3d世界后,可以往里面增加各种各样的物体、光源等,形成一个3d世界:
lhyt
2022-09-21
1.2K0
基于canvas的自动跟随实现
假设怪的速度为v,那么一个时刻内,怪的x坐标变化:Δ x = v * cosθ,y坐标变化:Δ y = v * sinθ。注意,sin和cos是有正负的。于是,我们开始解方程求出sin和cos的值:
lhyt
2022-09-21
2480
前端工程师彻底征服树结构组件的秘籍
组件已经好了,如果我们要点击,我们怎么知道哪个层级的哪个节点被点了呢?是不是会写一个搜索算法,传入当前节点id,然后回溯去记录路径展示出来?这虽然可以做到,但显然是不优雅的,我们只需要牺牲空间换时间的方法就可以大大优化这个过程,即是在遍历的过程中把节点信息带到下一个递归函数里面去。
lhyt
2022-09-21
4840
可能你的react函数组件从来没有优化过
当16.6的memo问世,函数组件就有了类似PureComponent和shouldComponentUpdate的解决方案,memo的使用方法:
lhyt
2022-09-21
8600
从一次react异步setState引发的思考
一个异步请求,当请求返回的时候,拿到数据马上setState并把loading组件换掉,很常规的操作。但是,当那个需要setState的组件被卸载的时候(切换路由、卸载上一个状态组件)去setState就会警告:
lhyt
2022-09-21
3220
名字随便起——es6 Proxy
类似Object.defineProperty的set和get,拦截set和get操作进行一些其他逻辑。但是proxy操作的是一个新的代理对象,是对原对象的一个代理。
lhyt
2022-09-21
2240
拥抱更底层技术——从CSS变量到Houdini
平时写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
4560
css菜鸡的自我救赎
我们看百度搜索的顶部,顶部的#head(搜索框这一行都是)是fixed的,紧接着的那个div是一个tab。当然fixed脱离文本流,就用padding把自己的主要内容顶到下面去,不然内容就直接置顶了。
lhyt
2022-09-21
2120
Rxjs光速入门
Rx指的是响应式编程的实践工具扩展——reactive extension,编程风格是响应式编程+函数式编程。Rxjs则是这种模式的js的实现,处理异步能力优秀,将异步操作抽象为时间轴上的点。既可以当作像lodash那样的工具库来用,也可以用来统一管理数据流,他的出现解决了一些问题:
lhyt
2022-09-21
5790
node框架express的研究
在node中,express可以说是node中的jQuery了,简单粗暴,容易上手,用过即会,那么我们来试一下怎么实现。下面我们基于4.16.2版本进行研究
lhyt
2022-09-21
9150
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档