Ajax是常用的一门与Web服务器通信的技术，目前发送Ajax请求的主要有4种方式：原生XHRjquery中的$.ajax()axiosfetch至于原生的XHR目前工作中已经很少去手写它了，前些年我们比较常用的是jquery的ajax请求，但是近些年前端发展很快，jquery包装的ajax已经失去了往日的光辉，取而代之的是新出现的axios和fetch，两
......
658
0
0
2022-04-10
介绍HotKeys.js是一个强大的Javascript库，用于捕获输入的键盘输入和键组合，而且是没有其他依赖关系（gzipped: 1.73kb）。如果你直接访问官方文档将能够直接体验到它强大的交互功能，代码仓库https://github.com/jaywcjlove/hotkeys/
https://gitee.com/jaywcjlove/hotk
......
572
0
0
2022-04-10
当我们学习了 HTML 提供的原生拖放(drag & drop)后,是时候想一想这个东西可以用来作什么，可以在什么时候使用，使用的场景等等场景分析当我们在注册成功一个账户时，一般网站会让我们上传我们的用户头像，或者在实名认证的时候会涉及到身份证图片上传到等，这时候我们可以使用input提供的file属性进行选择本地文件进行上传。我们再想一下，当在电脑
......
469
0
0
2022-04-10
一、引子本文介绍JavaScript运行机制，这一部分比较抽象，我们先从一道面试题入手：console.log(1);
setTimeout(function(){
console.log(3);
},0);
console.log(2);
//请问数字打印顺序是什么？
这一题看似很简单，但如果你不了解JavaScript运行机制，很容易
......
507
0
0
2022-04-10
初始化文件列表初始化文件列表选择需要上传的文件列表选择需要上传的文件列表上传之后清空或者预览上传之后清空或者预览在线预览上传的文件在线预览上传的office文件代码源码：<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><titl
......
534
0
0
2022-04-10
介绍crypto-js是一个前端Javascript标准加密算法库，CryptoJS (crypto.js) 为 JavaScript 提供了各种各样的加密算法。有时候项目涉及到的敏感数据比较多，为了信息安全，我们常常需要对一些数据进行接口加密处理，如编码、将明文转化为暗文、加密比对，目前已支持的算法包括：MD5、 SHA-1、SHA-256、AES、Rab
......
501
0
0
2022-04-10
通过这个分步教程，开始用人类可读的文本编写 WebAssembly。WebAssembly 是一种字节码格式，几乎所有的浏览器 都可以将它编译成其宿主操作系统的机器代码。除了 JavaScript 和 WebGL 之外，WebAssembly 还满足了将应用移植到浏览器中以实现平台独立的需求。作为 C++ 和 Rust 的编译目标，WebAssem
......
576
0
0
2022-04-10
互联网的蓬勃发展，从小企业的官方网站、内部的ERP系统等系统，到大型互联网网站，比如天猫、京东、美团等。在这个大背景下，图片上传和存储技术也在快速地发展。1、小网站上传图片上传图片，一个input type="type"控件，外加一个提交按钮，就搞定前端需求。前端一次性，传输文件过来，后端把文件存储在web站点的一个upload文件夹内，以日期为图片文件夹的
......
470
0
0
2022-04-09
一. 方法一（会改变数组顺序）思路：将数组排序之后，数组中相同的元素只可能出现在相邻的位置上。注意：这里进行比较时，一定要用不全等符号！==,因为 "1" !== 1 为true, "1" != 1 为false.二. 不改变数组顺序的方法1. 方法一注意：这里的'112' 和 112不应该是重复的，所以都应该保留，所以在hash表中，应该把类型也拼接成ke
......
336
0
0
2022-04-09
了解在 Firefox 上运行 WebAssembly 的机会和局限性。WebAssembly 是一种可移植的执行格式，由于它能够以近乎原生的速度在浏览器中执行应用而引起了人们的极大兴趣。WebAssembly 本质上有一些特殊的属性和局限性。但是，通过将其与其他技术结合，将出现全新的可能性，尤其是与浏览器中的游戏有关的可能性。本文介绍了在 Firefox
......
550
0
0
2022-04-09
工欲善其事必先利其器，今天长话短说，介绍13个敏捷、高效的Chrome插件根据使用方式，本人将其划分为三大类：开发者工具日常效率工具类浏览器管理类开发者工具1. Web DeveloperWeb Developer 这款扩展集成了各种各样的 Web 开发工具，几乎是网页开发人员必备的 Chrome 开发者工具扩展插件，Web Developer插件的工具栏很
......
347
0
0
2022-04-09
前几天用js实现了鼠标拖动div的功能，但是用起来不是那么便捷，于是想着把这个功能做成一个组件，使用的时候直接引入，不用再写那么多冗余代码了。想要实现的效果只要把div注册到该组件，目标div就都能随意拖动可设置div能够拖动的范围实现分析js组件的基本写法和div拖动的逻辑就不再赘述了，前面文章已经说过了，可点击下面链接查看js实现div可拖动js组件的基
......
495
0
0
2022-04-09
介绍ContentTools是一个美观小巧的网页内容工具（一个JS库），具备所见即所得（WYSIWYG）的编辑器功能，只需几个简单的步骤，即可将ContentTools添加到任何HTML页面。如下图所示页面通过实时ContentTool的弹出层实现实时编辑功能。用小而美来形容它最好不过了！Github地址https://github.com/GetmeUK
......
479
0
0
2022-04-09
介绍Web浏览器的下一个开源文件上传库，Uppy是一款时尚的模块化JavaScript文件上传器，可与任何应用程序无缝集成。它快速，易于使用，让你专注于比构建文件上传器更重要的问题。这款文件上传库在Github上已经突破20k+star,可见其受欢迎程度以及开发者对其认可度！下面是Github上一个简单的示例截图：Github地址https://github
......
506
0
0
2022-04-08
在众多可用于简化 Node.js 开发的工具中，以下 9 种是最佳选择。我最近在 StackOverflow 上读到了一项调查，该调查称超过 49％ 的开发人员在其项目中使用了 Node.js。这结果对我来说并不意外。作为一个狂热的技术使用者，我可以肯定地说 Node.js 的引入引领了软件开发的新时代。现在，它是软件开发最受欢迎的技术之
......
363
0
0
2022-04-08