- 博客(74)
- 收藏
- 关注
RSS订阅原创 sortablejs（前端拖拽排序的实现）
在实际的使用中我们通常使用sortablejs做拖拽排序，这就会涉及到异步请求及请求发送失败的情况。那么就会发现一个问题，当我们的请求发送失败后按照常理应该还原排序但是sortablejs似乎并没有给予相应的方法来实现这个功能。这样就可以实现日常的工作需求，考虑到每次写这么多东西会很麻烦，我们可以使用vue的自定义指令将它封装成一个指令。目前已经有插件完成了这一步骤，大家也可以尝试一下这个插件。sortablejs的配置项。vue3中的使用演示。
2024-10-24 16:29:42
1910
原创 移动端100vh超出页面出现滚动条问题
当移动端想要占满屏幕时通常会使用100vh,但是在手机端访问网站时会发现超出的屏幕宽度并出现了滚动条。这是因为移动浏览器（Chrome和Safari）地址栏有时可见有时隐藏，从而改变了视口的可见大小。当视口高度变化时，这些浏览器没有将。高度没变，但是地址栏那块把内容顶出去了一块）。结果导致：当地址栏可见时，屏幕的底部将被切断，从而破坏了开始时。结局方案2：使用dvh单位(需要考虑兼容性)设置为隐藏了地址栏的浏览器的高度（其实就是。的高度调整为屏幕的可见部分的高度，而是将。然后在需要全屏的页面使用变量。
2024-08-08 18:54:52
884
原创 electron项目搭建
这两个"服务器"之间通过JS Bridge进行通信(即：contextBridge),在主进程的preload预加载中可以同时访问到浏览器进程的window对象和主进程的electron api。此时，我们可以经由ipcRerender(electron中从渲染进程（网页）向主进程发送同步和异步消息的api)将electron的api挂载到window对象上，以便在浏览器进程中使用)，然后在主进程中通过ipcMain(处理从渲染器进程（网页）发送的异步和同步消息。)监听即可达到进程通信的目的。
2024-07-25 15:02:08
1184
2
原创 数据响应式(Object.defineProperty和Proxy)
api局限性：向对象追加属性不会被劫持，向数组追加同样无法劫持，想要保留响应式需要重写方法。相较于Object.defineProperty的优势可以监听对象和数组追加内容。前言(使用vue2时出现的问题以及背后的思考)1.1 对象响应式处理。1.2 重写数组方法。
2024-07-19 20:39:04
218
原创 ts的简单演示
//基本数据类型const num:number = 1const haha:undefined = undefinedconst notice:string = '嘻嘻'const empty:null = null//数组const arr:number[] = [1]//对象const obj:{ name:string,age:number } = { name:'张三', age:48}//联合类型const params:string | numb
2024-07-16 15:20:28
146
原创 vitejs/plugin-vue插件
但是，当运送自定义元素库时，可能需要将样式内联为JavaScript字符串，并将其注入自定义元素的影子根中。注意：从vue 3.2.13+和@vitejs/plugin-vue 1.9.0+开始，@vue/compiler-sfc不再需要作为对等依赖。当@vitejs/plugin-vue编译SFC中的＜template＞块时，它还将遇到的任何资产URL转换为ESM导入。请注意，在自定义元素模式中，不需要使用＜style-scoped＞，因为CSS已经在shadow DOM中确定了作用域。
2024-07-04 12:54:51
3052
原创 uniapp启动页面鉴权页面闪烁问题
在使用uni-app开发app 打包完成后如果没有token，那么就在onLaunch生命周期里面判断用户是否登录并跳转至登录页。不勾选“等待首页渲染完毕后再关闭Splash图”，则表示首页加载完成后就会关闭启动界面，此时首页可能没有完成渲染，在部分设备可能会闪一下白屏，不推荐使用。勾选“等待首页渲染完毕后再关闭Splash图”，表示需要等待首页渲染完成后再关闭启动界面。代码控制关闭启动界面 App启动后不会自动关闭启动界面，需要在代码中调用。根据官网配置启动项后在onLaunch声明周期中配置。
2024-06-29 11:46:59
1318
原创 uniapp的socket.io插件
源码(直接引入单文件会报错default is not exported by，原因暂不明确总之不推荐直接引入js文件，而是使用npm直接安装)
2024-06-16 20:35:13
1859
原创 react路由的使用
router文件夹下index.ts路由表配置。编程式导航 useNavigate。获取路由路径 useLocation。获取路由参数 useParams。main.tsx中配置。
2024-06-13 23:00:13
432
原创 插件:vite-plugin-electron
如果你非常了解这个插件的工作原理，或者你想使用vite-plugin-electronic API作为低级API的二次封装，那么平面API更适合你。它也很简单，但更灵活。一般来说，Vite可能无法正确构建Node.js包，尤其是C/C++原生模块，但Vite可以将其作为外部包加载，因此，将Node.js包放在依赖项中。vite-plugin-electron的JavaScript API是完全类型化的，建议在VS Code中使用TypeScript或启用JS类型检查，以利用智能感知和验证。
2024-06-04 09:41:10
2088
原创 插件:qrcode的使用
源文档： qrcode文档TypeScript用户：如果您使用@types/qrcode，则需要在数据段上方添加//@ts ignore，因为它需要data:string。用法如果未指定，则根据文件扩展名推测输出类型。可识别的扩展名有png、svg和txt。APItext: 要编码的文本或描述分段的对象列表。options: 2.toCanvas() 在画布上绘制二维码符号。toCanvas（canvasElement，text，[options]，[cb（error）]）和
2024-06-01 19:41:15
2486
原创 插件：html2canvas
html2canvas无法绕过浏览器设置的内容策略限制。绘制位于当前页面原点之外的图像会污染它们所绘制的画布。如果画布被污染，就无法再读取。如果要加载位于页面原点之外的图像，可以使用代理加载图像。如果希望将某些元素排除在渲染之外，可以将data-html2canvas-ignore属性添加到这些元素中，html2canvas将从渲染中排除这些元素。
2024-05-27 21:41:23
1514
原创 插件使用:print.js演示
print.js缺点：无法对页眉页脚做定制（如果觉得页眉页脚的时间和网址碍眼，打印时可以取消勾选页眉页脚按钮，但如需展示定制化页眉页脚print.js则无能为力）
2024-05-27 20:44:14
429
原创 canvas保持清晰度与图片裁切
在HTML 5中，新增加了两个根据图片原始大小用来判断图片的宽度和高度的属性，分别为 naturalWidth 和 naturalHeight属性，表示这张图片画出来的时候，它本身自带的尺寸。3.缩放倍率 浏览器的缩放倍率，可通过window.devicePixelRatio获取。的尺寸，它表示图片展现在页面上的尺寸。当满足以上公式时图片会始终保持清晰。图片分为两种尺寸，第一种尺寸叫做。，就是我们设置这个图片的。
2024-05-15 21:22:04
517
原创 JS数据类型
5. Undefined 未定义。2.String 字符串。1.Number 数字。3.Boolean 布尔。1.Object 对象。4.Null 空值。
2024-05-10 11:59:11
100
原创 设计模式：观察者模式
简而言之即：一个类保存任务数组，将此类绑定至事件中。当此类的方法被触发时，遍历任务数组并触发观察者类的方法以此达到通知观察者的目的（类似于回调函数）
2024-05-05 19:20:18
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人