20240409 前端开发日报

面试官：为什么忘记密码要重置，而不是告诉我原密码？；我早就看现在的工作流不爽了- 前端使用 Jenkins；你不知道的Vue最新功能：Vue Macros；探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null；面试官：如何一次性渲染十万条数据；Flutter 即将放弃 Html renderer ，你是否支持这个提议？；通过脚手架一键生成vue后台管理系统；你会Rust就可轻松写出可抗4000万网络请求的Http服务器-Pingora开源了

1. 面试官：为什么忘记密码要重置，而不是告诉我原密码？

   最近有个同学在面试中遇到了一个很有意思的问题，我相信大多数的同学可能都没有遇到过。 面试官提问说：“为什么很多网站忘记密码需要重置，而不是直接告诉用户原密码？

2. 我早就看现在的工作流不爽了- 前端使用 Jenkins

   笔者一天要说100次“哥，代码更新了，打包上传下吧，球球了”，终于我实在受不了了（上传代码的这位哥也受不了了），于是想通过 Jenkins 实现简单的前端项目自动打包部署。

3. 你不知道的Vue最新功能：Vue Macros

   Vue Macros 让你能提前体验下一个版本的Vue功能，也能了解到Vue团队的规划与野心，提前适应新版本

4. 探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null

   探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null <= 0 为 true”

5. 面试官：如何一次性渲染十万条数据

   后端一次性返回过多数据时，我们前端应该如何渲染，本文提供了两种比较适合方案供大家参考 直接渲染 先看下直接渲染会有什么问题吧 先模拟下这个数据过多时的情景，我生成十万条li，然后每个li都是随机

6. Flutter 即将放弃 Html renderer ，你是否支持这个提议？

   在之前的《Flutter Web 的未来，Wasm Native 即将到来》 中我们知道，Flutter 通过推进 WasmGC 的落地来支持 Dart Native ，从而让 Flutter Web

7. 通过脚手架一键生成vue后台管理系统

   最近一直在做后台管理，一般都是从网上git clone一份下来，然后根据需求将多余的模块删除。 这时我就在想有没有一种方法能够根据我的需要自动配置我想要的功能和模块呢？ 毕竟每一次复制粘贴也怪麻烦的，

8. 你会Rust就可轻松写出可抗4000万网络请求的Http服务器-Pingora开源了

   你会Rust就可轻松写出可抗4000万网络请求的Http服务器-Pingora开源了 大家好，我是梦兽编程。欢迎回来与梦兽编程一起刷Rust的系列。微信公众号【梦兽编程】即可加入梦兽编程微信交流群与我

9. 关于Vue+electron，通过contextBridge暴露的内容，window调用为undefined问题

   文章浏览阅读80次。最近在搞electron+vue项目，有几个业务需要用到vue和Electron通信，于是打开了electron官网，跟着敲代码，但是用到contextBridge去暴露electron的时候，在控制台调用window.electron一直为undefined。当contextIsolation 属性是false的时候一直会报错这个。（个人感觉electron官网写的很垃圾，很不友好）找问题找了一天，几近崩溃，最后发现是因为一个属性的设置。把contextIsolation设置为true，问题就解决了。

10. vue2.0项目改vue3.0注意事项

    文章浏览阅读71次，点赞2次，收藏3次。还在增加中。。。

11. VUE中实现数据代理和数据劫持(Vue原理之步骤二)

    文章浏览阅读673次，点赞15次，收藏5次。一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可获取一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

12. Vue学习：4.v-model使用

    文章浏览阅读208次，点赞2次，收藏2次。第一节算是对v-model的粗略了解，仅仅是将input的输入与Vue 实例的数据之间双向绑定。这一节将更详细的了解v-model在不同表单元素中的使用。

13. electron打包Vue前端

    文章浏览阅读421次，点赞18次，收藏16次。electron-forge打包vue成exe

14. vue之项目实战elementUI经验之谈

    文章浏览阅读677次，点赞13次，收藏12次。前端面试题汇总前端面试题是我面试过程中遇到的面试题，每一次面试后我都会复盘总结。

15. vue的学习之路（Vue中组件(component )(1)

    文章浏览阅读142次。{{msg}}使用全局组件 在vue实例中配置对象。

16. 【Vue】响应式原理与ref

    文章浏览阅读423次，点赞10次，收藏10次。JavaScript 运行环境包含了一些不可枚举、不可写入的对象属性，然而在 ES5 之前开发者无法定义他们自己的不可枚举属性或不可写入属性。ES5 引入方法以便开发者在这方面能够像 JS 引擎那样做。ES6 为了让开发者能进一步接近 JS 引擎的能力，推出了Proxy，代理是一种封装，能够拦截并改变 JS 引擎的底层操作。简单的说，就是在目标对象上架设一层 “拦截”，外界对该对象的访问，都必须先通过这层拦截，提供了一种改变 JS 引擎过滤和改写的能力。Proxy。

17. vue-计算属性和监视属性(1)

    文章浏览阅读171次，点赞4次，收藏7次。对于两种方法：如果计算属性要被修改，那必须写set函数去响应修改，且set中要引起计算时依赖的数据发生改变监视属性 – watch通过下面的实例来看看什么是监视属性当监视属性isHot发生变化了，就会触发handler函数，执行里面的语句我们知道Vue自身可以监视对象内部置的改变，但Vue提供的watch默认是不可以的但是没关系：可以通过一种方法让watch能够t通过添加可以让watch实现深度监视})

18. Vue – 你可以说一说Veu3采用的Proxy与Vue2采用的defineProperty相比有什么优势吗

    文章浏览阅读84次，点赞8次，收藏6次。所以Object.defineProperty针对的主要是对象已有的属性数据，所以对属性的新增和删除很难检测到，监听数组的类似push、pop等api不友好，如果对象存在嵌套关系，则需要深层递归监听，比较耗费性能。然后慢慢的，它会做为一个引子，其实重点考察的是对Proxy的深度使用。通过以上代码可以发现，Proxy在监听对象属性的变化上，监听数组API的使用上都非常方便，不需要再使用额外的vue.set()等方法，读者还可以尝试使用Proxy的一些其他拦截方法，从而在面试中更充分的说明Proxy的优势。

19. vue中实现路由鉴权和不同用户登录

    文章浏览阅读117次。Vue 中可以结合 Vuex 和路由守卫来实现路由鉴权。路由鉴权是指根据用户权限控制用户可以访问哪些路由。

20. 【Vue】Vue3父子组件相互调用示例

    文章浏览阅读70次。目录1. 父调子示例1.1 父组件1.2 子组件2. 子调父示例2.1 父组件2.2 子组件Tips：使用场景情况有很多，通常常见于页面表单赋值，表单属性页面回显。页面给弹窗dialog表单赋值，通常情况为父传子；而表单提交后回传给页面数据，通常情况为子传父。1. 父调子示例1.1 父组件<template> <button @click="demoClick ">触发子组件方法</button> <UpdateDlg ref="refupdate