20240215 前端开发日报

大前端老司机的浅谈;ES6新特性: Reflect;nodejs+vue+ElementUi公益图书捐赠系统0tw00;CSS外部资源引入对决:`link` vs `@import`,胜者为王;什么是React Forget;JavaScript原型链:探寻对象之间的继承秘密;【HTML】情人节给npy一颗炫酷的;Vue3之ElementPlus中Table选中数据的获取与清空方法

  1. 大前端老司机的浅谈

    前言 提一个关于国内程序员影响力的问题:在中国影响力最大的骨灰级程序员是何人? 王小波. 文章纯手打, 抛砖引玉, 如有错误还请评论区指正, 先行谢过了:) 如果你想通过阅读去触碰一个有趣的灵魂,那一

  2. ES6新特性: Reflect

    前言 Reflect是ES6中引入的一个新的内置对象,提供了一组静态方法,这些方法与一些操作符和语句的行为是一致的。Reflect对象的方法可以被用于代替一些传统的操作,比如属性的获取、设置、删除,函

  3. nodejs+vue+ElementUi公益图书捐赠系统0tw00

    文章浏览阅读209次,点赞2次,收藏4次。用户信息:id、用户名、密码、捐书数量(管理员端可以点击跳转查看详情)、上传电子书数量(管理员端可以点击跳转查看详情)、借阅图书数量(管理员端可以点击跳转查看详情);1.4.上传电子书:用户可以上传电子书,电子书信息有书名、作者、书号,管理员审核,审核通过则上传成功;1.2.捐赠图书:用户可以捐赠闲置的图书,上传图书信息,管理员审核,审核通过捐赠图书成功;1.3.查询图书:可以根据书号和书名查询图书,图书信息有书名、作者、书号、出版社、库存;1.3.2.归还图书:可以查看未还图书,归还该图书库存加1;

  4. CSS外部资源引入对决:`link` vs `@import`,胜者为王

    在CSS中,link 和 @import 都是用来引入外部样式表文件的方法,虽然在功能上有一定的重叠,但它们在加载方式、用法位置、兼容性和性能等方面有着明显的差异。

  5. 什么是React Forget

    你知道 React 里面缓存的 hook 吗?你又知道未来将发布的 React Forget 将为 Web 应用带来什么能力吗?这篇文章就为你解答。

  6. JavaScript原型链:探寻对象之间的继承秘密

    原型 构造函数 什么是构造函数呢?简单来说,当函数用于创建实例对象(new)时,这个函数便称之为构造函数。 prototype 在JavaScript中,每一个非箭头函数都有一个prototype属性

  7. Vue3之ElementPlus中Table选中数据的获取与清空方法

    文章浏览阅读326次,点赞11次,收藏3次。Vue3之ElementPlus中Table选中数据的获取与清空方法,通过点击按钮来实现

  8. 使用功能组件构建 React Grid 应用程序-Wijmo JS

    文章浏览阅读599次,点赞15次,收藏10次。MESCIUS 的 Wijmo 是一套全面的 JavaScript UI 组件和数据网格套件,旨在构建现代、高性能的企业应用程序。它提供了丰富的可定制元素库,例如图表、仪表、日历和网格,与 Angular、React 和 Vue 等流行框架兼容。Wijmo 拥有高效的数据处理、辅助功能和定期更新,使其成为寻求增强 Web 应用程序的交互性和视觉吸引力的开发人员的热门选择

  9. React:高阶组件|ref转发

    文章浏览阅读214次,点赞3次,收藏2次。React:高阶组件|ref转发,介绍子组件通过useImperativeHandle对外暴露句柄;父组件通过ref调用子组件暴露出来的句柄;中间通过forwardRef实现ref的转发。

  10. vue项目实战系列十五:vue-validator

    文章浏览阅读418次,点赞10次,收藏5次。/ trigger为触发验证的事件类型:还可以写成"blur,change"// (rule, value, callback) => {}为固定格式。// 验证规则中userName就是表单中传入的prop。// this.$refs[]获取标识符提交表单验证。// 两个地方可以写,还可以写在data中。// message为失去焦点后的提示内容。// validator为验证表单的方法。// required为是否必填。’身份证号格式不正确”手机号格式不正确’

  11. react渲染流程是怎样的

    文章浏览阅读355次,点赞11次,收藏6次。react渲染流程是怎样的

  12. 简析vue中的声明式渲染&响应式,ref()&reactive()

    文章浏览阅读195次。vue扩展了标准HTML的模板语法,用JavaScript的状态描述HTML应该是什么样子的,当状态发生改变,HTML会自动更新。而这种设计带来的另一个词,是响应式。你在你的vue文件中声明的东西必须是响应式的,否则无法触发HTML更新。总结为一句话:vue用JavaScript扩展了HTML,JavaScript的改变,触发HTML更新。用reactive声明的东西,不能重新赋值,只能修改其内部的值。2.reactive能实现的,ref基本都能实现;vue中很重要的两个词,"声明式渲染"和"响应式"。

  13. react 插槽

    文章浏览阅读144次,点赞2次,收藏3次。当父组件设置过数据以后,自组件可以通过props.childen 拿到想要的数据进行处理。父组件设置 solt 其实设置什么都可以,只是vue 通常以solt 为定义出于习惯。如果写多个插槽的时候要考虑单个的问题,因为单个插槽传递过来是对象形式的。问题开发当中会经常出现组件十分相似的组件,只有一部分是不同的。解决: 父组件:在引用的时候。这里我没有写单插槽定义。

  14. vue3传值useAttrs可以获取父组件身上的属性和方法

    文章浏览阅读88次。="getValue" 可以获取全部父组件的传值和方法。

  15. vue3 封装一个通用echarts组件

    文章浏览阅读716次,点赞5次,收藏7次。vue3通用echarts组件封装

  16. Vue源码系列讲解——模板编译篇【四】(文本解析器)

    文章浏览阅读451次,点赞18次,收藏8次。在上篇文章中我们说了,当HTML解析器解析到文本内容时会调用4个钩子函数中的chars函数来创建文本型的AST节点,并且也说了在chars函数中会根据文本内容是否包含变量再细分为创建含有变量的AST节点和不包含变量的AST// 当解析到标签的文本时,触发charstype: 2,text} else {type: 3,text从上面代码中可以看到,创建含有变量的AST节点时节点的type属性为2,并且相较于不包含变量的ASTexpression和tokens。


关注我

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

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

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