技术栈
ecmascript
@大迁世界
6 小时前
开发语言
·
前端
·
javascript
·
react.js
·
ecmascript
Next.js 与 React.js 的对比分析
核心区别的理解 React.js 是一个专注于构建 UI 组件的库,它灵活但需要自行搭配其他工具(如 React Router)才能构建完整的应用。 而 Next.js 则是在 React 基础上发展出来的框架,自带服务端渲染(SSR)、静态站点生成(SSG)和 API 路由等特性,更倾向于为你提供一整套解决方案。
叶浩成520
8 小时前
开发语言
·
javascript
·
ecmascript
封装svg图片展示及操作组件——svgComponent——js技能提升
this.klFile = "data:image/svg+xml;base64," + data[0].kl_svg <svg-component v-if="klFile !== null" :svg-base64="klFile" view-box="0 0 2000 2000"></svg-component>
小李老笨了
19 小时前
javascript
·
react.js
·
ecmascript
React的渲染流程
render 函数中的代码经过 Babel ,将代码进行转化,每遇到一个标签将元素转化成 React.createElement("div",{class,id},[]) ,子元素通过嵌套关系形成一个树结构,这个树结构就是指虚拟 DOM ,根据虚拟 DOM 最终渲染出一个真实 DOM 。
牧云流
21 小时前
javascript
·
vue.js
·
ecmascript
Vue3数据响应式原理
当数据变化时,引用数据的函数(副作用函数)自动重新执行。 即数据触发了函数的响应,如:视图渲染中使用了某数据,数据改变后,视图跟着自动更新。 触发者:数据 响应者:函数
不爱学英文的码字机器
1 天前
开发语言
·
javascript
·
ecmascript
[JavaScript] 运算符详解
算术运算符用于完成基本的数学计算。比较运算符返回布尔值:true 或 false。逻辑运算符用于布尔值运算,主要包括:与、或、非。
@前端小菜
1 天前
开发语言
·
javascript
·
ecmascript
探秘JavaScript:手写memoize函数全解析
memoize 函数主要的作用是缓存函数的计算结果。当一个函数被memoize包装后,它会记住之前传入相同参数时的返回值。
大得369
1 天前
javascript
·
react.js
·
ecmascript
react使用react-redux状态管理
1、安装2、创建store.js3、在主文件index.tsx全局引入4、使用 1、在两个tex文件引入使用查看效果 第一个tex文件
李是啥也不会
1 天前
前端
·
ecmascript
·
es6
ES6是什么
风吹头皮凉
1 天前
javascript
·
vue.js
·
ecmascript
el-date-picker根据开始时间或结束时间禁用前后时间
洗发水很好用
4 天前
开发语言
·
javascript
·
ecmascript
js中处理树形数据
平时开发中会经常碰到树形数据,而我们存储的数据往往是扁平的数据,需要在前端或者后端对数据进行进一步处理成前端组件需要的树形数据。在操作完树形数据后再转换成扁平数据发给后端。下面JavaScript 中处理树形数据的方法,包括构建树和解析树。
炒毛豆
4 天前
开发语言
·
javascript
·
ecmascript
大文件上传的解决办法~文件切片、秒传、限制文件并发请求。。。
1、项目背景:针对大文件上传,如果将文件作为一个请求去发送给后端,会有以下几种问题,首先是上传时间长,用户不能进行其他操作,包括页面刷新等操作,其次有的接口会设置响应时间限制,可能大文件还没上传完就触发响应限制了,这样对用户很不友好,那么怎么解决呢?
世染尘光166
4 天前
开发语言
·
javascript
·
ecmascript
js基础---var与let的区别以及const的使用
在较旧的JavaScript,使用关键字var来声明变量,而不是let。var现在开发中一般不再使用它,只是我们可能再老版程序中看到它。let的出现为了解决var的一些问题。 var 声明存在以下三种问题:
木心操作
5 天前
开发语言
·
javascript
·
ecmascript
js使用qrcode与canvas生成带logo的二维码
https://www.npmjs.com/package/qrcodeerrorCorrectionLevel: 'H' // 容错率(H是最高,其它看文档)
@大迁世界
5 天前
前端
·
javascript
·
react.js
·
前端框架
·
ecmascript
利用 Tree Shaking 提升 React.js 性能
Tree Shaking 是现代 JavaScript 应用中不可或缺的优化技术,它通过移除未使用的代码来减少最终打包的大小。对于 React.js 应用,这一技术尤为重要,因为随着组件和第三方库的增多,打包体积可能迅速膨胀。Tree Shaking 能显著提升加载速度并改善整体性能。
clp20031101
5 天前
开发语言
·
javascript
·
ecmascript
【Javascript Day8】计算机存储方式、方法定义方式、作用域、预解析、对象
目录计算机存储方式方法的定义方式声明式方法表达式方式方法作用域变量作用域对代码影响1. 全局变量和局部变量重名
宏夏c
6 天前
开发语言
·
javascript
·
ecmascript
【Vue】let、const、var的区别、适用场景
let、const、var,有哪些区别,适用场景在 JavaScript 中创建变量通常称为"声明"变量。变量在脚本中第一次出现是在声明中。第一次用到时就设置于内存中,便于在后续中使用。
贩卖纯净水.
6 天前
开发语言
·
javascript
·
ecmascript
JS后盾人--再一次的走进JS?
如果你讲JS,你就不可能只讲JS后盾人说开发就要用VScode(确实,Windows和Linux都可以跑)
NoneCoder
6 天前
开发语言
·
javascript
·
ecmascript
JavaScript系列(22)--模块化进阶
今天,让我们深入探讨JavaScript的模块化进阶主题。模块化是现代JavaScript开发的核心概念,掌握其高级特性对于构建可维护的大型应用至关重要。
李游Leo
6 天前
前端
·
正则表达式
·
ecmascript
深入理解 ECMAScript 2024 新特性:正则表达式 /v 标志
ECMAScript 2024 (ES15)标准引入了新的正则表达式标志 /v,这一新增功能不仅优化了多行匹配的处理,还增加了对特殊字符匹配的支持。这一变革对于需要处理复杂文本数据的应用场景尤为重要,比如日志分析、代码审核等。接下来,本文将深入探讨 /v 标志的实际应用价值,并通过多个编程案例来展示其强大的实际应用能力。