Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库https://element.eleme.cn/#/zh-CN/component/slider@alifd/next，是 Alibaba Fusion Design 的官方 React 实现, 赋能企业中后台产品开发。https://fusion.design/com
......
569
0
0
2022-04-11
很多开发者对新生事物，会有畏惧的心情，其实，静下心来，大家会发现，编程语言之间都是相通的，大同小异。因最近Cocos游戏开发建议使用TypeScript，故给大家介绍下TypeScript，帮助大家快速入门。TypeScript是由微软开发的自由和开源的编程语言，是JavaScript的一个超集，支持 ECMAScript 6标准。设计目标是开发大型应用，它
......
461
0
0
2022-04-11
前言本文暂未涉及Performance面板的内容。后续会单独出一篇，以下是目录：常用命令和调试黑盒脚本：Blackbox Script控制台内置指令远程调试WebView1、Chrome Devtools 的用处前端开发：开发预览、远程调试、性能调优、bug跟踪、断点调试等后端开发：网络抓包、开发调试Response测试：服务端API数据是否正确、审查页面元
......
558
0
0
2022-04-11
欢迎关注文章系列 ，关注我《提升能力，涨薪可待》《面试知识，工作可待》《实战演练，拒绝996》如果此文对你有帮助、喜欢的话，那就点个赞呗，点个关注呗！前言随着 Web 的发展，用户对于 Web 的实时推送要求也越来越高，在 WebSocket 出现之前，大多数情况下是通过客户端发起轮询来拿到服务端实时更新的数据，因为 HTTP1.x 协议有一个缺陷就是通信只
......
455
0
0
2022-04-11
划重点 前端19 个 JavaScript 简写方法！新手们赶紧学起来！1.三元操作符当想写 if...else 语句时，使用三元操作符来代替。简写：也可以嵌套2.短路求值简写方式当给一个变量分配另一个值时，想确定源始值不是null，undefined或空值。可以写撰写一个多重条件的if语句。或者可以使用短路求值方法：3.声明变量简写方法简写方法：4.if存
......
424
0
0
2022-04-11
图片裁剪是前端开发中常用的功能，比如上传头像或者logo的时候，如果尺寸不合适，就需要裁剪一下。如果提供在线裁剪功能的话，用户就不需要利用其它软件（如：Photoshop）编辑图片了。这样，用户体验度就会大大提升。今天给大家介绍一款图片裁剪插件Cropper.js。这款插件功能强大，定能满足您在项目中的需求。Cropper.js官网一览官网地址：https:
......
570
0
0
2022-04-11
summernote是一款界面简单且功能强大的富文本编辑器，他的功能可以通过配置来添加。您可以把它用到任何需要文本编辑的地方。同时，它支持多国语言，这对于多语言项目是个不错的选择。官网首页官网地址：https://summernote.org/Github地址：https://github.com/summernote/summernote安装方法：JS/C
......
501
0
0
2022-04-11
今天我们聊一下前端中非常基础的一个知识点——iframe跨域。作为一名前端，在业务中你可能会遇到这样一个场景：自己开发的页面中需要通过iframe嵌入别人的页面，比如passport页面（登录），但是常常因为跨域问题，导致父子页面无法通信，这时我们就要想办法如何在跨域的情况下解决这个问题。什么是跨域？协议、域名、端口三者中只要有一个不一样就是跨域！假设我们有
......
1658
0
0
2022-04-11
Ajax是常用的一门与Web服务器通信的技术，目前发送Ajax请求的主要有4种方式：原生XHRjquery中的$.ajax()axiosfetch至于原生的XHR目前工作中已经很少去手写它了，前些年我们比较常用的是jquery的ajax请求，但是近些年前端发展很快，jquery包装的ajax已经失去了往日的光辉，取而代之的是新出现的axios和fetch，两
......
722
0
0
2022-04-10
介绍HotKeys.js是一个强大的Javascript库，用于捕获输入的键盘输入和键组合，而且是没有其他依赖关系（gzipped: 1.73kb）。如果你直接访问官方文档将能够直接体验到它强大的交互功能，代码仓库https://github.com/jaywcjlove/hotkeys/
https://gitee.com/jaywcjlove/hotk
......
631
0
0
2022-04-10
当我们学习了 HTML 提供的原生拖放(drag & drop)后,是时候想一想这个东西可以用来作什么，可以在什么时候使用，使用的场景等等场景分析当我们在注册成功一个账户时，一般网站会让我们上传我们的用户头像，或者在实名认证的时候会涉及到身份证图片上传到等，这时候我们可以使用input提供的file属性进行选择本地文件进行上传。我们再想一下，当在电脑
......
515
0
0
2022-04-10
一、引子本文介绍JavaScript运行机制，这一部分比较抽象，我们先从一道面试题入手：console.log(1);
setTimeout(function(){
console.log(3);
},0);
console.log(2);
//请问数字打印顺序是什么？
这一题看似很简单，但如果你不了解JavaScript运行机制，很容易
......
543
0
0
2022-04-10
初始化文件列表初始化文件列表选择需要上传的文件列表选择需要上传的文件列表上传之后清空或者预览上传之后清空或者预览在线预览上传的文件在线预览上传的office文件代码源码：<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><titl
......
586
0
0
2022-04-10
介绍crypto-js是一个前端Javascript标准加密算法库，CryptoJS (crypto.js) 为 JavaScript 提供了各种各样的加密算法。有时候项目涉及到的敏感数据比较多，为了信息安全，我们常常需要对一些数据进行接口加密处理，如编码、将明文转化为暗文、加密比对，目前已支持的算法包括：MD5、 SHA-1、SHA-256、AES、Rab
......
557
0
0
2022-04-10
通过这个分步教程，开始用人类可读的文本编写 WebAssembly。WebAssembly 是一种字节码格式，几乎所有的浏览器 都可以将它编译成其宿主操作系统的机器代码。除了 JavaScript 和 WebGL 之外，WebAssembly 还满足了将应用移植到浏览器中以实现平台独立的需求。作为 C++ 和 Rust 的编译目标，WebAssem
......
621
0
0
2022-04-10