js
前端薛之谦...
这个作者很懒,什么都没留下…
展开
-
JS操作文件(FileReader读取--node的fs)
JS读取文件 FileReaderFileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。文档FileReader事件和方法事件处理FileReader.onabort处理abort事件。该事件在读取操作被中断时触发。FileReader.onerror处...原创 2019-01-01 11:57:32 · 14218 阅读 · 0 评论 -
详解JS数组以及其方法(Array API)--操作数组,去重,冒泡
数组是什么欢迎收看新闻联播!接下来总结一下数组的相关操作…数组是按次序排列的一组值。本质上,数组属于一种特殊的对象。typeof运算符会返回数组的类型是object。(万物皆对象)数组属于复杂数据类型数组·API剖析判断是否为数组instanceofinstanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。 let...原创 2019-05-02 21:06:10 · 485 阅读 · 0 评论 -
从回调地狱谈Promise
碎碎念本质上,Promise 是一个绑定了回调的对象,而不是将回调传进函数内部。它代表了一个异步操作的最终完成或者失败。node读取文件我们知道readFile API是异步操作,如果我们想依次读取文件的话,需要嵌入const fs = require('fs')const path = require('path')function readTxt(dir,callback){...原创 2019-04-16 12:13:18 · 186 阅读 · 0 评论 -
原生JS实现无限滚动瀑布流布局
APIHTMLElement.offsetWidth 是一个只读属性,返回一个元素的布局宽度。一个典型的(译者注:各浏览器的offsetWidth可能有所不同)offsetWidth是测量包含元素的边框(border)、水平线上的内边距(padding)、竖直方向滚动条(scrollbar)(如果存在的话)、以及CSS设置的宽度(width)的值。Element.clientWidth 属性表...原创 2019-03-28 11:00:44 · 1370 阅读 · 0 评论 -
原生JS实现自定义滚动条
浏览器带给我们的滚动条.test{ width: 300px; height: 100px; overflow: auto; }于是我们可能与我们的界面不搭,或则不好看,不符合…那么可以自己自定义一个。或则,希望自己有一双发现美的卡姿兰大眼睛…大概思路方向这里的思路不是指马克思主义道路,指我们可以大...原创 2019-03-26 21:44:10 · 13292 阅读 · 1 评论 -
原生JS实现电商平台图片放大(放大镜功能)
先看看某宝的效果好多美女。。。我们是来干正事的,如图当我们移动蓝色框,右边随着移动我们可以利用值准备一张图片,使用transform:scale(*)来实现放大缩小;也可以准备两张图片,一张大一张小的来实现,这里我准备了两张(400400,800800)结构small为400的图片,big为800的图片 <div class="box"> <!-- 存放左边图片和...原创 2019-03-19 14:20:03 · 2338 阅读 · 1 评论 -
原生JS实现旋转轮播图
实现酷狗轮播图原创 2019-03-16 18:36:40 · 1280 阅读 · 0 评论 -
原生JS实现PC端无缝滚动轮播图、匀速轮播图、匀速动画
offset家族的了解1.offsetHeight:元素的offsetHeight是一种元素CSS高度的衡量标准,包括元素的边框、内边距和元素的水平滚动条(如果存在且渲染的话),不包含:before或:after等伪类元素的高度。检测盒子的高度,包括padding和border;不包括margin2. offsetWidth:是一个只读属性,返回一个元素的布局宽度。一个典型的(译者注:各浏览器...原创 2019-03-15 22:53:32 · 2468 阅读 · 0 评论 -
JS自定义多媒体Video控制条(控制视频播放、进度、全屏案例)
案例参考先来看一下一些视屏控件需求点击按钮实现视频的播放和暂停按钮切换全屏和退出全屏功能进度条和时间前期准备HTML DOM Video 对象文档图标字体库下载和文档案例目录HTML代码我们自定义实现控制条,所以video不要使用controls属性从其他网站视频播放,一般都是要自己实现控制条来达到我们想要的效果,使用video提供的控制条相关属性就很难修改,也...原创 2019-01-31 19:45:16 · 32450 阅读 · 6 评论 -
JS实现随机验证码
验证码验证码有很多种类,有图片,字符串,短信…首先,我们一般不能使用JS来实现验证,要不用户可以直接禁用JS,跳过验证,而且客户端实现的都是不安全的。这里我们使用JS来模拟验证码。生成一个随机四位数的验证码需求:随机生成一个包含字母或数字的四位数验证码思路思路一我们可以定义一个包含所有数字和字母的字符串str获取它的长度str.length在[0,str.length-1]的区...原创 2019-01-08 10:55:35 · 1606 阅读 · 0 评论 -
Web API--网络接口
online当浏览器能够访问网络, 并且navigator.onLine的值被设为true时, online事件被触发ononlineononline 事件在浏览器开始在线工作时触发。offline当浏览器失去网络连接时,offline事件被触发。并且navigator.onLine的值变为 false与online是相反的如何使用console.log(navigator...原创 2019-01-01 15:05:56 · 413 阅读 · 0 评论 -
从ajax异步请求封装和JSONP跨域封装到第三方库的使用
##### GET请求的理解1. 使用 AJAX 的过程可以类比平常我们访问网页过程```js // 1. 创建异步对象 --相当于打开一个浏览器 var xhr = new XMLHttpRequest() // 2. 打开与网址特定的链接 --相当于在地址栏输入访问地址 xhr.open('get','./01get.php') // 3. 通过链接发送一次请求 --相当于在浏览器输入回车发送请求 xhr.send(null) // 4. 指定 xhr 状态变化事件原创 2019-05-16 17:53:33 · 737 阅读 · 0 评论