Vue-Router 源码分析(二) 设计思想及代码结构

根据VueRouter的执行流程,可以通过这三个步骤来理解它的设计思想: 第一步:我们new VueRouter创建VueRouter实例的时候会通过深度遍历把传入的router属性对应的数组给解析一下,保存到一个Map中,每个Map对应router的一个元素,我们称之为路由记录,解析的时候会给每个 ...

高德地图API注册使用教程简答演示

高德地图API最大优势:兼容各种浏览器 1、注册账号并申请key (申请key能拥有更完整的功能,没有key功能会受限) 进入高德地图官网 https://lbs.amap.com/ 选择web端-地图js API 按步骤注册开发者账号,然后登陆 在应用管理-我的应用-创建应用-为web添加key ...

HTML5 视频流行插件之video.js

Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。 (要支持ie低版本请下载5.4.3版 )点击进入官网 下载地址:http://www.jq22.com/jquery ...

HTML5 audio API事件

audio API 事件 play() 视频播放 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>audio</title> <style> audio{ width:500px; } </style> </ ...

HTML5之audio属性

audio主要支持的音频格式: mp3 ogg wav <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>audio</title> </head> <body> <!-- 方法一 --> <audio con ...

弹性盒子Flex Box滚动条原理,避免被撑开,永不失效

在HTML中,要实现区域内容的滚动,只需要设定好元素的宽度和高度,然后设置CSS属性overflow 为auto或者scroll: 在Flex box布局中,有时我们内容的宽度和高度是可变的,无法确定下来,这时候设置滚动条,可能会失效。只要记住几个关键要素,就可以解决这个问题。 1、清楚的知道当前元 ...

一个基于Bootstrap实现的HMTL可视化编辑工具

疫情禁足在家,用原生的JS实现了一个HTML可视化编辑工具,页面布局基于Bootstrap。大约一个月时间,打通主要技术关卡,实现了第一版: 可以拖放编辑,实现了几乎所有的bootstrap预定义工具类。 设计时,尽量让其可以灵活扩展,支持多主题切换,为自定义控件预留了接口。 还可以作为bootst ...

safari坑之 video

博客地址: https://www.seyana.life/post/19 本来是打算给博客左上角的gif做个优化, 把gif换成webm,以video的形式自动播放,能从180k降到50k, 现在浏览器也都禁止video自动播放,但是允许静音自动播放,也加上了muted 这在chrome没有任何问 ...

<1···101112···18>