1.小天使跟随鼠标效果 效果： 2.Tab栏切换 效果： 3. 手风琴效果 效果： 4.轮播图效果 效果： ...
分类：
Web程序 时间：
2019-09-14 13:16:30
阅读次数：
115
异步，不会阻碍代码的执行，它会等待所有的同步代码执行完毕后，再执行输出自己的同步结果。（原生js中，只有定时器，DOM，ajax三个东西是异步的。） 同步，代码只会从上到下依次执行，只要一步出错，接下来的代码就会无法执行。 ...
分类：
Web程序 时间：
2019-09-12 13:33:58
阅读次数：
87
在工作中由于项目需要要写一个轮播图，本想使用组件直接调用实现快速开发，但是一想到自己经常使用组件但是让自己手写的话确实一点都不会。 一个不会手写组件的前端程序员不是一个好程序员！于是打算自己手写一个。 老规矩，首先看一下最终效果，这个最终可以实现定时自动播放，触摸滑动，手动修改下面横条效果等功能。 ...
分类：
移动开发 时间：
2019-09-09 15:09:33
阅读次数：
110
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv... ...
分类：
Web程序 时间：
2019-09-09 15:01:37
阅读次数：
121
最近做了一个将通话记录，语音转文字并可以在聊天记录里标注动机和摘要的需求，上图只是一个小小的模块，第一次接到使用到语音相关的需求，记录一下 上图是一个客服聊天记录的模块，语音转文字，将录音展示出来，可以音频播放，可以滑动进度条，倍速播放等等，以前自己心血来潮，使用原生js写过一个类似于网易音乐，播放 ...
分类：
Web程序 时间：
2019-09-05 23:27:35
阅读次数：
267
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。 原生JS的实现 根据上面的代码解释下ajax的请求步骤 1、点击按钮触发loadXML ...
分类：
Web程序 时间：
2019-09-04 16:26:02
阅读次数：
99
css样式布局： html部分： js主体部分： 接下来用混合继承实现box2移动时有边界的效果： 思路：1.实现拖拽效果主要有三个事件，当鼠标按下的时候，获取鼠标相对于事件发生元素的位置（offsetX/offsetY）;当鼠标移动的时候，利用鼠标指针相对于浏览器页面（或客户区）的坐标（clien ...
分类：
Web程序 时间：
2019-09-02 09:38:22
阅读次数：
102
记录一下项目技术问题： 记得：放在head标签内的脚本，第一时间执行 以上就是原生JS 实现 dom ready 的方法，接下来是使用： ...
分类：
Web程序 时间：
2019-08-29 15:42:07
阅读次数：
98
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title></title ...
分类：
Web程序 时间：
2019-08-27 17:23:53
阅读次数：
85
@ "TOC" 常见对base64的认知(不完全正确) 首先对base64常见的认知，也是须知的必须有以下几点 base64是一种图片编码方式，用一长串超长的字符串表示图片 在加载的时候会直接以字符串的形式加载出来，减少了图片加载的http请求 正常加载服务器静态资源的时候都应该是通过http请求回 ...
分类：
Web程序 时间：
2019-08-26 14:51:23
阅读次数：
82
