V8引擎 精品漫游指南 -解析篇 语法解析 AST 作用域 闭包 字节码 优化 一文通关
这是完整的一篇超长文章,内容为javascript V8引擎的 词法分析 语法分析 编译 执行 优化 等完整的一个链条,内容详略得当 可以按需要部分阅读 也可以通篇仔细观看。
依旧是无图无码,网文风格。我觉得,能用文字把逻辑或者概念表述清楚,一是对作者本身的能力提升有好处,二是对读者来说 思考文字表达的内容 有助于多使 ...
写给前端的股票行情 SDK: stock-sdk,终于不用再求后端帮忙了
用 JavaScript 获取股票数据,真的有这么难吗?
起因
说实话,这个项目的诞生完全是被逼出来的。
去年我想做一个股票行情看板,就是那种简单的页面,能实时显示几只自选股的涨跌。听起来很简单对吧?但当我真正开始动手的时候,才发现事情没那么简单。
网上搜一圈,股票数据接口相关的工具几乎全是 Python 的。AkShare、T ...
JavaScript 中 getItem 方法详解
JavaScript 中 getItem 方法详解
你想了解的 JavaScript 中的 getItem 方法,核心是用于从浏览器的存储对象中读取指定键(key)对应的存储值(value),最常用在 Web 存储相关的 API 中,下面分核心知识点详细说明:
一、核心使用场景:两大存储对象
getItem 并非全局通用方法,主要绑定在浏览器提供的两个存储对象上,也是 ...
vue 甘特图 vxe-gantt table 可视化依赖线的使用,可视化拖拽创建连接线的用法
vue 甘特图 vxe-gantt table 可视化依赖线的使用,可视化拖拽创建连接线的用法
支持拖拽两个任务之间创建连接线、支持双击线删除
https://gantt.vxeui.com/
类型说明
0 FinishToStart 结束后才开始,表示一个任务必须在另一个任务开始之前完成
1 StartToFinish 开始到结束,表示从某个过程的开始到结束的整个过程
2 StartTo ...
总结 Next.js 中的 Server Actions
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
我们知道,Next.js 最核心的特性便是 支持静态生成(SSG)和服务端渲染(SSG),这也就意味着我们可以以部署 Node 服务的方式,将其部署在服务器上,用请求后端接口类似的形式来请求页面文件。换句话说,我们其实可以直接把 Next.js 看成一个特殊的 Node 后端服务。
既然是在 ...
使用自定义API接入OpenAI CodeX配置教程
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
Codex 是OpenAI 推出的一系列人工智能编码工具,通过将任务委托给强大的云端和本地编码代理,帮助开发人员提升工作效率。支持原生终端、vscode插件、cursor插件等场景使用。
官网网站 openai.com/codex/
系统要求
步骤一:安装Codex CLI
选择一种安装方式即可。
npm( ...
vue 表格 vxe-table 开启筛选、excel 筛选框列表样式
vue 表格 vxe-table 开启筛选、excel 筛选框列表样式,通过设置列的 filterRender.name = 'FilterAggregation'启用组合筛选功能
https://vxetable.cn
<template>
<div>
<vxe-grid v-bind="gridOptions"></vxe-grid>
</div>
</template>
<script setup>
import { reactive } from 'vue'
const nameFilterRender = ...
前端开发技术深度思考
前端开发技术深度思考
一、框架核心机制
1. React与Vue的Diff算法比较与演进
React和Vue的Diff算法差异源于其核心设计理念的不同:
React 基于不可变数据和函数式组件,默认采用相对保守的重新渲染策略,依赖开发者通过 React.memo、useMemo 等进行精细控制。
Vue 则通过响应式系统自动追踪依赖,实现更精确的组件更新。
...
vue 表格 vxe-table 树结构实现单元格复制粘贴功能,实现树层级节点复制功能
vue 表格 vxe-table 树结构实现单元格复制粘贴功能,实现树层级节点复制功能;树结构默认是平级粘贴,可以通过 clip-config.isDeepPaste 启用深层数据结构的粘贴,需要注意树结构只支持 tree-config.transform 模式
https://vxetable.cn
可以通过 clip-config.isDeepPaste 启用深层数据结构的粘贴
<template>
<div>
...
vue 表格 vxe-table 如何实现右键菜单异步权限控制,权限控制邮件菜单按钮禁用与显示
vue 表格 vxe-table 如何实现右键菜单异步权限控制,权限控制邮件菜单按钮禁用与显示,支持自定义方法参数来控制菜单选项的异步禁用与显示
https://vxetable.cn
右键菜单加载中,通过 visibleMethod 和 loading | disabled | visible 属性来控制菜单选项的异步禁用与显示,可以精确到每一列每一行的显示隐藏与禁用控制
<te ...
年会抽奖不用愁!这款开源 3D 抽奖工具,颜值与实用双在线!
大家好,我是 Java陈序员。
临近年底,又到了喜闻乐见的年会活动。但对于策划部门来说,每年都会为年会抽奖环节用什么工具发愁?用 Excel 随机抽奖太枯燥,花钱买商业软件又不划算。
今天,给大家安利一款免费开源的 3D 抽奖神器,炫酷球体抽奖效果直接拉满活动氛围,自定义配置更是精准适配各类年会、团建场景!
关注微信 ...
VUE3大屏自适应布局
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
1. 视口单位布局 (Viewport Units)
使用 vw 和 vh 单位来实现响应式布局:
.full-screen {
width: vw(1920);
height: vh(1080);
padding: vh(5) vw(5) vh(5) vw(5);
}
.header-title {
font-size: vw(40);
line-height: vh(80);
}
这里的&nbs ...
vxe-table 如何实现复选框范围选取,鼠标滑动选择行效果不
vxe-table 如何实现复选框范围选取,鼠标滑动选择行效果不,按住复选框的列,向上或向下滑动选取, 鼠标按 MouseLeft + Ctrl 局部选取/取消选择
https://vxetable.cn
<template>
<div>
<vxe-grid v-bind="gridOptions"></vxe-grid>
</div>
</template>
<script setup>
import { reactive } from 'vue'
const grid ...
海康威视web插件版-vue3
1、下载web插件
官网地址:https://open.hikvision.com/download/5cda567cf47ae80dd41a54b3?type=20&id=77c7f9ab64da4dbe8b2df7efe3365ec2
下载 并安装
2、引入web插件包
在 public/index.html中引入插件
<script src="/webVideoCtrl.js"></script>
<script src="jsVideoPlugin-1.0.0.min.js"></script>
<scrip ...
vue 甘特图 vxe-gantt 任务里程碑和依赖线的使用
vue 甘特图 vxe-gantt 任务里程碑和依赖线的使用
https://gantt.vxeui.com/
通过设置 task-bar-milestone-config 和 type=moveable 启用里程碑类型,当设置为里程碑类型时,只需要设置 start 开始日期就可以,无需设置 end 结束日期,设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键
<template>
...
vue 甘特图 vxe-gantt 任务里程碑类型的配置用法
vue 甘特图 vxe-gantt 任务里程碑类型的配置用法
查看官网:https://gantt.vxeui.com/
gitbub:https://github.com/x-extends/vxe-gantt
gitee:https://gitee.com/x-extends/vxe-gantt
通过设置 task-bar-milestone-config 和 type=moveable 启用里程碑类型
<template>
<div>
<vxe-gantt v-bind="ganttOptions"></v ...
vxe-table 导入 excel xlsx 时,单元格内容值丢失前面0解决方法
vxe-table 导入 excel xlsx 时,单元格内容值丢失前面0解决方法,不如到出数据为 "003200" ,导出到 xlsx 时,由于 xlsx 会自定义格式化数字,所以 0 就没了;解决方法就是知道为字符串类型,可以通过 column.cell-type 设置
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https: ...
vue 甘特图 vxe-gantt 手动增加一条依赖线,删除连接线的用法
vue 甘特图 vxe-gantt 手动增加一条依赖线,删除连接线的用法,通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键
0 FinishToStart 结束后才开始,表示一个任务必须在另一个任务开始之前完成
1 StartToFinish 开始到结束,表示从某个过程的开始到结束的整个过程
2 StartToStart 开始后才开始,表 ...
非遗万象图前端开发
任务一:非遗地图浏览模块
核心功能
高德地图集成与定制化
非遗项目地理位置标记
实时搜索过滤功能
前端技术实现要点
1. 地图初始化与定制
使用高德地图JS API创建地图实例
应用自定义地图样式(whitesmoke)营造文化氛围
添加CSS滤镜(sepia、saturate等)增强视觉效果
2. 标记点系统
动态创建带交互效果的自定义标记
实 ...
vue 甘特图 vxe-gantt table 连接线的用法教程
vue 甘特图 vxe-gantt table 连接线的用法教程,通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键
https://gantt.vxeui.com
类型说明
0 FinishToStart 结束后才开始,表示一个任务必须在另一个任务开始之前完成
1 StartToFinish 开始到结束,表示从某个过程的开始到结束的整个过程
2 StartToSt ...