LENTON'S BLOG

HTML5的canvas动画转视频MP4

本文主要是研究canvas画布如动画何转为mp4视频并保存在本地。这也是刚刚从知乎的一篇文章和查阅MDN后在Chrome 85浏览器下测试成功的。具体兼容性未知,直接代码加注释说明下实现思路

2020-10-09 18:08:12 3706 1

字符画进阶实现

上一篇HTML5视频转字符动画上一篇只能使用现有的字符,这次进阶到自己写字来生成字符画,先来看看效果:在线体验: http://demo.ccued.com/draw/原理与上一篇HTML5视频转字符动画大同,不说思路了,源码未加密,需要代码自取。
2020-03-26 14:33:47 2147 0

VUEX文档阅读摘要

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

2020-02-28 11:18:03 1914 0

JS中==与===的区别详解

首先建议使用===做比较所有前端开发人员张口就来的解释:==      抽象相等,比较时,会先进行类型转换,然后再比较值。===    严格相等,会比较两个值的类型和值。深入探讨:==号左右的值,具体是通过什么规则转换类型后比较的?如 '0' == 0,是将 string ‘0’转成number 0, 还是number 0转成string ‘0’后,进行的比较?再如:true == 1 [1, 2]
2019-12-24 17:29:20 2152 0

精准判断JS数据类型方法

function typeOf(obj) {     const toString = Object.prototype.toString;     const map = {         '[object Boolean]'
2019-06-27 11:37:28 2081 0

JS中ASCII码与字符互转

将字符转为ASCII码'a'.charCodeAt(); // 97将ASCII码转为字符String.fromCharCode(97); //"a"例1 :精确判断字符串长度:String.prototype.gblen = function() {     var len = 0;    &nb
2019-05-30 12:21:54 2476 0

异步请求响应回调的4种方式

异步请求响应回调的4种方式◆  1. callback   (ES3)◆  2. Promise    (ES6)◆  3. Generator  (ES6)◆  4. Async      (ES7)使用最多的callback回调方式function ajax_get_callback(param,callback){    &nbs
2019-05-20 15:08:17 2190 0

JavaScript中的this

先记住两句话: this 的指向在执行时决定,而不是定义时 this 指向的是最后调用它的对象   然后划分一下this的场情 普通函数调用 作为方法来调用 作为构造函数来调用 使用apply/call方法来调用 Function.prototype.bind方法 es6箭头函数   普通函数调用: function say(){ console.log
2019-05-16 11:21:36 1857 0

HTML5陀螺仪重力感应API

陀螺仪是什么,它是测量物理量的偏转、倾斜时的转动角速度。赛车、跑酷游戏里最常见的转动手机控制方向。知识点学习:陀螺仪API很简单,只要监听deviceorientation :window.addEventListener('deviceorientation', function(event) {  let alpha = event.alpha;  let beta =
2019-05-15 15:18:25 4299 0

ES7 ES8的一些新特性简单了解

ES7小版本新特性**  求幂运算符 Array.prototype.includes  数组成员查找ES8 版本新特性1. Object.values/Object.entries 对象遍历2. String padding 字符串填充3. Object.getOwnPropertyDescriptors 4. Trailing commas函数参数列表和调用中的尾逗号5. Async Functions 异步函数介绍:求幂运算符A ** B&
2019-01-08 16:41:20 2473 0