Chrome发布新的CSS视口布局单位:svh、lvh、dvh!
在最近发布的 Chrome 108 中,带来了几个新的 CSS 视口单位:svh小视口单位,lvh大视口单位,dvh动态视口单位;如果你想将一个元素设置成全屏高度,你可以设置高度:100vh
Js字符串补全/补位方法:padStart() 和 padEnd()
在今天的教程中,我们将一起来学习新的字符串,padStart() 和 padEnd(),它可以帮助我们实现用另一个字符串填充一个字符串,直到结果字符串达到给定的长度。
JavaScript 条件判断与比较运算
JavaScript 中有三种方法可以用来进行条件判断:使用 if-else 语句。这种方法用于在特定条件为 true 时执行一段代码,否则执行另一段代码;使用 switch 语句。这种方法用于在多个条件之间做出选择
如何在 React 中优雅的使用 addEventListener
它只会在这个组件加载时,绑定事件,如果这个事件中用到了其他的 state,那么这个状态发生变化时事件中是拿不到最新的 state,你会想到,我把 state 放到依赖项中:
移动端 H5 实现拍照功能
使用 WebRTC API 实现移动端 H5 拍照功能需要对 WebRTC API 进行深入了解,并对其进行适当的错误处理,以确保在不同的浏览器和移动设备上正常工作。以上方法都可以帮助你实现移动端 H5 拍照功能
程序员独立接单需要注意的问题
不少做技术的出来单干或者自由职业之后,一开始难免要靠接一些外包项目来维持收入,如果有些问题没有提前商量好,在合作的过程中很容易给自己埋坑或者发生不愉快的事情。笔者根据自己的血泪经验总结了一下
React 实现自动上报 pv/click 的埋点 hooks
自定义 hooks 是基于 React Hooks 的一个拓展,我们可以根据业务需求制定满足业务需要的组合 hooks,更注重的是逻辑单元。怎样把一段逻辑封装起来,做到复用
ChatGPT能为前端程序员带来什么?
ChatGPT可以为前端程序员带来许多好处。首先,ChatGPT可以通过自动生成代码并为高效的编码解决方案提供建议来帮助加快开发时间。它还可以通过突出显示潜在的错误并提供反馈来帮助调试过程
我相信这是vue3复用代码的正确姿势!
vue2 使用 mixins 进行代码复用所带来的问题,引出了vue3如何进行代码复用。介绍 组合式 API (Composition API) 以及为什么需要 组合式 API, 什么是 组合式函数 通过一个例子让大家了解了 组合式函数 的用法。