html5
canvas
MediaRecorder
本文主要是研究canvas画布如动画何转为mp4视频并保存在本地。这也是刚刚从知乎的一篇文章和查阅MDN后在Chrome 85浏览器下测试成功的。具体兼容性未知,直接代码加注释说明下实现思路...
721
上一篇HTML5视频转字符动画上一篇只能使用现有的字符,这次进阶到自己写字来生成字符画,先来看看效果:在线体验: http://demo.ccued.com/draw/原理与上一篇HTML5视频转字符动画大同,不说思路了,源码未加密,需要代码自取。...
610
VUE
VUEX
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。...
759
首先建议使用===做比较所有前端开发人员张口就来的解释:== 抽象相等,比较时,会先进行类型转换,然后再比较值。=== 严格相等,会比较两个值的类型和值。深入探讨:==号左右的值,具体是通过什么规则转换类型后比较的?如 '0' == 0,是将 string ‘0’转成number 0, 还是number 0转成string ‘0’后,进行的比较?再如:true == 1 [1, 2]...
710
伪类
伪元素
:nth-child(an+b) 首先找到所有当前元素的兄弟元素,然后按照位置先后顺序从1开始排序,选择的结果为CSS伪类:nth-child括号中表达式(an+b)匹配到的元素集合(n=0,1,2,3...)。示例:0n+3 或简单的 3 匹配第三个元素。1n+0 或简单的 n 匹配每个元素。(兼容性提醒:在 Android 浏览器 4.3 以下的版本 n 和 1n 的匹配方式不一致。...
943
function typeOf(obj) { const toString = Object.prototype.toString; const map = { '[object Boolean]'...
949
将字符转为ASCII码'a'.charCodeAt(); // 97将ASCII码转为字符String.fromCharCode(97); //"a"例1 :精确判断字符串长度:String.prototype.gblen = function() { var len = 0; &nb...
1296
异步请求响应回调的4种方式◆ 1. callback (ES3)◆ 2. Promise (ES6)◆ 3. Generator (ES6)◆ 4. Async (ES7)使用最多的callback回调方式function ajax_get_callback(param,callback){ &nbs...
1083
先记住两句话:this 的指向在执行时决定,而不是定义时this 指向的是最后调用它的对象然后划分一下this的场情普通函数调用作为方法来调用作为构造函数来调用使用apply/call方法来调用Function.prototype.bind方法es6箭头函数普通函数调用:function say(){ console.log(this); } say();// Window调用say(),打印的this是Window对象。...
933
陀螺仪是什么,它是测量物理量的偏转、倾斜时的转动角速度。赛车、跑酷游戏里最常见的转动手机控制方向。知识点学习:陀螺仪API很简单,只要监听deviceorientation :window.addEventListener('deviceorientation', function(event) { let alpha = event.alpha; let beta =...
2550