随笔分类 -  web

后端说，单页面SPA和前端路由是怎么回事
摘要：没有请求的路由 在传统开发中，浏览器点击一个超链接，就会像后端web服务器发送一个html文档请求，然后页面刷新。但开始单页面开发后，就完全不同了。 单页面？这个概念难以理解。我用一个js作为整个web应用，然后再这个js中操作dom变化，以此来实现页面变化。这不叫单页面吗？这叫！但不完善，因为这种 阅读全文
posted @ 2024-07-26 23:02 小菜刀小飞刀 阅读(315) 评论(2) 推荐(3)
使用GSAP制作动画视频
摘要：GSAP 3Blue1Brown给我留下了深刻印象。利用动画制作视频，内容简洁，演示清晰。前两天刚好碰到一件事，我就顺便学习了一下怎么用代码做动画。 以javascrip为例，有两个动画引擎，GSAP和Animajs。由于网速的原因，询问了GPT后，我选择了GSAP来制作我的第一个动画视频。 制作动 阅读全文
posted @ 2024-07-15 19:31 小菜刀小飞刀 阅读(253) 评论(0) 推荐(0)
WebRTC入门
摘要：效果展示 基础概念 WebRTC指的是基于web的实时视频通话，其实就相当于A->B发直播画面，同时B->A发送直播画面，这样就是视频聊天了 WebRTC的视频通话是A和B两两之间进行的 WebRTC通话双方通过一个公共的中心服务器找到对方，就像聊天室一样 WebRTC的连接过程一般是 A通过web 阅读全文
posted @ 2024-07-07 09:54 小菜刀小飞刀 阅读(498) 评论(0) 推荐(3)
defineExpose暴露对象不出来的一个原因
摘要：如果在使用defineExpose({exposeMethod,perperty1})前，在setup中有异步方法调用awite mehtod()。那么{exposeMethod,perperty1}是暴露不出来的，需要把defineExpose({exposeMethod,perperty1})放 阅读全文
posted @ 2024-05-21 14:15 小菜刀小飞刀 阅读(381) 评论(0) 推荐(0)
element-plus表格添加删除行很慢
摘要：如果添加第一行或第二行就很慢，那么这个不是row-key的原因。 很有可能是nuxt的调试工具监控组件原因，可以试着把工具关了看看 devtools: { enabled: false }, 发布后不存在调试工具，所以是这个原因的话，就不要理会。 阅读全文
posted @ 2024-05-16 11:25 小菜刀小飞刀 阅读(63) 评论(0) 推荐(0)
vue-router单页面应用的多标签页使用问题
摘要：正常的思维 做多vue页面应用，我们的第一反应是配置多个入口点，多个vue应用，编译成多个HTML文件，由服务器来决定路由。这是正常的思维。 但谁知道单页面应用也能做到类似的效果呢。单页面不过是服务器路由变成了客户端路由，但通过一些技巧，也能实现类似服务器多页面路由的效果。 客户端路由多页面的实现方 阅读全文
posted @ 2024-05-09 21:50 小菜刀小飞刀 阅读(319) 评论(0) 推荐(0)
vue多页面应用
摘要：多页面应用本身和单页面应用没什么差别，无非是多了几个入口点。 入口点多的话，还可以写个函数扫描路径取添加入口点。 比较让人好奇的是路径的问题。我们要开发的时候要体现目录层级接口，所以入口文件是一层套一层的。但是部署后访问路径应该很短才行，最好是顶级路径。但这又只能改目录层级结构。 实际上这个功能是w 阅读全文
posted @ 2024-05-08 08:52 小菜刀小飞刀 阅读(135) 评论(0) 推荐(0)
vue3.4中KeepAlive的一个bug
摘要：KeepAlive可以缓存组件，在不使用include时没有任何问题，可以正常缓存。 但是一旦使用了include，如果动态组件中没有导入ref函数，缓存功能就消失了 比如 editcom.vue <template> <input > </template> <script setup> impo 阅读全文
posted @ 2024-05-06 21:28 小菜刀小飞刀 阅读(69) 评论(0) 推荐(0)
npm创建项目
摘要：创建项目 创建项目目录 首先新建一个文件夹，这里存放着我们的项目。 创建项目文件 这里不使用任何项目模板，相当于使用空模板。 进入这个文件夹，再cmd中运行npm init。 然后按照提示输入package name,项目名等等。每输入一个就回车。完成之后目录下会出现一个package.json项目 阅读全文
posted @ 2024-05-04 18:22 小菜刀小飞刀 阅读(526) 评论(0) 推荐(0)
handsontable有显示值与实际值的下拉框cobbobox扩展
摘要：一、效果与使用 二、代码 /// <reference path="handsontable.full.min.js" /> //封闭在IIFE中 (Handsontable => { class MultiSelectEditor extends Handsontable.editors.Base 阅读全文
posted @ 2021-11-29 10:07 小菜刀小飞刀 阅读(518) 评论(0) 推荐(0)
handsontable多选下拉框编辑器扩展
摘要：一、效果截图 二、文件引用 多选下拉框扩展自handsontable的BaseEditor。 多选下拉框组件由两个文件构成， 一个下拉框样式表MultiSelect.css 一个组件实现脚本MultiSelect.js 使用时引用这两个文件即可，当然，要先在你的页面中引用handsontable的核 阅读全文
posted @ 2021-11-21 13:20 小菜刀小飞刀 阅读(1308) 评论(0) 推荐(0)
echarts下划线实现
摘要：echarts中无下划线实现，我采用图片填充文本块背景的方式实现 这是从 长空雁叫霜晨月 的博客中得到启发https://www.cnblogs.com/volodya/p/Echarts.html 图片 代码 先将图片转化为base64编码，在将图片设置为文本块背景（使用网站http://tu.c 阅读全文
posted @ 2021-07-09 12:35 小菜刀小飞刀 阅读(1389) 评论(0) 推荐(0)
EasyUI组件新增方法与事件
摘要：以window组件为例 事件 扩展事件直接定义在options中，可以再初始化组件时定义事件，也可以使用时临时定义事件。这里是组件初始化后在添加的。 使用情景：添加，插入功能。主界面表格分别点击添加和插入按钮，打开子窗体后选择一些数据，再点击同一个确定按钮。根据传入的事件处理方法，在主界面添加或插入 阅读全文
posted @ 2021-06-29 19:24 小菜刀小飞刀 阅读(350) 评论(0) 推荐(0)

//右下角目录