
js
kibuniverse
在路上
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
原生 JavaScript 实现大文件分片并发上传
原生 JavaScript 实现大文件分片并发上传首先放上github链接,代码注释的比较清除,上层使用React继续测试,基本的功能都实现了技术栈 TypeScript node模块 sprak-md5 express fs fromidadle实现的功能分片上传验证秒传断点续传并发上传前言此项目本来是作为一个react上传组件编写,编写后发现该组件内部相对比较复杂,于是将该组件抽离出来写成了一个上传工具类由于分片上传需要后端支持,所以本片会涉及到一点node的知识为什么原创 2020-11-23 10:46:47 · 2149 阅读 · 0 评论 -
从执行环境及作用域开始深入理解闭包及其原因
从执行环境及作用域开始深入理解闭包及其原因对闭包的概念总是有种一知半解的感觉,结合JavaScpript高级程序设计第四章和第七章后发现对闭包有了一定的理解。执行环境执行环境是JavaScript中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象,也就是我们通常所说的vo,环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象,但解析器在处理数据时会在后台使用它。而每个函数都有自己的执行环境。当原创 2020-07-17 18:54:55 · 233 阅读 · 0 评论 -
手动搭建webpack4.X React项目脚手架
记录一次自己搭建webpack4.43.0 React项目脚手架的过程之前在网上跟着一位老师搭建过一次,不过只是跟着老师敲了一下,并没有理解每一步为什么要这么做,后面有一段时间没有练习就忘了,想重新写一个webpack打包的react项目的时候,自己又重新搭了一次,过程过踩了一些坑,写篇博客记录一下由于速度原因,整个脚手架均使用cnpm安装一、整体的流程文件夹初始化首先新建文件夹,后初始化项目文件夹,自动创建出一个包管理配置文件package.json,之后我们安装的相关的包都会在这个配置文件原创 2020-06-19 22:52:54 · 271 阅读 · 0 评论 -
手把手带你实现ES6 Promise原理(使用Es6部分语法编写)
手把手带你实现ES6 Promise原理(使用Es6部分语法编写)一、前言使用Promise已经很长时间了,但是一直只是停留在应用的层面,底层的实现方式一直没有深究,感觉学一个东西还是知道底层原理比较好,于是好好研究后在此记录一下二、什么是Promise?Promise是一种异步编程的解决方案,避免了"回调地狱",最早是由社区提出并实现,ES6后面将其写入语言标准。Promise的两个特点对象的状态不受外界影响,Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulf原创 2020-06-16 23:47:26 · 394 阅读 · 2 评论 -
原生js实现无缝轮播图(面向对象思维)
原生js实现无缝轮播图(面向对象思维)因为最近为了锻炼面向对象编程的思维,再加上以前写轮播图也有点小bug,所以就抽出时间重新写了一下轮播图一 、核心的思路将所有需要展示的图片连成一张“长”的图片将图片放入一个 BOX 内并为 BOX设置 overflow: hidden属性通过定时器动态的改变绝对定位的left值实现图片在BOX自左向右或者自左向右滑动的效果二、难点如何在自动播...原创 2020-04-21 18:14:26 · 463 阅读 · 0 评论 -
js原生 上拉刷新和下拉加载的实现
webapp 上拉刷新和下拉加载的实现用到了 css3动画 touchstart touchend touchmove事件下拉刷新主要利用了e.touches[0].pageY的差值判断是否执行刷新页面的回调函数let start_pos = 0, // 记录开始的位置 move_distant = 0; // 记录移动距离变量的值// 添加事件element.ad...原创 2020-03-27 18:28:54 · 560 阅读 · 0 评论 -
webapp将添加本地图片并展示在页面,并利用photoswipe实现图片预览,以及photoswipe的图片宽高问题
webapp将添加本地图片并展示在页面,并利用photoswipe实现图片预览最近在写一个类似与微博的webapp 在图片预览的时候犹豫过于复杂,就使用了photoswipe,下面我将说一下如何将图片从本地添加至页面并实现点击预览一、如何选中本地图片思路首先利用input标签选中本地图片利用JavaScript监听input标签的onchange方法input标签选...原创 2020-03-13 12:24:44 · 629 阅读 · 2 评论 -
SyntaxError: Unexpected token o in JSON at position 1
这种错误一般都是解析错误确认一下你要解析的对象到底是不是一个json!!!原创 2019-11-18 20:54:36 · 328 阅读 · 0 评论 -
js中的定义的XMLHttpRequest对象的onreadystatechange函数放在其send函数后面为什么不会执行其回调函数
js中的定义的onreadystatechange函数放在send函数后面为什么不会执行其回调函数自己在写项目的时候遇到了onreadtstatechange函数放在send函数的后面导致不执行的情况,在网上搜了一下,发现都说的不是很详细,就自己分析了一下并发现了问题所在,写个博客总结一下首先我们对于onreadystatechange函数要明白以下几点onreadystatech...原创 2019-10-29 20:51:16 · 1403 阅读 · 1 评论