标签:技术文章
详解JavaScript中的事件循环机制!!! 一、简单讲解 这个大家应该或多或少都知道的 for (var i = 0; i < 10; i++) { setTimeout(() => { console.log(i); // 输出10个10 }); } 解析:先执
快速入门 在HTML中,可以使用内联式、外链式、行内式 三种方式 引入JavaScript。 行内式 行内式是将JavaScript代码作为HTML标签的属性值来使用,示例如下: <!DOCTYPE html> <html> <head> <meta
前言 在我们日常代码开发过程中,组件的使用是必不可少的,我们也会去封装组件。但是大家写组件的风格各式各样,没有一个统一的准则。而且也没有遵循软件开发的原则:高内聚、低耦合;因为我是给行业提供代码的,行业给交付提供代码。我们要尽量去减少大家的接入成本,降低接入成本的最好方案就是我们在设计组件的时候编
一、什么是跨域 当a.qq.com域名下的页⾯或脚本试图去请求b.qq.com域名下的资源时,就是典型的跨域行为。跨域的定义从受限范围可以分为两种,⼴义跨域和狭义跨域。     (一)广义跨域 ⼴义跨域通常包含以下三种⾏为:1. 资源跳转:a链接、重定向。2. 资源嵌⼊:<link>、
JS 页面演示背景 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ivanlee</title> <l
最近碰到了异步编程的问题,决定从原理开始重新撸一遍,彻底弄懂异步编程。 1.异步编程思想 异步编程是为了解决同步模式的一些痛点,同步模式中任务是依次执行,后一个任务必须要等待前一个任务结束后才能开始执行,当某个函数耗时过长时就可能造成页面的假死和卡顿,而异步编程中,后一个任务不会去等待前一个任务结
今天发现之前学的爱前端的课中JS部分函数等不全,果断换了一个课——渡一的《Web前端开发JavaScript高薪课堂》接着学习,不过废话有点多1、条件语句语法:1、单if,条件成立,执行语句体if (条件){语句体;}2、if else,条件成立,执行if后的语句体,否则执行else的语句体if
数组对象 创建数组 创建方式1: var arrname = [元素0,元素1,….]; // var arr=[1,2,3]; 创建方式2: var arrname = new Array(元素0,元素1,….); // var test=new Array(100,"a"
完整项目地址: git@github.com:xsk-walter/myPromise.git // index.js /* 1. Promise 就是一个类 在执行这个类的时候 需要传递一个执行器进去 执行器会立即执行 2. Promise 中有三种状态 分别为 成功 fulfilled
前端处理二进制流数据--转下载 导言 ​ 因业务需要,实现分类导出功能。筛选导出一定条件的数据,后端处理成Excle数据流,前端实现导出下载。 实现 方法一 ​ 将条件格式化成key=value&...文本格式,接到<a>标签url接口之后,每当点击导出按钮的时候,创建一个
BOM BOM:Broswer object model,即浏览器提供我们开发者在javascript用于操作浏览器的对象。 BOM就是浏览器对象模型 BOM提供了一些独立于内容页面与浏览器窗口进行交互的对象接口 BOM的核心是window对象,所以window一般在书写时是可以省略的. BOM其
索引:对象或数组的对应位置的名字 数组的索引就是 number 类型的 0,1,2,3... 对象的索引就是 string 类型的属性名 数字索引签名:通过定义接口用来约束数组 type numberIndex{ [index:number]:string } const testArra
DOM DOM document Object Model 文档对象模型 // 整个html文档,会保存一个文档对象document // console.log( document ); // 获取当前文档的对象 查找标签 直接查找 document.getElementsByTagName
in操作符作用: 遍历类型 基本用法 type roles = "tester" | "developer" | "manager"; const staffCount: { [k in roles]: number } = { tester: 100, developer: 200,
1 var a,b,c,swap; 2 a=+prompt(); 3 b=+prompt(); 4 c=+prompt(); 5 //冒泡排序:最坏情况:比较n*(n-1)/2轮,以下是3个数比较,考虑最坏情
一、引言   继上次实现文件上传功能后,产品经理又提出了新的需求:上传图片预览及进度条效果。本次就来搞定这个功能,这次开发基于上次的随笔,需要的小伙伴们自取 -- 如何使用Ajax实现简单的文件上传。 二、了解原理   要想实现文件预览效果,这里使用的是 FileReader 对象。使用它的 re
/* 下述代码近供参考 水仙花数是指一个3位数,它的每个位上的数字3次幂之和等于它本身。 例如:(1的3次方+5的3次方+3的3次方=153),请打印所有的水仙花数。 */ // 第一种方式 for(var a=0;a<10;a++)
如何使用Ajax实现简单的文件上传 一、起因 相信大家在做web项目中难免会遇到文件上传的业务需求,上传文件一般是通过表单来上传,但当我们不想使用表单时就可以通过Ajax的方式来上传文件,这里就给大家分享使用Ajax上传文件的方法。 二、web页面 这里我简单地写了一个Demo页面,由一个inpu
在浏览器测试JavaScript的方法 JSFiddle Cross Browser Testing Tool Karam + Jasmine + Google Chrome CodePen JSBin Liveweave     测试JavaScript是一件很痛苦的事情。很多工具、技术和框架已