20240321 前端开发日报

Rust 的风，终究还是吹到了前端；一天涨 23k Star 的开源项目「GitHub 热点速览」；面试官：在连续请求过程中，如何取消上次的请求？；面试官：聊聊 nextTick；node.js vue ElementUI axios vuex vue-router typescript 及相关技术栈之间的层级关系和互依性解析；Flutter & GLSL#8 | 乘法与矩形；前端面试题:说一下map和weakMap的区别；Vue3 v-model的使用

1. Rust 的风，终究还是吹到了前端

   大家好，我是风筝 前些天有一个叫做Rolldown的工具悄悄开源了，做前端开发的同学可能已经了解到了。到文章发布的时候 star 数量已经是 5.8k 了。而此工具的开源作者正是前端大佬，Vue 创始

2. 一天涨 23k Star 的开源项目「GitHub 热点速览」

   ​在 GitHub 上做过开源项目的小伙伴，可能都经历过截图自己项目 100 Star、1000 Star 的时刻，但有些时候事情发生的太快来不及截图，因为可能一觉醒来就破万了。这件事看似有些天方夜谭

3. 面试官：在连续请求过程中，如何取消上次的请求？

   如 Boss 搜索框所示： 请求参数通过右侧的 query 参数也可以看到，一共请求了四次。 不难发现，这里已经做了基本的防抖，因为我们连续输

4. 面试官：聊聊 nextTick

5. node.js vue ElementUI axios vuex vue-router typescript 及相关技术栈之间的层级关系和互依性解析

   文章浏览阅读227次，点赞2次，收藏7次。这样，你就可以看到这些技术之间的基本关系和它们各自的作用了。

6. Flutter & GLSL#8 | 乘法与矩形

7. 前端面试题:说一下map和weakMap的区别

8. Vue3 v-model的使用

   文章浏览阅读217次，点赞2次，收藏2次。inputvalue最新的值为 = {{ inputString }}

9. CSS Tips：用于按钮上的小技巧

10. 实现防抖函数并支持第一次立刻执行（vue3 + ts环境演示）

    文章浏览阅读122次，点赞2次，收藏2次。【代码】实现防抖函数并支持第一次立刻执行（vue3 + ts环境演示）

11. vue+electron搭建及打包、打印功能

    文章浏览阅读104次，点赞3次，收藏4次。tip：在vue.config.js文件内配置以下代码，解决electron+vue环境运行下出现__dirname is not defined报错解决方法。4、全局安装后你可以发现background.js文件，electron主进程的代码放在此文件内，渲染进程就交给vue。二、1、可使用 Vue CLI 来添加 Vue.js 到你的 Electron 项目中。先记录到这里，后续遇到问题继续记录！主进程 background.js文件。修改vue.config.js文件。在主进程文件中添加以下代码。

12. vue2 实战：模板模式与渲染模式代码互切

    文章浏览阅读60次。【代码】vue2 实战：模板模式与渲染模式代码互切。

13. vue3 使用element-plus 如何再次封装table组件

    文章浏览阅读177次。创建一个新的 .vue 文件，例如 baseTable.vue，作为你封装后的 Table 组件。• vue3 使用element-plus 如何再次封装table组件。

14. Vue项目使用process.env关键字及Vue.config.js配置解决前端跨域问题

    文章浏览阅读62次。由于我们的项目需要在不同环境下进行运行(开发，生产，测试等)，这避免我们需要多次的去切换请求的地址以及相关的配置，vue-cli2是可以直接在config文件中进行配置的，但是vue-cli4和vue-cli3已经简化了，没有config文件怎么办？既然知道项目运行的是那个模式，是不是我们就可以在不同模式下运行不同的变量信息，如开发环境使用端口8080，线上（生产）环境的端口是80，这个时候你会想，我知道不同模式配置不同信息，那信息配置在那个文件呢。需要注意的是，以上方法适用于开发环境下解决跨域问题。

15. 基于Lealfet.js展示Turf.js生成的平滑曲线实践

    文章浏览阅读1.6k次，点赞63次，收藏49次。本文分享一款webgis的解决方案，基于Turf.js组件来动态生成平滑曲线，然后在webgis框架中使用Leaflet进行展示。