html5

解决在html5页面中嵌入视频时只有声音却不显示图像的问题 参考文章： （1）解决在html5页面中嵌入视频时只有声音却不显示图像的问题 （2）https://www.cnblogs.com/sweet-sunshine/p/5220151.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4437884/blog/4690342

华为5G折叠屏幕的发布，迎来新的一个设备——移动端的折叠设备华为Max;华为Max设备分辨率有以下几种 8.0，6.8，6.38，这三种场景下页面展示都是不一样的表现，需要我们在开发中注意监听屏幕变化，来动态加载我们的页面，更换场景； 华为官网展示了华为Max的多屏幕操作，从前端而言：这需要我们做好不同屏幕下业务呈现的多样性，以及交互的流畅性；5G的来领，数据传输极大提升，视频下载速度会提高，html5新标签video,会迎来新的发展，视频下载和存储，以及视频播放过程中内存占用问题需要考量，以及poster的使用时机需要把握，4G和5G切换，兼容问题等。 下面是我针对华为Max做出的适配方法，仅供参考，不对之处，望大家指正 head标签中引入不同样式文件，适配不同的设备 <link rel="stylesheet" media="screen and (max-device-width:1240px)" href="max.css" /> 　　针对max可以编写不同的样式表，特殊化max的布局，减少页面的重绘重排； 使用vue、react、angular等组件化框架，可以结合框架的声明周期，我们获取设备的不同宽度，加载不同的页面组件和业务，可以友好地做到一套代码兼容多端设备；可见对于代码兼容性和拓展性依旧是我们学习和工作的重点

为了让开发者尽快的体验到华为快游戏，我们在LayaAir 2.8.0正式版之前，追加了华为快游戏的适配，提前推出支持华为快游戏LayaAir 2.8.0beta2版本。 华为快游戏平台简介 快应用是一种基于行业标准开发的新型免安装应用，其标准由主流手机厂商组成的快应用联盟联合制定。开发者开发一次即可将应用分发到所有支持行业标准的手机运行。 华为快游戏支持将现有HTML5游戏项目通过LayaAirIDE，直接发布打包成快应用形式进行发布。在华为GPU Turbo手机运行时速度更快，更省电。 华为快游戏的入口资源： 应用市场首页快应用中心推荐 应用市场首页底部：即点即玩游戏 应用市场游戏页面底部：即点即玩，无需下载 游戏中心推荐页底部：即点即玩，无需下载 游戏中心分类页灯笼位置 精品快游戏专题 月度精品推荐 华为快游戏发布与调试环境准备 华为品牌的手机。 PC电脑的与手机数据连接线，并保障发布时处于连接状态。 因为华为快游戏不会生成发布二维码，需要在发布的时候，就保障数据线是连通的，否则LayaAirIDE发布的时候，只会生成一个rpk的包，最终还是要联数据线，手工复制rpk包到相关路径下。 安装nodejs 环境，必须要安装 10.x 稳定版本 ，如果不是的需要重新安装。node官网：https://nodejs.org/download/release/latest-v10.x/

目录 第一章 HTML5概述 1.1、什么是HTML 1.2、什么是HTML5 1.3、本文重要说明 1.4、浏览器的版本 1.5、选择开发工具 第二章 HTML5语法 2.1、基本结构 2.2、语法规范 2.3、标签规范 第三章 HTML5标签 3.1、标题标签 3.2、段落标签 3.3、链接标签 3.4、图像标签 3.5、表格标签 3.6、列表标签 3.7、分组标签 3.8、语义标签 3.9、表单标签 3.10、框架标签 3.11、音频标签 3.12、视频标签 3.13、其它标签 3.14、头部标签 第四章 HTML5属性 4.1、属性概述 4.2、通用属性 第五章 HTML5事件 5.1、事件概述 5.2、窗口事件 5.3、表单事件 5.4、键盘事件 5.5、鼠标事件 5.6、媒体事件 5.7、其它事件 配套资料，免费下载 链接：https://pan.baidu.com/s/1xrblnEIJmxVbHSP7CIREcw 提取码：yws0 复制这段内容后打开百度网盘手机App，操作更方便哦 第一章 HTML5概述 1.1、什么是HTML HTML（ H yper T ext M arkup L anguage，超文本标记语言）是用来描述网页的一种语言，它不是一种编程语言，而是一种 标记 语言。 1.2、什么是HTML5 HTML5是构建Web内容的一种语言描述方式

解决在html5页面中嵌入视频时只有声音却不显示图像的问题 参考文章： （1）解决在html5页面中嵌入视频时只有声音却不显示图像的问题 （2）https://www.cnblogs.com/sweet-sunshine/p/5220151.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4281474/blog/4720760

一、 程序/小游戏 = 改造版HTML5 小程序基于H5做了实现改造，小游戏是基于小程序已有功能封装而成在网络层面，小程序与H5整体一致，小程序对新技术兼容性更加优秀。 1、巨大的时代风口：小程序/小游戏爆发 2、社交小游戏的锋芒毕露，但这仅是个开始全民使用小程序正在到来 3、行业痛点 HTTPS加速 接入小程序和小游戏必须采用HTTPS，然而HTTPS的请求时延是HTTP的300%，HTTPS握手加速必不可少。 静态文件请求加速 用户分布广、公网网络环境不可控、跨运营商 访问、等诸多因素，均会影响文件的请求速度，为用户提供就近访问服务可有效解决这些问题。 实时交互低时延 对于小游戏来讲，动态数据的交互时延直接影响了玩家的游戏体验，为其提供超低时延的动态交互服务至关重要。 保障可用性 小程序和小游戏用户增长快，业务高峰期时可能压垮源站导致服务瘫痪，提升服务器的服务性能是每个增长中的互联网企业需要做的事情。 二、方案介绍 方案架构图解 小程序游戏加速方案 -通用加速场景 小游戏加速场景 三、服务功能详解 1、HTTPS证书一键申请，自动部署生效，极速接入HTTPS加速服务。 2、人工智能传输路径选择，实现动态数据毫秒级别响应。 3、静态文件全球 1000+ 节点分布式缓存，用户就近访问。 4、7 大HTTPS加速优化技术，请求毫秒级建联。 5、率先支持 HTTP 2.0

token一种身份的验证，在大多数网站中，登录的时候都会携带token，去访问其他页面，token就想当于一种令牌。可以判断用户是否登录状态。本次页面是通过Element-ui搭建的登录界面 当用户登录的时候，向后端发起请求的时候，后端会返回给我一个token，前端可以进行校验，进行处理token 当前端拿到后端返回的token，可以通过localStorage存储到本地，然后通过jwt-decode对token进行解析，jwt-decode是一种对token的解析包，通过npm install jwt-decode 设置好存储方式后，当用户再次登录的时候，在浏览器段可以看点用户存储的token。 当页面很多地方需要用到token的时候，用户必须携带token才能访问其他页面，可以通过请求拦截和响应拦截设置，并且在响应拦截的时候处理token是否过时，过期时间是通过后端设置的，前端需要判断token的状态码是否过时就行 import axios from 'axios' import { Loading ,Message} from 'element-ui' //引入了element-ui框架库 import router from './router/index.js' let loading; function startLoading() { loading =Loading

　　最近在学习vue时也了解到一些常用的UI组件，有用于PC的和用于移动端的。用于PC的有：Element(饿了么)、iView等；用于移动端APP的有Vux、Mint UI(饿了么)、Vant(有赞团队)、cube-ui(滴滴)。 　　想做一个移动端微信公众号使用的界面，于是选择用mintUI。 　　mintUI官网： http://mint-ui.github.io/docs/#/en2/quickstart 1.项目中引入mint-ui 1.下载以及配置 (1)下载： E:\HBuilderSpace\vue-demo>cnpm install --save mint-ui (2)引入：可以按需引入，也可以全部引入 全部引入的方式： main.js: import Vue from 'vue'; import App from './App.vue'; import router from './router'; import store from './store'; import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' Vue.config.productionTip = false; Vue.use(MintUI) new Vue({ router, store, render: h => h(App),

html5新特性：利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题 参考文章： （1）html5新特性：利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题 （2）https://www.cnblogs.com/51kata/p/5144773.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4437974/blog/4716592

HTML部分 1.你是怎么理解HTML语义化 Step 1：先举例说明 HTML语义化简单来说就是用正确的标签来做正确的事。 比如表示段落用 p 标签、表示标题用 h1-h6 标签、表示文章就用 article 等。 Step 2：说说为什么需要使用语义化标签 前期：前端工作主要由后端人员完成，也就是打野阶段，使用的是table布局 中期：美工人员使用div+css来完成 当前：专业的前端开发应该使用合适的标签来表达正确含义的页面结构 让页面具有良好的结构和含义，可以有效提高： 可访问性：帮助辅助技术更好的阅读和转译你的网页，利于无障碍阅读； 可检索性：有了良好的结构和语义，可以提高搜索引擎的有效爬取，提高网站流量； 国际化：全球只有13%的人口是英语母语使用者，因此通用的语义化标签可以让各国开发者更容易弄懂你网页的结构； 互用性：减少网页间的差异性，帮助其他开发者了解你网页的结构，方便后期开发和维护 2. meta viewport 是做什么用的，怎么写？ Step 1：使用目的 是为了在移动端不让用户缩放页面使用的 Step 2：怎么写 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale-1, minimum-scale=1"> Step 3：解释每个单词的含义