- 博客(21)
- 收藏
- 关注
RSS订阅原创 「前端优化必学」v-model 陷阱，连续输入瞬间卡半天？！
通过这个例子我们可以学习到一个重要的优化技巧：减少不必要的组件重新渲染。有时候我们可能不注意使用方式或者场景需求而导致组件重新渲染太频繁而影响性能和用户体验。所以我们要根据具体情况具体分析，在保证功能正常运行的前提下尽量减少组件重新渲染的次数。当然这只是 Vue 中众多优化技巧中的一小部分，Vue 还有很多其他优化技巧等待你去探索和学习。
2024-04-10 20:40:13
775
原创 一个“平平无奇”的 loading 效果
通过这篇文章，我们学习了如何用 CSS3 的 transform 和 animation 属性来实现一个简单而有趣的 loading 效果。我们利用了伪元素来生成黑白两球，利用了 translate3d 函数来实现三维的移动效果，利用了 animation-delay 属性来实现交替的动画效果。这个效果不仅可以增加用户的等待乐趣，也可以锻炼我们的 CSS3 技能。希望你能喜欢这篇文章，并在自己的项目中尝试一下这个效果。
2024-04-10 20:19:07
858
1
原创 Vue 如何利用 computer 解决单项数据流的问题
通过这篇文章，你应该对 Vue 的单向数据流有了更深入的理解和掌握。你学习了如何在封装表单组件时避免打破单向数据流，以及如何使用计算属性和辅助函数来简化和优化你的代码。这些技巧不仅能让你写出更高质量和更易维护的代码，还能让你提高你的开发效率和水平。希望你能在你的项目中运用这些技巧，让你的 Vue 组件更加高效！
2024-04-10 20:15:43
354
1
原创 让你的标题动起来：一个CSS渐变下划线效果的实用技巧
子辰通过实现一个案例来介绍了 CSS 的渐变背景、背景大小调整、位置设置、鼠标 hover 过渡等基本属性和技巧。通过动手实践，你能够对这些属性和技巧有更加深刻的理解，提升了自己对 CSS 的掌握和运用能力。其实子辰想揭示的是一个重要的思考方式，即需通过实际操作和想象力来寻找问题的解决方案。这种思考方式不仅在 CSS 样式的应用上具有指导意义，更可以促进你在其他领域的创造性思维和创新能力的提高。
2024-04-10 20:10:32
275
1
原创 如何用 Vue3 打造一个通用的右键菜单组件，让你的网页更加灵活和有趣
右键菜单组件非常常见，所有的前端开发工程师都会遇到类似的功能组件开发需求今天，子辰就来和大家一起用vue3封装一个通用的右键菜单！
2023-07-01 13:45:19
4392
3
原创 Vue 右键菜单的秘密：自适应位置的实现方法！
当你右键点击网页上的某个元素时，弹出的菜单被屏幕边缘遮挡了，导致你无法看清或选择菜单项？来看看这个问题的企业级解决方案吧
2023-06-30 12:02:53
660
1
原创 如何实现分片加载网络数据，让页面秒开无白屏？
网络请求是前端开发中非常重要的一环，但是当我们处理较大的网络请求时，我们往往会面临着长时间的等待和页面白屏的问题。这不仅影响了用户体验，也降低了网站的性能。那么，你是如何解决这一问题呢？有没有什么好的方法可以让我们在网络请求时既快又好呢？我是渡一前端子辰老师，今天我来为大家介绍一种实用的技巧——分片接收网络数据
2023-06-29 12:02:20
424
1
原创 什么？CSS 能实现鼠标滚轮的横向滚动？
再次考察你的css功底，今天给大家介绍的是纯CSS 实现横向滚动的原理和步骤，通过具体的代码示例和深入的技术分析，让你的技术更上一层楼！
2023-06-23 10:02:21
2517
原创 这样的文字环绕效果，你绝对没有见过！
图片环绕文字大家太熟悉了，这是初学css必须经历的效果之一。但是你有没有想过让文字按照我们想要的方式进行环绕呢？我是渡一子辰老师，今天就来教大家实现这种奇妙的环绕方式。
2023-06-22 11:56:05
1253
1
原创 面试官：你的项目有什么亮点？我：解决了JS脚本加载失败的问题！
描述项目时加上这条，你就是前端面试超靓的仔，我是子辰，今天一起解决js脚本加载失败的问题
2023-06-21 12:33:01
219
原创 具名导入是在解构吗？带你具体分析一下
这个问题你要是能解释清楚，就代表你对技术的理解已经达到大厂的级别看着挺像的，但二者之间还是有着本质的区别一棵树能长多高，取决于他的根有多深想透彻理解，平时的积累十分重要
2023-06-20 22:19:26
64
原创 中断和恢复任务序列，面试官在考察我什么？
如何中断/恢复任务序列？这是一道由渡一后期学员提供的面试题。这道题出的非常好，虽然题目本身没有什么难度，但是考验了同学们的编程能力。
2023-06-19 19:35:41
48
1
原创 你的代码着色好看吗？来这里看看吧！
如果你想在网页上展示一些代码，你可能会遇到一个问题：代码看起来很单调，没有任何颜色格式，这样的代码不仅不美观，也不利于阅读和理解。今天，我们利用highlight.js这个第三方库来实现代码着色的效果
2023-06-18 12:00:00
163
1
原创 令人惊叹的文字交融效果，只需几行 CSS 代码就能实现！
这个案例代表了CSS技能高水平，这样的一个文字交融效果，你能否一眼看穿他的原理呢？效果看上去确实非常的吓人，但掌握了原理之后几行代码就可以实现。我是渡一子辰老师，接下来让我来带你分析文字交融效果的实现原理
2023-06-17 12:06:15
102
1
原创 撬开技术难点！实现Fetch 请求扩展超时功能！
80%的程序员都遇到的过的业务场景你一定遇到过使用 fetch 请求时无法控制超时时间的尴尬情况 你的解决方案是否过于局限，缺乏通用性和可重复性？来看看子辰这个解法，帮你扫清迷雾
2023-06-16 12:07:34
232
原创 字节面试题：判断传入的函数是否标记了 async
你一定听说过 async/await、Promise、Generator 等等。但是，你是否知道如何准确地判断一个函数是否标记了 async 。跟着子辰来看看这道字节的面试题，相信会对你有所帮助
2023-06-15 14:20:23
91
1
原创 优雅的时钟翻页效果，让你的网页时钟与众不同！
子辰这篇文章将教你如何通过简单的步骤，为你的网页时钟添加翻页效果。无论你是 web 开发初学者或是有一定经验的开发者，这篇文章都将为你提供有用的实现技巧和原理解释。
2023-06-14 12:05:36
1943
1
原创 Vue3 这种方式优化白屏时间超级好用，我不允许你还不知道！
前端优化之白屏问题是一个非常重要而又常见的问题，我们需要根据不同场景采取不同策略。本文介绍了其中一种场景和优化方法，即利用 defer 函数来控制组件何时进行渲染，让页面内容逐步展现出来。从而提高用户感知效率和体验。当然还有其他优化方法和技巧。比如使用骨架屏、预加载、懒加载、代码分割等等。前端优化是一个永无止境而又充满乐趣和挑战性的领域，希望本文能给你提供一些启发和参考。文章的最后，子辰向大家重点推荐一下我们渡一的《大师课》，本文读者，大家可以来免费领取这套课程包含事件循环V8引擎原理。
2023-06-13 12:03:56
907
原创 你不会还不知道圈复杂度吧？
随着我们前端的逐渐成熟，各公司对代码质量的要求也在逐渐提高，最近收到不少同学反应各种 eslint 规则通不过的问题，那么其中呢就遇到了好几个同学是圈复杂度的问题。我们应该时刻关注我们的代码质量，避免写出过于复杂和冗余的代码，应该尽量保持代码的简洁和清晰，遵循一些编程规范和原则，比如单一职责、开闭原则、最小惊讶等，也应该利用eslint这样的工具来帮助我们检查和优化代码，降低圈复杂度，提高代码可读性和可维护性。当然圈复杂度只是衡量代码质量的一个方面，还有很多其他的指标和方法可以帮助我们提高代码水平。
2023-06-12 13:19:53
303
1
原创 git 文件名大小写的坑，你踩过吗？
如果你使用 git 做项目管理，你可能会遇到一个非常棘手的问题：git 默认是不区分文件名大小写的。这意味着如果你修改了文件名的大小写，git 会认为文件没有变化，从而导致本地和远程仓库不一致，甚至出现运行错误。那么，你是如何发现和解决这个问题呢？有没有什么好的方法可以让我们在使用 git 时避免这个问题呢？
2023-06-08 21:39:35
2224
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人