- 博客(12)
- 收藏
- 关注
RSS订阅原创 JavaScript中的构造函数
导言：首先，我想从ES5出发，探讨在创建对象时我们会面临哪些问题。接着，我们将深入了解构造函数是如何解决这些问题的。最后，我们将探究ES6对构造函数进行了哪些重要的升级与改进。
2024-10-31 09:28:06
709
原创 移动端实现拖拽
移动端浏览器兼容性好，不需要考虑以前那些JS的兼容性问题，可以放心使用原生JS书写效果，但是移动端也有自己独特的地方。比如触屏事件touch（也称触摸事件），Android和iOS都有。touch对象代表一个触摸点，触摸点可以是一根手指、一只触摸笔等等，触摸事件可响应用户手指对屏幕或者触控板的操作。
2024-10-30 14:01:17
679
原创 Fetch可以做请求的进度监控吗？
先自问自答：fetch 原生做不到请求的进度监控。fetch 是基于 Promise 的，在Promise的世界里，它的结果只有成功或者失败，没有说成功了百分之几或者失败了百分之几的说法。如果使用Fetch想实现进度监控功能，可能需要结合使用等Web Streams API，或者考虑使用第三方库来辅助实现。
2024-09-28 12:07:25
438
原创 纯css实现无限循环滚动logo墙
文章目录一、需求二、实现1、marquee标签2、css3动画完整示例代码：三、局限性一、需求在许多网站的合作伙伴一栏，常常会看到一排排无限地循环滚动的logo墙。不久前，接到一个类似的需求。需求如下：1、无限循环滚动；2、鼠标hover后，暂停滚动，鼠标离开后，继续滚动；3、支持从左往右和从右往左滚动；4、滚动速度需要可配置。简单动画，我们先尝试只使用css实现。二、实现1、marquee标签说到无限循环滚动，很久以前marquee标签可以实现类似的功能，它可以无限循环滚动，并且可
2024-08-24 16:38:53
830
1
原创 使用IntersectionObserver实现通讯簿组件demo（vue）
只需要把展示数组数据给组件，组件就会按照拼音首字母分组排列，且右边字母导航栏会有相应样式变化。点击右侧字母导航栏，会滚动到相应的分组。
2023-09-03 23:11:04
363
原创 element-ui之el-table利用多选实现单选效果
（demo中版本element-ui版本为: "^2.15.12"）在element-ui中是为我们准备好了可直接使用的单选与多选属性的。但是单选与多选的形式不一样，在某些情况下我们可能想让它们的选择方式尽量统一，于是我想能不能把利用多选属性实现多选，并用一个变量来控制表格是多选还是单选。要实现单选有两步：一、隐藏多选选择框。二、每次选择只能选择一个。
2023-07-23 23:48:53
2790
原创 在vue中使用websocket的小demo
我们常用的http协议是一种无状态协议，对于事物的处理没有记忆能力，每次请求都是独立的，而且需要浏览器主动向服务器发送请求，服务器再相应浏览器的请求。而websocket在建立连接后，可以互相主动发送请求，且无需像hhttp那样每次请求都发送一次冗长的header。步骤0：任意处新建一个文件夹，命名为server，里面再新建一个文件server.js。这里简单的写一个demo，认识一下websocket的使用。以上，服务器端已准备就绪，接下来就看前端的了。步骤2：启动服务器，测试是否启动成功。
2023-04-23 00:23:20
908
2
原创 vue对高德地图的简单使用：点击标记并获取经纬度和详细地址
一个使用vue调用高德地图api实现标记点，获取标记点经纬度和详细地址，实现搜索关键词出现下拉提示的小demo
2022-11-29 23:37:22
13935
67
原创 js实现简易拖拽图片验证功能
分析：我们想拖动小盒子移动。首先，我们知道以下信息，当鼠标在小盒子上点击时，可以得到鼠标的坐标（e.pageX、e.pageY）、大盒子的offsetLeft和offsetTop、小盒子的offsetLeft和offsetTop。移动鼠标后，其中鼠标在小盒子内的坐标（设为X，Y）是固定不动的，大盒子也是固定不动的，用新的pageX - X - 大盒子offsetLeft就得到了小盒子的offsetLeft，也就是小盒子左浮动的距离。鼠标在小盒子内的X坐标 = e.pageX - 大盒子.of..
2021-06-22 23:20:11
1215
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人