随笔分类 - Javascript
摘要：最近总碰到类似于 var a = require('./expample.js).default 这样的代码，感觉很奇葩，总结一波。 为什么会出现这个问题? import 是静态编译的，而 require 可以动态加载，也就是说你可以通过判断条件来决定什么时候去 require ，而 import
阅读全文
摘要：axios 基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用 功能特性 在浏览器中发送 XMLHttpRequests 请求 在 node.js 中发送 http请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 自动转换 JSON 数据
阅读全文
摘要：<video>标签的属性## src ：视频的属性 poster：视频封面，没有播放时显示的图片 preload：预加载 autoplay：自动播放 loop：循环播放 controls：浏览器自带的控制条 width：视频宽度 height：视频高度 html 代码 <video id="medi
阅读全文
摘要：//获取数组最后一个元素 let hasFiles = files[Object.keys(files).pop()] // 参考上面的图片 let file = hasFiles.url let name = hasFiles.file.name let type = hasFiles.file.
阅读全文
摘要：前面介绍了通过H5实现在网页内打开摄像头和麦克风，实现截图和图像预览的相关知识。 getUserMedia API及HTML5 调用摄像头和麦克风 一个简单的demo 实现摄像头的调用及视频录制，截图，下载等功能，逐渐完善中。。。。 地址：https://github.com/zhangdexian
阅读全文
摘要：getUserMedia API简介 HTML5的getUserMedia API为用户提供访问硬件设备媒体（摄像头、视频、音频、地理位置等）的接口，基于该接口，开发者可以在不依赖任何浏览器插件的条件下访问硬件媒体设备。 getUserMedia API最初是navigator.getUserMed
阅读全文
摘要：拖放（Drag 和 drop）是 HTML5 标准的组成部分。 拖放 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 拖放事件 1.拖动某元素时，将依次触发下列事件： (1)dragstart:按下鼠标并开始移动时，会在被拖放的元素
阅读全文
摘要：插入HTML内容与文本内容以前用的是innerHTML与innerText方法,今天看到insertAdjacentHTML和 insertAdjacentText两个API，特地学习一下： insertAdjacentHTML和 insertAdjacentText这两个方法很灵活，可以在指定的地
阅读全文
摘要：序号样式例子，下面是html代码（做参考） <ol> <li>列表内容列表内容列表内容列表</li> <li>列表内容列表内容列表内容列表</li> <li>列表内容列表</li> <li>列表内容列表内容4</li> <li>列表内容列表内容5</li> </ol> 一。示例1.自定义序号，一般的
阅读全文
摘要：indexedDB使用过程中常常会出现以下错误: Failed to execute ‘createObjectStore’ on ‘IDBDatabase’: The database is not running a version change transaction. 这是由于你在succe
阅读全文
摘要：一、概述 随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。 现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过4KB，且每次请求都会发送回服务器；LocalStorage 在 2.5MB 到 10MB
阅读全文
摘要：1. 概述FormData类型其实是在XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据（当然是用于XHR传输）提供便利。 2. 构造函数创建一个formData对象实例有几种方式 1、创建一个空对象实例 var formData = new FormData();
阅读全文
摘要：HTML5 引入了一个 File API 用以提供用户上传文件的信息，并允许网页中的 JavaScript 访问其内容。 以下是一些表单 file 控件： <input type="file" accept="video/*;capture=camcorder"> <input type="file
阅读全文
摘要：一、Iconfont 1. 概述 在前端作业中，二十年前只有页面中铺满文字就算上线产品，现如今，不加点俏皮的“图标”会让页面显得很 Low 很 Low。 图标 在写这篇文章之前，我一直以为上图中的“图标”是一个个的图片组成，但学习总是给人新知，现在我知道了它们只是一种字体，类似于“宋体”、“楷体”这
阅读全文
摘要：HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type 参数其类型，默认为 PNG 格式。图片的分辨率为96dpi。 如果画布的高度或宽度是0，那么会返回字符串“data:,”。 如果传入的类型非“image/png”，但是返回
阅读全文
摘要：前面的话 javascript函数的参数与大多数其他语言的函数的参数有所不同。函数不介意传递进来多少个参数，也不在乎传进来的参数是什么数据类型，甚至可以不传参数。 arguments javascript中的函数定义并未指定函数形参的类型，函数调用也未对传入的实参值做任何类型检查。实际上，javas
阅读全文
摘要：通过简单的配置，实现form表单文件上传 var formData = new FormData(); var fileField = document.querySelector("input[type='file']"); formData.append('username', 'abc123'
阅读全文
摘要：用惯了各种各样的前端框架，是时候对原生的操作DOM的api总结和回顾一下了。 1.几种对象 1.1. Node Node是一个接口，中文叫节点，很多类型的DOM元素都是继承于它，都共享着相同的基本属性和方法。常见的Node有element，text，attribute，comment，documen
阅读全文
摘要：Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。 听起来好像很绕，可以简单这样理解，Proxy相当于JavaScript对象的一个代理，通过Proxy的配置，可以实现对所代理的对象实现一些拦截和 私有
阅读全文
摘要：在Web应用中，实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的API，那就是 re
阅读全文
浙公网安备 33010602011771号