- 博客(13)
- 收藏
- 关注
RSS订阅原创 uniapp 小程序端简单实现一个拖动排序
在小程序端实现这个功能没有 web 端那么方便，在插件市场也没有找到合适的，所以简单实现一个。我们知道，一般来说要实现拖动排序的列表大概率没有很长很长，所以就不做长列表的优化了。微信小程序可以单独使用 wxs 优化当然实现方式多样，适合自己的才是最好的。通常来说，部分列表项拥有自己特定的响应事件，例如点击操作，我们实现拖动最好和这些事件避开。首先确定列表项的排列方式，我们选择的是定位来布局列表项，因为这样方便操作每个元素的位置，直接动态改变元素的定位信息即可。接着就是怎么确定元素的位置信息，包括后面如何判断
2024-01-19 18:22:11
1298
2
原创 记录元素平移、旋转、缩放和镜像翻转（4）
记录元素平移、旋转、缩放和镜像翻转（4）接下来就是一些收尾的工作，实现镜像翻转功能。这个功能就相对来说比较简单了，这里只做简单的实现，使用 css 即可。首先为元素新增字段来确定翻转效果，这个效果就两种，翻转和不翻转，所以使用 boolean 值。/** * 处理元素属性 * * @param {Object} options 元素属性 */handleOptions(options = {}) { // 之前的代码省略...... // 新增镜像翻转字段 _options.m
2023-09-15 10:56:09
321
1
原创 记录元素平移、旋转、缩放和镜像翻转（3）
上面我们实现了抽取区域，对应的区域做相应的事情，基于此，我们可以让外界也传入同样的配置，来实现自己的操作，不过这个操作有部分限制，函数定义在配置对象内，那么 this 指向会变，所以也不能完全方便的使用方法，当然这个也可以更改（等等，这里我有个好sou主意，对于涉及到 this 的地方可以增加可以外界传入，然后可以通过 call apply bind 来更改 this 指向），算了，我反正不想改了！接下来就开始抽取区域，让对应的区域做对应的事情，目前已有的功能有旋转和缩放，所以用这两个为基准开始修改代码。
2023-09-14 18:09:31
82
原创 记录元素平移、旋转、缩放和镜像翻转（2）
因为加入了元素的状态，所以鼠标点击的时候，我们必须得将元素状态设置，只要是在对应区域，那就设置对应的状态，之前只是判断点击元素是否在元素内部，现在元素内部需要划分部分区域，鼠标在这些区域响应正确的操作，所以我们得新增点击点位置判断函数，这里要实现的是元素的旋转变换，这个响应区域为元素的右下角，只要点击的坐标在此处，就响应变换操作，这样 render 函数也要进行改造。观察上面改造后的函数，如果我们后面还要加很多状态，就要写很多的 if-else，所以使用策略模式改造，抽离处理函数，所以继续改造。
2023-09-12 16:59:00
74
原创 记录元素平移、旋转、缩放和镜像翻转（1）
其实这个功能在网上随便一找就是一大堆，但为了方便自己，还是写一下，这里是一个简单的 demo，使用的是 js 的方式，后面再基于此融合到框架中去，或者适配移动端。初步实现了元素的移动，因为篇幅，到此结束，后面基于此再实现其他功能。这个功能都很清楚了，所以简单的做下分析。
2023-09-11 18:04:12
114
原创 记录前端更改纯色图片的几种方式
只是提供了几种实现更改纯色图片颜色需求的简单方式，如果还有其他较好的方式后面发现了再补充。其中没有对比各种方式的优缺点优缺点，只是工作中遇到相应的需求，然后去参考相应的文档，最后做一个大概得记录。（掘金同名，微信公众号：“前端学习小营地”）……
2023-09-06 14:38:29
461
原创 vue2 + tracking 实现 PC 端的人脸识别
首先确保有摄像头有时候本地调试无法打开摄像头，可以在浏览器上输入chrome然后会出现如下页面，再操作即可。
2022-07-26 17:53:28
1027
2
原创 记录一下 TCP 的部分知识点
一、TCP 的部分知识点为什么要写这个，其实只是做笔记了。方便自己以后阅读，也当作知识的分享。只是一些简单知识的概括，详细请参考谢希仁的《计算机网络》。1. 一些基本知识运输层最重要的两种协议 TCP 和 UDP套接字 socket = (IP 地址:端口号)每一条 TCP 连接唯一地被通信两端的两个端点（即两个套接字）所确定。2. 可靠传输的工作原理2.1 停止等待协议全双工通信的双方既是发送方也是接收方。“停止等待” 就是每发送完一个分组就停止发送，等待对方确认，在收到确认后再发
2022-04-20 14:00:55
2291
原创 重温 ES 5 的继承
重温 ES 5 的继承1. es5 创建类function Person () { this.name = '张三'; this.age = 20;}var p = new Person();console.log(p.name); // 张三console.log(p.age); // 202. 构造函数和原型链里面增加方法function Person () { this.name = '张三'; this.age = 20; this.run = function
2021-09-14 18:16:11
85
原创 记录 uniapp 全局请求的封装
记录 uniapp 全局请求的封装为什么要封装全局请求，为了方便我们统一处理后端返回的错误码，处理一些共同的逻辑。request.js// 引入请求的基础urlimport baseurl from './config.js';// 全局请求封装export default (url, method, params) => { const token = uni.getStorageSync('token'); // 处理 token 不存在时的逻辑 // ... // 显示加载
2021-09-14 17:33:54
415
原创 记录一个Vue项目的特殊浏览器回退
记录一个Vue项目的特殊浏览器回退在页面上弹框显示的时候，如果用户点击浏览器回退，不进行页面的跳转，只是关闭当前页面的弹框，当页面弹框没有显示的时候，点击浏览器回退，进行正常的回退需求分析无弹框，点击回退，正常回退有弹框，点击回退，关闭弹框解决思路既然需要在点击回退的时候做一些事情，那么首先我们就应该监听浏览器的回退事件，用户点击回退，判断弹框是否显示，如果显示，就阻止浏览器的默认回退行为，进行关闭弹框操作，如果没显示，就直接进行正常的回退。关键代码/** * 监听页面回退 * @p
2020-08-26 11:53:27
1421
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人