首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
煎饼狗子丨
掘友等级
搬砖工程师
|
🐧
获得徽章 10
动态
文章
专栏
沸点
收藏集
关注
作品
赞
2
文章 2
沸点 0
赞
2
返回
|
搜索文章
最新
热门
使用Class二次封装sequelize (nodejs、next、nuxt操作数据库)
最近是在做NextJS全栈,避免不了去操作数据库。sequelize 是一个NodeJS操作数据的ORM框架,可以有效避免原生SQL语句导致的SQL注入漏洞。* @template tablename 泛型tablename,代表当前数据库有哪些表。/**存放模型...
二次封装LocalStorage,添加ts类型支持
/**获取数据。会从JSON转回对象。const data = localStorage.getItem(key) || "null"//这样JSON.const res = JSON.console./**设置数据。console.localStorage.setItem(ke...
React 实现一个瀑布流组件(TypeScript) 支持宽度响应式,支持任意列数,支持触底加载,良好的TS类型支持
瀑布流是很常见的布局,移动端、PC端均可使用,主要特点是每个元素等宽,但是不等高。 实现瀑布流有很多种思路。这里简要说一下我的思路。 不要把整个瀑布流看成一个整体,而是每一列拆开看。比如我想分成三列,那么就可以看成下面这样的盒子布局: ...
mini-vue - 快速Diff算法
1.2. 在vue中使用的是快速Diff算法。 先从左往右遍历,找到变化区间的左边界。 然后从右往左遍历,找到变化区间的右边界。 let e1 = oldChildren.
Nuxt3 - useState全局状态管理与localStorage本地存储持久化
1. 2. 1. 这是Nuxt3为我们准备的全局状态管理,且支持响应式,可以无需使用pinia等,直接在项目中使用。2. 在根目录下的 /composables 文件夹中新建文件state.第二个参数是该状态的值,用函数形式表达,比如下方的 ()=>'red',实际的值就是 'r...
Element-plus 虚拟表格 绑定单元行的双击事件、单击事件 (Vue3、Nuxt3)
由于做的内容需要渲染大量数据,用原本的表格渲染会十分卡顿,所以选择使用虚拟化表格,官方文档:Virtualized Table 虚拟化表格 | Element Plus (element-plus. 我做的项目需要实现表格的单击、双击单元行,来进行...
在Vue3中使用 tsx / jsx + 插槽 (element-plus中的tsx写法与插槽)
今天在学习使用element-plus的虚拟化表格时,遇到了一个问题,就是需要在表格项中自定义渲染内容(比如渲染一个Tag标签,渲染一个下拉框组件等) 可见官网示例:Virtualized Table 虚拟化表格 | Element Plus (element-p...
JS:自制播放器接入操作系统接口 - Media Session API (可以实现浏览器控制上下首、耳机触控上下首歌曲等)
操作系统媒体控件:笔记本电脑的键盘上自带声音控件按钮,点击键盘上的按钮将会在屏幕上显示声音控件。有耳机的还可以用耳机上的触控按钮来切换上下首、手机版的浏览器下拉通知栏也能看到浏览器的音乐控件。这是操作系统级别的操作。下方以戴尔笔记本的声音操作控件为例,对比查看大型...
Vue3+ts (nuxt3)使用ref获取dom元素(单个、多个)
直接用字符串的形式即可,不管是多个还是单个,多个会自动放到一个数组里面,而且还能被watch监视。注意需要在挂载后才能拿到这些数据。console.console.log(out.value ,itemRefs.
Nuxt3 - 设置网站的图标和标题等
Nuxt3的更新变化特别大,请对准版本和时间再进行参考他人文章。我的nuxt版本:3.0.0,当前时间为2023.7.{ rel: 'shortcut icon', href: '/favicon.{ rel: 'apple-touch-icon', href: '/favico...
下一页
个人成就
文章被点赞
150
文章被阅读
52,139
掘力值
1,178
关注了
2
关注者
31
收藏集
8
关注标签
0
加入于
2022-12-17