- 博客(24)
- 收藏
- 关注
RSS订阅原创 2024-08-14 探索JS中的神秘角色：零宽字符
零宽字符虽然看似不起眼，但在实际开发中却可能引发一系列问题。了解零宽字符的特性，掌握其排查和处理方法，解决问题时多一条思路。
2024-08-14 15:58:35
289
原创 2024-08-14 截屏保存富文本图片上传到服务器
这周在做考试相关项目，除了选择、判断、填空题之外，新增了分析题，分析题是主观题，没有像客观题那样答案唯一，不好计分，需要将答案上传到服务器，由人工裁判去判分。其中有一个需求，选择的字体格式正确与否也作为计分项，我想到以下解决方案这样做的优点是 word 提供的文字编辑功能较全，答题人员易于操作，对开发来说工作量也小，给领导说后，领导说考试期间浏览器全屏，允许有后台操作，这个不可行这样做如果是对某一段文本的特定字体修改还好些，如果要集成对齐方式，序列号将很麻烦这个方案自我否定了。
2024-08-14 14:45:50
173
原创 2024-04-28 vuex保留查询参数，组件内守卫判断是否初始化【顺序问题】
例如列表页进入详情页，从详情页再次返回到列表页时，查询参数会被初始化，需要重新筛选，这就使得操作不便，不符合需求，正常的是保留已经选择的查询参数。这样看似解决了问题，其实又暴露了一个bug,就是不管是从哪一个页面进入，都是保留的，选了不同的列表页，进入该页面时一直时该页，显然又不符合需求，于是将它改成组件内守卫实现，只在详情页过来的时候保留原来的查询参数，其他页面过来的初始化数据。在分页组件中直接使用data中的数据会出现请求数据对，但是分页的常亮一直停留在第一页的情况，这里也用了条件判断。
2024-04-28 09:55:57
171
原创 2024-04-17坐标系之间的转换
最近在做地图展示，同样的经纬度，在不同的地图上位置不一致，为什么要地图偏移，四个字，我们从不同的渠道获取到的经纬度信息可能并不是在同一个坐标系下，以下是几个常见坐标系。
2024-04-17 16:09:22
422
原创 2024.03.21 uniapp播放m3u8视频【mui-player插件】
导入可演示demo，将demo中的node_modules文件夹下的 hls.js文件夹 mui-player文件夹导入自己项目的同级目录下，再在展示视频的地方进行实例化配置即可。uniapp 官方提供了video，对于MP4格式的视频支持，现有需求查看实时视频，m3u8格式的视频流，不支持。具体的配置可查看官方文档，APP打包自测。
2024-03-21 13:59:24
1656
2
原创 2024-02-22 98% after emitting CopyPlugin 卡死运行
出现这个问题的原因有总结，其他的暂且没有遇到，特此记录【写代码时尽量严谨，路径地址要写，不要为空】今天在写天地图点覆盖物时，一时没有可引入图片，只写。
2024-02-22 14:56:34
561
1
原创 2024-01-24【刷题】 将整数按权重排序 [js（Object）自动排序]
JS存在自动排序机制整数数字属性，按从小到大排序字符串属性，不进行自动排序。按照写入的顺序排序。浮点型属性，按照字符串属性方式处理同时存在整数数字类型和字符串类型时。优先排列整数数字类型。
2024-01-24 10:46:43
378
原创 2024-01-11【刷力扣算法】到最近的人的最大距离【双指针】
给你一个数组 seats 表示一排座位，其中 seats[i] = 1 代表有人坐在第 i 个座位上，seats[i] = 0 代表座位 i 上是空的（下标从 0 开始）。至少有一个空座位，且至少有一人已经坐在座位上。亚历克斯希望坐在一个能够使他与离他最近的人之间的距离达到最大化的座位上。返回他到离他最近的人的最大距离。
2024-01-11 15:22:39
374
1
原创 2024-01-09 vue双向数据绑定之 v-model
在初学vue的时候，只记得v-model作用于表单元素上，用于双向数据绑定，没有窥探其究竟，实际上在一些UI组件库中大量运用了v-model，下面就了解下它的实现和运用。
2024-01-09 10:34:51
367
原创 2024.01.08 @click=“null”报错
今天在写demo时，vue中的点击事件想先把没想好做具体操作的方法用 @click="null"来代替，结果出错，导致其他事件也失效，害我找了半天。
2024-01-08 14:37:51
419
1
原创 12/24小程序学习记录 事件绑定 发送请求
一、事件绑定 （函数传参）自定义一个属性相当于给函数传入了一实参二、发送请求（假数据）1、插件 mockjsnpm install mockjs2、在项目中建一个mock文件夹，新建_mock.js文件，里面写mock接口，第一个参数为正则语法，mock会拦截符合条件的接口，返回第二个参数，示例：const Mock = require('mockjs')Mock.mock('/userInfo/',{ date:'2020/12/24', information:[ {
2020-12-24 21:21:59
177
原创 2020-10-20逆向传值 槽口slot
逆向传值 与 槽口slot今天主要学习了组件的逆向传值，即子传父。还有槽口的使用，将学习流程图绘制如下：
2020-10-20 22:51:54
222
原创 2020.10.19 安装Vue脚手架踩的坑
写在前面今天学习Vue脚手架，在安装环节遇到了一个简单的问题，一直没有解决，浪费了很多的时间，安装完成，却找不到路径。后来查了一下才解决了，其实之前听到过解决路径的问题，一时没有想起来。不是内部或外部命令，也不是可运行的程序或批处理文件。出现上面这个问题，一般只有两种情况：一是没有进入到相应的文件夹二是环境变量问题项目命名时路径中一定不能出现中文、特殊符号等我的电脑用户名默认为中文，在运行项目的时候，会出现问题，为了预防这种问题的出现，及时更改命名方式，解决方式：第一步、重命名用户名
2020-10-19 17:31:37
336
原创 2020-10-15 修饰符 计算属性 生命周期 钩子函数
修饰符@click.stop 阻止事件冒泡@click.once 执行一次@click.prevent 阻止默认行为一系列按键修饰符计算属性计算属性：就是Vue实例中一个有计算data数据功能的属性应用场景：一条数据在不同的位置想展示不同的结果<div id="demo"> {{xiaoming}}</div><div id="demo"> {{xiaohong}}</div><script>
2020-10-15 15:23:52
102
原创 2020-10-12认识Vue
认识Vue基本概念是一套构建用户界面的渐进式的自底向上增量开发MVVM框架，Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特点（只要是框架都有其相似的特性，可用于面试题作为万能答案）轻量级上手快高效率简单易学文档全面而整洁Vue.js 的产生核心是为了解决如下三个问题解决数据绑定问题。Vue.js主要的目的是为了开发大型单页面应用。支持组件化，也就是可以把页面封装成为若干个组件，把组
2020-10-15 15:20:44
274
2
原创 2020.10.10 做电商网站项目小结
前言最近十多天以来，完整的做了一个电商网站项目，和原网站比起来实现的功能只是冰山一角，最基本的功能还是有的。没有用多表联查，这是最需学的一步了，功能还待完善，先将学到的东西做个小结，以检查学习成果。考拉海购项目小结网站基本流程：mysql数据库建表——>注册页注册(用正则验证)——>登录页登录——>首页(浏览信息 选一类商品)——>列表页(ajax请求 选某一个商品)——>详情页——>购物车页——>订单页——>个人主页——>支付页操作规范
2020-10-10 21:25:20
161
原创 2020-09-12 前端学习之周总结
周总结window shell 命令cd … 返回当前文件夹上一层cd 文件夹名 进入某个文件夹dir 列出当前文件夹目录mkdir 文件夹名 创建一个文件夹rmdir 文件夹名 移出一个文件夹从浏览器输出地址栏到看到页面都发生哪些事情DNS解析(将域名转换为IP地址)客户端向远程服务器的某一个端口发送一个请求 (一般为80端口)服务器会经过内部处理之后，向客户机返回一个文件或一段内容（.html文件，img图片,css文件,JS文件或者是一段JSON）客户端将接受到来
2020-09-12 23:39:55
302
原创 2020.9.11 cookie存储 实例30天免登陆
cookiecookie是document下的一个属性，在真实的网络环境中进行，可用127.0.0.1/ 相对主机名 <script> document.cookie = "name=changxiaodong"; </script>在浏览器的Application中检测，默认生命周期关闭即消失，要使生命周期长一点，需要在后面加expires 如下let date = new Date();date.setDate(date.getDat
2020-09-11 11:41:16
959
1
原创 2020-09-03购物车 （小项目）
购物车<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table{
2020-09-03 16:21:50
113
原创 2020.08.23 DOM基础
DOM结构一句话总结：DOM操作，可以简单的理解成元素操作。我们在操作元素时，其实就是把这个元素看成对象，然后使用这个对象的属性和方法来进行相关操作注：节点和元素是不一样的概念，节点包括元素，常见的节点有元素节点，属性节点、文本节点获取元素的相关方法（重要）* getElementById（"id名"）* getElementsByClassName("类名")* getElementsByTagName("标签名")* getElementsByName("name名")* qu
2020-08-23 16:42:30
308
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人