20240118 前端开发日报

js 系列第一篇：数组对象的 34 种官方用法；nodejs+vue+ElementUi婚恋交友相亲网站yne25-vscode项目；开源的代名词「GitHub 热点速览」；如何应对Android面试官->我用RecyclerView实现了吸顶效果；vue3+element Plus实现在table中增加一条表单数据；组件v-model（.sync）记录使用（vue3）；010：vue结合el-table实现表格小计总计需求（summary-method）；vue3前端开发，自学一下reactive,ref的差异是什么

1. js 系列第一篇：数组对象的 34 种官方用法

   前言 数组（Array）作为 JavaScript 位列第一的对象， 其重要性可见一般，在这里就让我们来详细的扒一扒数组对象都有哪些方法，它们分别能对数组做什么。 想一起学习 Js 语言知识的同学可以

2. nodejs+vue+ElementUi婚恋交友相亲网站yne25-vscode项目

   文章浏览阅读394次。管理员功能有个人中心，用户管理，会员管理，活动信息管理，活动类型管理，参加信息管理，签线服务管理，会员账户管理，充值信息管理，消费信息管理，会员参加管理，论坛管理，管理员管理，留言板管理等。基于vue的婚恋网站的设计与实现 1。

3. 开源的代名词「GitHub 热点速览」

   当开发者谈论开源时，通常会想到 GitHub，它不仅仅是一个代码托管平台，更是一个汇聚了全球开发者的社交中心。过去，开发者发布一款软件后，都是在自己的小圈子里默默努力和交流，现在通过 GitHub 平

4. 如何应对Android面试官->我用RecyclerView实现了吸顶效果

   大厂面试官带你深度理解 RecyclerView 的 ItemDecoration，深度定制 ItemDecoration 实现吸顶效果，轻松应对 Android面试官连环炮

5. vue3+element Plus实现在table中增加一条表单数据

   文章浏览阅读161次，点赞4次，收藏3次。实现在table列表中，增加一行可单条数据保存的表单，使用vue3 + element Plus。

6. 组件v-model（.sync）记录使用（vue3）

   文章浏览阅读463次，点赞13次，收藏7次。在Vue3中，v-model 指令可以用于自定义组件上，用于实现组件的双向数据绑定。与Vue2中的 .sync 不同，Vue3中的v-model需要在组件中手动实现双向绑定逻辑。

7. 010：vue结合el-table实现表格小计总计需求（summary-method）

   文章浏览阅读379次，点赞5次，收藏7次。/ 调用后端接口table数据。// 调用后端接口返回的总计数据。

8. vue3前端开发，自学一下reactive,ref的差异是什么

   文章浏览阅读454次，点赞16次，收藏2次。但是，有点区别，是，reactive只支持输入一个对象作为参数，ref则还可以支持简单的数据信息作为参数。如图，可以正常获取到，经过reactive包装后的动态对象的内容。因为它是一个对象，所以我们需要使用“.”[点]的形式，把里面的数据调用出来。以及，如果你想在脚本区域内修改它的数据，需要借助于（*.value）才能修改。这个代码显示的是，我们仅仅是调用了。vue3前端开发，自学，学习一下，reactive和ref的差别。下面展示的是ref，接收对象形式的参数内容。如图，草莓单价是66元。

9. vue3 + vuetify3 根据 snackbar组件 二次封装 全局函数命令式组件 JSX

   文章浏览阅读113次，点赞3次，收藏3次。vue3.x + vuetify3.x vuetify ui组件库 没有全局函数命令组件 故 根据 snackbar 组件 二次封装 全局使用

10. node.js(express.js)+mysql注册代码优化

    文章浏览阅读172次，点赞3次，收藏3次。二、检测用户名是否被占用/utils/db.js文件的代码如下：三、对密码进行加密项目安装指定版本bcryptjs库四、插入新用户（完整代码）1. 在上面的代码的基础上封装res.send()方法为统一的中间件，在app.js文件中然后在注册接口中把res.send修改成统一res.cc，代码如下：2. 优化username，password 表单数据验证在实际开发中，前后端都需要对表单的数据进行合法性的验证，而且，后端做为数据合法性验证的最后一个关口，在拦截非法数据方面，起到了至关重

11. 252：vue+openlayers 绘制锥形渐变填充色的圆形

    文章浏览阅读167次，点赞31次，收藏23次。本示例的目的是介绍如何在vue+openlayer中绘制带有锥形渐变填充色的圆形。

12. vue同一个浏览器登录不同账号数据覆盖问题解决

    文章浏览阅读134次，点赞3次，收藏5次。这里使用storage监听本地数据 ，首先在登录后把数据存入本地，这里我用的是sessionStorage和localStorage中的数据做对比，因为localStorage数据是可共享的，如果不一致则刷新。3、vuex中定义一个属性控制TrialDialog.vue弹窗组件的显示和隐藏。有些时候用户点进详情页，刷新时出现弹窗提示用户当前页面已丢失，点击跳回首页即可。4、在监听数据不一致时更新vuex中的数据即可。1、首先定义一个弹窗组件，这里我就不写了。2、在home.vue组件中引入。

13. VUE工程化–vue组件注册

    文章浏览阅读129次，点赞3次，收藏2次。2、注册组件–注册成html标签（components中）1. 局部注册：只能在注册的组件内使用。2. 全局注册：所有组件内都能使用。

14. react umi/max 封装页签组件

    文章浏览阅读216次。自己临时封装的一个小组件，功能如上图。缺点：没有刷新和拖拽功能。优点：可以缓存页面。

15. Vue中的路由组件

    文章浏览阅读340次，点赞16次，收藏13次。Vue中的路由组件