- 博客(9)
- 收藏
- 关注
RSS订阅原创 前端常见手写代码
防抖函数、节流函数、new 关键字、instanceof 类型判断、call、apply、bind、深拷贝、使用 for of 遍历对象、实现 a == 1 && a == 2 && a == 3 为真
2024-07-18 17:55:00
124
原创 使用 Web component 封装一个简易懒加载图片组件
WebComponent 是 HTML5 推出的新特性，借助 WebComponent 可以在原生 js 代码基础上可以实现组件功能，通常情况前端开发是借助如 Vue、React 等框架，在此框架基础可以轻易实现组件功能，但是这些组件往往在不同的框架下是不通用的，但是 WebComponent 是。2、影子DOM 用于封装自定义组件内部样式，防止被外部样式污染作用类似 scope。原生js实现的所以使用 WebComponent 封装的组件基本是各框架通用的。5、在 Vue 中使用组件。
2024-07-16 16:03:27
291
原创 React 实现一个分页查询高阶组件
React 中高阶组件，什么是高阶组件，高阶组件本身是一个函数，接受一个组件作为参数，并返回一个新的组件，在 React中 高阶组件可以用来实现 Vue 中 mixins ，将数据和方法封装在高阶组件中。使用PaginationHoc高阶(组件创建一个AppCenter.tsx文件)创建一个高阶组件pagination.tsx文件。
2024-07-02 11:22:43
193
1
原创 基于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
733
原创 基于vue3实现一个简易版虚拟列表
在开发中，我们经常遇到一些表格数据，需要使用列表来展示，通常要展示一条列表数据，就会创建与之相关的DOM元素，如果需要展示一个长列表数据，也不做分页展示呢，这样就会创建很多的DOM元素，不利于网页性能，于是虚拟列表就诞生了。虚拟列表，和普通列表的区别在于，普通列表每产生一条列表数据就会创建与之对应的DOM元素，而虚拟列表，是根据显示范围创建固定量的DOM元素，当数据量溢出显示区域时，用需要显示到窗口的数据去替换原来数据的占位。
2024-06-07 10:59:21
407
原创 基于模块化开发环境搭建一个web worker
因为现在网页，已经不再是以前网页功能了，如今的网页功能十分丰富，逻辑也越来越繁杂，用户对于网页的体验要求越来预高，产品对于网页的设计也越来越多样，单靠一个主线程来执行，这些优化就想对难做了。是html5引入的规范，javascript最早就是一门网页语言，由于javascript需要操作DOM用于更新视图，就导致javascript最初是单线程的设计。javascript是多线程的，那么每个线程都去操作一下同一个DOM元素，这样就带来一个问题，DOM更新以哪次操作为准呢？什么是web worker?
2024-06-06 14:23:50
269
原创 如何使用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
383
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
560
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人