随笔分类 - web
摘要：没有请求的路由 在传统开发中，浏览器点击一个超链接，就会像后端web服务器发送一个html文档请求，然后页面刷新。但开始单页面开发后，就完全不同了。 单页面？这个概念难以理解。我用一个js作为整个web应用，然后再这个js中操作dom变化，以此来实现页面变化。这不叫单页面吗？这叫！但不完善，因为这种
阅读全文
摘要：GSAP 3Blue1Brown给我留下了深刻印象。利用动画制作视频，内容简洁，演示清晰。前两天刚好碰到一件事，我就顺便学习了一下怎么用代码做动画。 以javascrip为例，有两个动画引擎，GSAP和Animajs。由于网速的原因，询问了GPT后，我选择了GSAP来制作我的第一个动画视频。 制作动
阅读全文
摘要：效果展示 基础概念 WebRTC指的是基于web的实时视频通话，其实就相当于A->B发直播画面，同时B->A发送直播画面，这样就是视频聊天了 WebRTC的视频通话是A和B两两之间进行的 WebRTC通话双方通过一个公共的中心服务器找到对方，就像聊天室一样 WebRTC的连接过程一般是 A通过web
阅读全文
摘要：正常的思维 做多vue页面应用，我们的第一反应是配置多个入口点，多个vue应用，编译成多个HTML文件，由服务器来决定路由。这是正常的思维。 但谁知道单页面应用也能做到类似的效果呢。单页面不过是服务器路由变成了客户端路由，但通过一些技巧，也能实现类似服务器多页面路由的效果。 客户端路由多页面的实现方
阅读全文
摘要：多页面应用本身和单页面应用没什么差别，无非是多了几个入口点。 入口点多的话，还可以写个函数扫描路径取添加入口点。 比较让人好奇的是路径的问题。我们要开发的时候要体现目录层级接口，所以入口文件是一层套一层的。但是部署后访问路径应该很短才行，最好是顶级路径。但这又只能改目录层级结构。 实际上这个功能是w
阅读全文
摘要：KeepAlive可以缓存组件，在不使用include时没有任何问题，可以正常缓存。 但是一旦使用了include，如果动态组件中没有导入ref函数，缓存功能就消失了 比如 editcom.vue <template> <input > </template> <script setup> impo
阅读全文
摘要：一、效果与使用 二、代码 /// <reference path="handsontable.full.min.js" /> //封闭在IIFE中 (Handsontable => { class MultiSelectEditor extends Handsontable.editors.Base
阅读全文
摘要：一、效果截图 二、文件引用 多选下拉框扩展自handsontable的BaseEditor。 多选下拉框组件由两个文件构成， 一个下拉框样式表MultiSelect.css 一个组件实现脚本MultiSelect.js 使用时引用这两个文件即可，当然，要先在你的页面中引用handsontable的核
阅读全文
摘要：echarts中无下划线实现，我采用图片填充文本块背景的方式实现 这是从 长空雁叫霜晨月 的博客中得到启发https://www.cnblogs.com/volodya/p/Echarts.html 图片 代码 先将图片转化为base64编码，在将图片设置为文本块背景（使用网站http://tu.c
阅读全文
摘要：以window组件为例 事件 扩展事件直接定义在options中，可以再初始化组件时定义事件，也可以使用时临时定义事件。这里是组件初始化后在添加的。 使用情景：添加，插入功能。主界面表格分别点击添加和插入按钮，打开子窗体后选择一些数据，再点击同一个确定按钮。根据传入的事件处理方法，在主界面添加或插入
阅读全文
