- 博客(6)
- 收藏
- 关注
RSS订阅原创 基于express和vue3实现jsonp请求
最近回顾一下jsonp的请求方式，jsonp是一种比较老的前端跨域请求的方式，原理就是利用浏览器<script> <img>等标签src属性不受跨域限制，在script标签中写入方法获取接口数据，此跨域方案兼容性非常好，即便以前的老IE浏览器都可兼容。第一步创建一个vue3项目，在src下创建一个jsonpSever.ts或js文件，文件内容如下。nodemon 热更新ts文件避免每次修改完ts文件手动重启问题。此外ts文件还需要下载一个ts-node执行ts文件全局安装即可。第三步使用封装的方法。
2024-06-11 11:44:48
356
原创 基于vue3实现一个简易版虚拟列表
在开发中，我们经常遇到一些表格数据，需要使用列表来展示，通常要展示一条列表数据，就会创建与之相关的DOM元素，如果需要展示一个长列表数据，也不做分页展示呢，这样就会创建很多的DOM元素，不利于网页性能，于是虚拟列表就诞生了。虚拟列表，和普通列表的区别在于，普通列表每产生一条列表数据就会创建与之对应的DOM元素，而虚拟列表，是根据显示范围创建固定量的DOM元素，当数据量溢出显示区域时，用需要显示到窗口的数据去替换原来数据的占位。
2024-06-07 10:59:21
241
原创 基于模块化开发环境搭建一个web worker
因为现在网页，已经不再是以前网页功能了，如今的网页功能十分丰富，逻辑也越来越繁杂，用户对于网页的体验要求越来预高，产品对于网页的设计也越来越多样，单靠一个主线程来执行，这些优化就想对难做了。是html5引入的规范，javascript最早就是一门网页语言，由于javascript需要操作DOM用于更新视图，就导致javascript最初是单线程的设计。javascript是多线程的，那么每个线程都去操作一下同一个DOM元素，这样就带来一个问题，DOM更新以哪次操作为准呢？什么是web worker?
2024-06-06 14:23:50
236
原创 如何使用js脚本命令去执行node命令
现在我们只需要在 node_js 文件夹下使用node去执行cores.js，即可在控制台打印出stdout：“执行成功”第二步：在node_js 文件夹下新建cores.js和index.js。(2) 在index.js 中我们添加一个console.log。第一步：创建一个文件夹，node_js （文件名称随意）1，准备工具 vscode 编辑器，安装node；(1) 在cores.js添加如下代码。命令：node cores.js。
2024-03-22 17:55:41
262
1
原创 vue + sortablejs 实现拖拽改变 table 数据排序
# vuedraggable 插件实际也是引用了sortablejs的所以，一样可直接导入import Sortable from 'sortablejs'# 安装sortablejs插件：npm install sortablejs --save。# 或者你项目已经引用了vuedraggable，就不再需要上一步的操作了。1，sortablejs 插件，element ui。
2024-03-22 14:23:23
259
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人