20240308 前端开发日报

面试官：为什么不用 index 做 key？；不一样的SVGSVG 渐变边框在 CSS 中的应用；一款基于web的开源word文档编辑器；万物皆可转：前端框架编译原理内参；Rust 登上了开源头条「GitHub 热点速览」；2种纯前端换肤方案；vue3+gasp实现✨星之卡比输入框✨；前端太卷了，不玩了，难道就你还不会写node.js全栈，赶紧学起来吧

1. 面试官：为什么不用 index 做 key？

   Holle 大家好，我是阳阳羊，在前两天的面试中，面试官问了这样一个问题：“在 Vue 中，我们在使用 v-for 渲染列表的时候，为什么要绑定一个 key？能不能用 index 做 key？”

2. 不一样的SVGSVG 渐变边框在 CSS 中的应用

   介绍一些你可能没用过的SVG & CSS小技巧。 在平时开发中，很多时候都会用到SVG。大部分情况我们都不必关注SVG里面到底是什么，直接当成图片资源引入就行，比如常见的图标资源 我们可以通过多种方式

3. 一款基于web的开源word文档编辑器

   hi, 大家好, 我是徐小夕, 最近在研究基于 web 的文档编辑器,在网上调研了很多方案, 刚好看到了一款非常有意思的开源编辑器——canvas-editor, 它底层基于 canvas 实现, 我

4. 万物皆可转：前端框架编译原理内参

   （内容真的很干，来看看，求你了）作为前端同学，如果接到这种工作可能会汗流浃背。但不要担心，只要我们把目标拆解到足够清晰、足够细化，一切困难都是纸老虎。所以我们做事第一步，先了解一下什么是编译器：

5. Rust 登上了开源头条「GitHub 热点速览」

   本周的热门开源项目，Rust 语言可谓是出尽风头，登顶的是一款 Rust 写的 Web 服务器：pingora，它夸张到一周涨了 1 万 Star，目前还在以每天 1000+ 恐怖速度增长着，该项目是

6. 2种纯前端换肤方案

   前言 换肤功能是一项普遍的需求，尤其是在夜晚，用户更倾向于使用暗黑模式。在我负责的公司项目中，每个项目都有换肤功能的需求。 过去，我主要使用 SCSS 变量，并利用其提供的函数，如 @each、map

7. vue3+gasp实现✨星之卡比输入框✨

8. 前端太卷了，不玩了，难道就你还不会写node.js全栈，赶紧学起来吧

9. 面试官:请手写一个防抖节流,我:在我的博客里写了,想要啊?你去复制就好了

10. testvue-新增图表功能（教师那边-后续放到管理员那边）-src/main.js ，router/index.js

    文章浏览阅读64次。2修改：common/sidebar.vue ,page/ echarts.vue , router/index.js , src/main.js。1.安装–然后在src/main.js中 导入 和 使用。

11. Vue深度教程

    文章浏览阅读341次，点赞4次，收藏5次。一、Vue简介1.简介2.快速上手二、基础1.创建一个Vue应用2.模板语法3.响应式基础4.计算属性5.Class与 Style绑定6.条件渲染7.列表渲染8.事件处理9.表单输入绑定10.生命周期钩子11.侦听器12.模板引用13.组件基础三、深入组件1.组件注册2.Props3.组件事件4.组件v-model5.透传Attributes

12. 前端工程化（9）：编写一个eslint插件来解决实际项目中的问题

13. 前后端分离项目Vue+node.js二手商品交易系统74qb3

    文章浏览阅读936次，点赞5次，收藏4次。校园二手网站针对的人群是高校的学生，因此它比起 等网站针对性更强，其本身有着查询方便，分类科学，定价灵活等特点，对于高校学生来说，校园二手商品交易平台可以为他们在学习生活上带来很大的方便，同时也减少资源的浪费和资源的循环利用。实现用户/管理员登录，注册，退出，浏览商品，搜索商品，评论商品，用户发布商品，地址，购物车，支付订单，查看修改个人信息，管理员管理商品，商品分类，用户，评论，地址,新闻公告,在线客服,论坛交流等功能。其主要功能有：用户注册，用户管理，管理员管理，商品分类，商品查找，留言系统等。

14. 阿珊比较Vue和React：两大前端框架的较量

    文章浏览阅读280次，点赞10次，收藏11次。 在前端开发领域，Vue和React都是非常流行的框架。本文将对比Vue和React的特点，帮助读者更好地理解这两大框架的优劣，从而做出更明智的选择。‍Vue和React都是优秀的前端框架，各有特点和优势。选择哪个框架取决于项目需求、团队技能和开发周期等因素。希望本文的比较能对你有所帮助，让你更好地理解和选择Vue和React。。

15. Angular React Vue 比较 – 组件篇之动态组件

    文章浏览阅读356次，点赞10次，收藏2次。应用可能会需要在运行期间加载一些新的组件，这个时候我们就用到了动态组件。本章我们将通过一个动态广告条的示例来介绍三大框架是如何动态添加组件的。

16. vue权限管理，自定义权限指令

    文章浏览阅读110次，点赞3次，收藏6次。（本项目存在localStorage中，全局配置piniaPersistStorage: window.localStorage）在layout布局组件根据角色id获取用户权限，存放权限路由，权限菜单，权限按钮。layout.vue根据useLayout返回的menuList权限菜单进行渲染。把路由meta定义的操作显示到界面上，操作权限。修改权限后，用户登录后，获取角色id存储在本地。6、按钮控制（vue自定义权限指令）界面上的操作定义在路由meta上。1、路由定义界面操作。3、登录获取角色id。

17. vue slot 仔细研究一下

    文章浏览阅读181次，点赞2次，收藏5次。以上内容仔细研究一下，slot插槽是非常重要的核心内容，多用多练即可。

18. 在使用vue3 + vite + ant design vue 的时候，引用组件，打包会报错

    文章浏览阅读254次，点赞8次，收藏4次。【代码】在使用vue3 + vite + ant design vue 的时候，引用组件，打包会报错。

19. Vue3.0跟Vue2.0的自定义指令

    文章浏览阅读118次，点赞3次，收藏2次。template>//用自定义指令做一个没有图片的话出现图裂效果//原照片地址//图裂地址//在main.js中注册// 注册一个全局自定义指令 `v-example`// 当被绑定的元素插入到 DOM 中时……// 聚焦元素el.focus();});// 在组件中使用// 指令绑定时的操作},// 指令绑定到元素后的操作},

20. vue 2 和 vue 3 在自定义组件中如何使用v-model

    文章浏览阅读315次，点赞9次，收藏4次。vue2 和 vue 3 如何在自定义组件中使用v-model