- 博客(18)
- 收藏
- 关注
原创 考虑使用transform:translate实现左右偏移效果
或许在开发中都习惯与使用margin,padding来实现左右偏移的效果,其实也能使用transform中的translateX,translateY,等等来实现。
2024-08-31 00:00:03 286
原创 vue页面跳转部分内容白屏刷新有内容
诡异bug,从登录页面到主页面渲染部分丢失,白屏,需要刷新一下才有内容。解决办法:检查登录页面引入的组件style是否加上。
2024-04-01 14:57:43 245
原创 前端知识——V8垃圾回收机制
众所周知,垃圾回收这个问题在前端面试的时候经常被提及,经常的回答就是引用计数和标记清除两种,几乎也就很少再问下去,其实v8中还有许多垃圾回收优化算法可以跟面试官好好聊聊~
2023-07-31 23:58:52 379 1
原创 (前端面试)用伪代码实现new,简单实现发布订阅
1.用伪代码实现newfunction myNew(constructor, ...args) { const obj = Object.create(constructor.prototype) const result = constructor.apply(obj, args) return result instanceof Object ? result : obj}function Person(name, age) { this.name = name this.
2023-06-03 15:00:12 344
原创 从V8执行原理看为什么用TypeScript好
如果函数没有被调用,则 V8 不会去编译它。如果函数只被调用 1 次,则 Ignition 将其编译 Bytecode 就直接解释执行了。TurboFan 不会进行优化编译,因为它需要 Ignition 收集函数执行时的类型信息。这就要求函数至少需要执行 1 次,TurboFan 才有可能进行优化编译。如果函数被调用多次,则它有可能会被识别为。
2023-05-02 23:27:43 440
原创 this的四种绑定方式及优先级
函数独立调用,无论在哪里,都默认绑定全局window。注意: 严格模式下,不能将全局对象用于默认绑定,this会绑定到undefined。
2023-04-17 13:19:48 471
原创 js中获取随机字符串(仿验证码效果)
toString()里面的参数必须在2-36之间,如果转换的基数(里面的参数)大于 10,则会使用字母来表示大于 9 的数字,比如基数为 16 的情况,则使用 a 到 f 的字母来表示 10 到 15。//获取4位随机字符(0-9a-z 36进制数字字符 )提示:toString(36) 后面数字范围是2-36,如果写toString(35) 则范围是0-9a-y,没有z的35位数字字符,依次类推。//获取4位随机数字。
2023-04-06 12:51:51 203
原创 js原生实现拖放效果(附源码)
实现拖放效果有两种,一种是利用drag事件实现,一种是利用鼠标事件实现,我这里采用鼠标事件实现。主要用到的事件:mousemove(鼠标移动),mouseup(鼠标按下),mousedown(鼠标抬起)当点击dom的时候,记录当前鼠标的坐标值,也就是x、y值,以及被拖拽的dom的top、left值,在鼠标按下的回调函数里添加鼠标移动的事件;并且添加鼠标抬起事件,为了解除鼠标移动的监听,因为只有在鼠标按下才可以拖拽,抬起就停止不会移动了。:表示listener在添加之后最多只调用一次。如果为true。
2023-03-30 14:48:07 561
原创 vue3transition+Animate实现页面动画显示效果
vue3项目根据transition以及Animate库配置路由跳转时的过渡效果
2023-03-23 16:17:27 722
原创 (前端学习)你应该知道的Tailwind CSS
Tailwind是一个功能类优先的css框架。使用十分方便,用过都说香。类似于BootStrap的使用,但Tailwind可用的属性更多,功能更加强大,配合官方文档使用可以极大减少配置css的时间。原子化,轻量,值得试一试
2023-03-21 23:07:41 337
原创 表格边框样式设置,实现两列变成伪一列;灰白相间效果设置
table中加入border-collapse: collapse;灰白相间效果:设置单行为灰色。
2022-09-19 19:43:36 418
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人