20240404 前端开发日报

Node.js 为什么在改版中使用了Next.js;15K star开源免费的高效投屏工具,无需root;Next.js v14 报 document is not defined 这种错怎么办?基本都会遇到,深入解析,收藏备用;超详细的大文件分片上传⏫实战与优化(前端部分);Vue3+TypeScript项目(用户管理模块);Vue 学习随笔系列十二 — 表格内容渲染方法;前端Vue Node.js + Express + MongoDB 构建的后端服务API接口;Vue(7),成为一名合格前端架构师

  1. Node.js 为什么在改版中使用了Next.js

    深入探讨 Node.js 网站重新设计 Node.js 刚刚推出了一个新的 Next.js 网站并分享了幕后细节。他们考虑过 Nextra,但最终选择了自定义 Next.js 设置。该网站是静态构建的

  2. 15K star开源免费的高效投屏工具,无需root

    上班时总是掏出手机不太好?那不如试试把手机投屏到电脑上。今天介绍一个开源免费的工具,可以实现高效稳定的安卓手机投屏,并且支持无线连接,它就是:QtScrcpy。

  3. Next.js v14 报 document is not defined 这种错怎么办?基本都会遇到,深入解析,收藏备用

    使用 Next.js 的时候,经常会在引入三方库(比如 antv)的时候,遇到 “document is not defined”、“window is not defined" 这样的报错,此时该怎

  4. 超详细的大文件分片上传⏫实战与优化(前端部分)

    支持断点续传, 文件秒传, 使用了 Web Worker, 并基于WebWorker 实现了前端线程池用于哈希计算速度的优化.

  5. Vue3+TypeScript项目(用户管理模块)

    文章浏览阅读124次。添加用户按钮:我们在点击添加用户按钮的时候,先把之前的用户数据清空。截图修改一下,用户名字改为username,用户名称改为name。添加和修改的请求封装成一个。点击取消按钮之后:关闭抽屉。

  6. Vue 学习随笔系列十二 — 表格内容渲染方法

    文章浏览阅读237次。示例代码1示例代码22、 使用 render 函数3、使用 template 自定义4、使用 slot 插槽5、注意使用template 自定义时,columns中的序号列显示不出来,需要在代码中重新编写,例:

  7. 前端Vue Node.js + Express + MongoDB 构建的后端服务API接口

    文章浏览阅读594次,点赞18次,收藏4次。构建一个使用 Vue.js 作为前端,Node.jsExpressMongoDB作为后端服务的全栈应用涉及到多个步骤。这里简要概述整个过程,并提供一些基本的代码示例来帮助你开始。

  8. Vue(7),成为一名合格前端架构师

    文章浏览阅读428次,点赞8次,收藏6次。基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。有帮助,可以添加V获取:vip1024c (备注前端)**

  9. Vue ElementPlus Input 输入框

    文章浏览阅读408次,点赞5次,收藏4次。通常情况下,应当处理 input 事件,并更新组件的绑定值(或使用v-model)。否则,输入框内显示的值将不会改变。不支持 v-model 修饰符。可以通过 prefix-icon 和 suffix-icon 属性在 input 组件首部和尾部增加显示图标,也可以通过 slot 来放置图标。使用show-password属性即可得到一个可切换显示隐藏的密码框。使用clearable属性即可得到一个可清空的输入框。input 为受控组件,它总会显示 Vue 绑定值。带有图标标记输入类型。

  10. vue2源码解析——vue中如何进行依赖收集、响应式原理

    文章浏览阅读323次,点赞8次,收藏8次。vue每个组件实例vm都有一个渲染watcher。每个响应式对象的属性key都有一个dep对象。所谓的依赖收集,就是让每个属性记住它依赖的watcher。但是属性可能用在多个模板里,所以,一个属性可能对应多个watcher。因此,在vue2中,属性要通过dep对象管理属性依赖的watcher。在初始化时编译器生成render函数,此时触发属性的依赖收集dep.depend。组件挂载完成后,操作页面,当数据变化后,对应的响应时对象会调用dep.notify方法通知自己对应的watcher更新。

  11. 简述vue3新特性

    文章浏览阅读436次,点赞12次,收藏3次。Vue 3 的响应式系统进行了重大改进,现在使用 Proxy 来替换原本的 Object.defineProperty 实现数据响应式,从而解决了 Vue 2 中存在的一些限制和问题。Vue 3 引入了 Composition API,这是一种新的、可选的 API,允许用户更加灵活地组织和重用逻辑代码。总的来说,Vue 3 在保留 Vue 2 核心特性的基础上,引入了许多新特性和改进,使得 Vue 开发更加灵活、高效和愉悦。Vue 3 中的组件定义与 Vue 2 类似,但有一些细微的差别。

  12. Vue.CLI ref、props、mixin、plugin、scoped

    文章浏览阅读136次,点赞3次,收藏3次。新建一个 plugin 文件夹 在文件夹中新建 plugins.js 文件。最后编辑时间 2024,4,04;接下来写一个vue示例。


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流