JavaScript
文章平均质量分 93
Keen__
没有简介
展开
-
Vue 数据响应式
Vue2 侦测数据变化使用的是 Object.defineProperty() 方法,通过定义对象属性上的 get 和 set 方法,在 get 方法中收集观察者,在 set 方法中通知观察者们进行更新视图或处理其他事务原创 2022-02-28 01:04:13 · 3923 阅读 · 1 评论 -
MediaSourceExtension
Media Source API,正式称为Media Source Extensions (MSE),提供了基于web且不依赖插件播放流媒体的功能。使用MSE,可以通过JavaScript创建媒体流MediaSource,并使用<audio>和<video>元素播放。原创 2022-02-19 15:16:52 · 2284 阅读 · 1 评论 -
前端二进制系列三:Blob 和 ArrayBuffer
前言:上一篇讲的请求网络图片得到ArrayBuffer对象或Bold对象通过处理转换得到 Bold URL 后放到img元素显示,本文将介绍什么是Bold、ArrayBuffer一、Blob API1. 简介Blob(Binary Large Object)表示二进制类型的大对象。Blob(Binary Large Object)表示二进制类型的大对象。在数据库管理系统中,将二进制数据存储为一个单一个体的集合。Blob 通常是影像、声音或多媒体文件。在 JavaScript 中 Blob 类型的对象表原创 2021-04-05 01:06:35 · 3317 阅读 · 0 评论 -
前端二进制系列二:前端网络图片预览
一、网络下载图片 -> 图片预览上文主要讲了本地获取图片进行预览,我们也可以通过 Fetch API 从网上从网络上获取图片,然后在进行图片预览。当然对于网络上可正常访问的图片地址,我们可以直接把地址赋给 img 元素显示,这是最常见的使用方式,并不需要通过 fetch API 绕一大圈。但如果在显示图片时你需要对图片进行特殊处理,比如解密图片数据时,你就可以考虑在 Web Worker 中使用 fetch API 获取图片数据并进行解密操作。现在使用 fetch API 获取我的掘金头像,具原创 2021-04-04 15:21:47 · 791 阅读 · 0 评论 -
js中call,apply和bind方法的区别和使用场景
js中call,apply和bind方法的区别和使用场景原创 2020-10-25 14:12:15 · 188 阅读 · 0 评论 -
Canvas的JS操作基本功
创建 Canvas 画布Canvas没有设置宽高,那么会自动创建一个 300 * 150 的画布(单位默认为 px)。可以通过html属性设置或JS 属性设置 width、height。不要使用 CSS 设置,CSS的宽高设置会影响canvas的宽高比例。如下代码为用html属性设置。<!DOCTYPE html><html lang="en"><head&...原创 2019-10-07 23:15:49 · 3188 阅读 · 0 评论 -
Web前端UI组件设计
注:内容来自奇舞学院前端星课程如何UI组件设计结构设计:分析组件UI的布局,用相应的dom元素设计html结构API设计:设计JavaScript API来实现交互效果API设计原则...原创 2019-06-18 02:33:41 · 2195 阅读 · 0 评论 -
Node.js web服务 基础入门
一、node.js背景介绍1.node.js是服务端单独运行js文件的一个平台。 node.js提供了很多js后端开发的代码库。2.node.js和脚本js代码区别:2.1以前js文件是纯前端脚本语言,由浏览器解析运行2.2node帮助我们把js脚本脱离浏览器单独拿出来,当做一门语言来进行运行3.3node.js不能执行javascript中的BOM和DOM操作,只能...原创 2018-04-07 23:55:00 · 210 阅读 · 0 评论 -
JS中的this关键字
原文:深入理解javascript原型和闭包(10)——this 在函数中this到底取何值,是在函数真正被调用执行的时候确定的,函数定义的时候确定不了。因为this的取值是执行上下文环境的一部分,每次调用函数,都会产生一个新的执行上下文环境。 this有以下四种使用场景。情况1:构造函数 所谓构造函数就是用来new对象的函数。其实严格来说,所有的函数都可以new...转载 2018-07-03 23:28:33 · 294 阅读 · 0 评论 -
JS上下文环境
参考文章:深入理解javascript原型和闭包系列——王福明一、执行上下文1.什么是“执行上下文”先看demo console.log(a);//undefined console.log(b);//undefined console.log(fun1);//fun1函数体 console.log(fun2);//undefined var c="ccc"; fun1(c)...原创 2018-07-03 01:10:15 · 1358 阅读 · 0 评论 -
JS作用域
参考文章:理解 js的作用域--SevenJS作用域面试题总结--蓝眼睛~~一、JavaScript 作用域 1.在 JavaScript 中, 对象和函数同样也是变量。 2.在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。 3.JavaScript 函数作用域: 作用域在函数内修改。 4.只有全局作用域和函数作用域,并没有块作用域,for(var...原创 2018-07-02 17:25:06 · 295 阅读 · 0 评论 -
JS中的session和cookie区别
简单理解cookie/session机制:http://www.sohu.com/a/207801015_114819JS学习之cookie和session:https://segmentfault.com/a/1190000011844051js中的session与cookie机制:https://blog.csdn.net/ttx_laughing/article/details/53019...原创 2018-07-01 23:30:22 · 5745 阅读 · 2 评论