20231026 前端开发日报

产品：请给我实现一个在web端截屏的功能；前端同学的副业探索；前端开发，vue3实现excel文件预览和打印；前端特效之”我裂开了”；人手一个编程助手北大最强代码大模型CodeShell-7B开源，性能霸榜，IDE插件全开源；纯前端也可以实现「用户无感知录屏」？；聊聊前端困境与破局之道；每日一练-平衡二叉树的构建-JS简易版

1. 产品：请给我实现一个在web端截屏的功能

   一、故事的开始 最近产品又开始整活了，本来是毫无压力的一周，可以小摸一下鱼的，但是突然有一天跟我说要做一个在网页端截屏的功能。 作为一个工作多年的前端，早已学会了尽可能避开麻烦的需求，只做增删改查就行

2. 前端同学的副业探索

   跟一个前端小伙伴聊了聊关于35岁危机的话题。 老家有实体资源的，可以充分利用起来，结合互联网的便利性，为自己另谋出路。

3. 前端开发，vue3实现excel文件预览和打印

   在前端开发中，有时候一些业务场景中，我们有需求要去实现excel的预览和打印功能，本文在vue3中如何实现Excel文件的预览和打印。

4. 前端特效之”我裂开了”

   又简简单单地过了一周，这回给大伙带来一个新的前端特效，我把它命为-我裂开了。这个特效呈现的效果就是给背景图片加上一种裂开效果，大家可以接着往下看。 效果预览 这个效果其实就是一个撕裂特效

5. 人手一个编程助手北大最强代码大模型CodeShell-7B开源，性能霸榜，IDE插件全开源

   继 CodeLlama 开源之后，北大等机构正式开源了性能更强的代码基座大模型 CodeShell-7B 和代码助手 CodeShell-Chat。不仅如此，团队还把方便易用的 IDE 插件也开源了！

6. 纯前端也可以实现「用户无感知录屏」？

   如果真正做到无感知，那我们就不能借助浏览器或者系统系统的能力了。我们能做的就只能是通过js去操作了。 要在页面内直接录制视频似乎并不容易，没有现成的开源库可以使用，也没有很好的想法。 那我们换一个思路

7. 聊聊前端困境与破局之道

   不快乐一般是由于【摆烂和努力都不够纯粹】，这是你过的很拧巴的根源。 今天我们来聊聊前端的【发展的困局】 和【破局之道】

8. 每日一练-平衡二叉树的构建-JS简易版

   上篇文章介绍了排序二叉树的内容，这篇文章介绍平衡二叉树的创建。 排序二叉树虽说查找的复杂度是O(logn)，但这也是平均情况，极端情况可能就是O(n)了.比如一个没有分叉的排序二叉树，这时候树的高度就

9. 用Three.js做一个智慧城市-纯前端（Vue3+Three.js+antvG2）

   在网上找了很久都没有找到使用Three.js开发智慧城市的免费文章或者免费视频,自己花了一点时间做了一个纯前端的智慧城市项目。  技术栈都是最新的:vue3+vite+typeScript

10. 基于 nodejs+vue购物网站设计系统mysql

    文章浏览阅读169次。本文首先介绍了购物网站设计的发展背景与发展现状，然后遵循软件常规开发流程，首先针对系统选取适用的语言和开发平台，根据需求分析制定模块并设计数据库结构，开发此系统的目的是建立一个配合网络环境的购物网站设计，这样可以有效地解决购物网站管理信息混乱的局面。

11. Vue props实现父组件给子组件传递数据

    文章浏览阅读198次。Vue中的配置项Props能让组件接收外部传递过来的数据。

12. vue实现表格动态嵌入折线图绘制

    文章浏览阅读108次。这里的折线是使用g6图表绘制antv/g6。

13. react懒加载lazy

    文章浏览阅读87次。lazy能够让你在组件第一次被渲染之前延迟加载组件的代码。

14. vue3.0使用setup()

    文章浏览阅读160次。setup()

15. react中使用监听

    文章浏览阅读90次。react中使用监听

16. vue 路由守卫实现登陆校验拦截功能

    文章浏览阅读136次。vue 路由守卫实现登陆校验拦截功能

17. vue3移动端嵌入pdf的两种办法

    文章浏览阅读265次。分页的逻辑是使用vue3-pdfjs中的createLoadingTask函数获取pdf的总页数，这个函数是一个异步函数，之后会返回pdf的信息（别的信息基本没用，只有numPages比较有用。分页的逻辑是使用vue3-pdfjs中的createLoadingTask函数获取pdf的总页数，这个函数是一个异步函数，之后会返回pdf的信息（别的信息基本没用，只有numPages比较有用。使用vue-pdf-embed插件展示预览pdf（这里只能展示一页，或者不分页全部展示，就会是一长条，所以我们自己做分页。

18. 封装一个vue3 Toast组件，支持组件和api调用

    文章浏览阅读332次。一个简单的toast组件，利用createApp方法，挂载到实际的dom元素，支持组件调用和api调用方式。

19. Vue 实战项目（智慧商城项目）： 完整的订单购物管理功能 && 内涵资源代码 && 基于Vant组件库 && Vuex态管理 && 基于企业级项目开发规范

    文章浏览阅读149次，点赞2次，收藏3次。Vue 实战项目（智慧商城项目）： 完整的订单购物管理功能 && 内涵资源代码 && 基于Vant组件库 && Vuex态管理 && 基于企业级项目开发规范

20. 【vue3】依赖注 provide、inject（父组件与儿子、孙子、曾孙子组件之间的传值）

    文章浏览阅读56次。【代码】【vue3】依赖注 provide、inject（父组件与儿子、孙子、曾孙子组件之间的传值）

21. 历经三年，proxyee-down下载器作者的开源新作终于发布了，这次支持所有平台使用

22. 让图片完美适应：掌握 CSS 的object-fit与object-position

23. Vue3项目创建+组合式API使用+组件通信+渲染微博热搜+打包上线

24. 2年过去了，React Forget 凉了么？