经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 HTML5

HTML5 Blob对象的具体使用

写在前面 本篇主要总结Blob对象属性及作用,通过DEMO介绍Blob对象的应用场景。 Blob对象 一直以来,JS都没有比较好的可以直接处理二进制的方法。而Blob的存在,允许我们可以通过JS直接操作二进制数据。 一个Blob对象就是一个包含有只读原始数据的类文件对象。Blob对...[2020/5/25]

HTML5 FileReader对象的具体使用方法

写在前面 前一篇文章介绍了HTML5中的Blob对象(详情戳这里),从中了解到Blob对象只是二进制数据的容器,本身并不能操作二进制,故本篇将对其操作对象FileReader进行介绍。 FileReader FileReader主要用于将文件内容读入内存,通过一系列异步接口,可以在主线...[2020/5/25]

【博客园使用小指南】DIY美化博客园指南

    1、添加音乐播放器(例如 网易云音乐) 【html5 音乐播放器】 源码 GitHub - MoePlayer/APlayer: Wow, such a beautiful HTML5 music player 中文使用指南 h...[2020/5/21]

解决WX-IOS打开公众号网页出现的底部导航条

在微信公众号中,打开跳转链接时会,浏览器底部分出现一个导航条,导致屏幕空间压缩。网上有些人给出了js,vue的解决方案,那么我贴一下angular版本的,希望能对你有所帮助。   代码: export cla RouteWithoutHistory extends P...[2020/5/21]

基于html5 canvas做批改作业的小插件

今天公司有一个新的需求,就是要在返回的作业照片里面可以涂鸦批改,批改完后就连同批改后的照片上传到服务器。这对我不怎么熟悉canvas的人来说是个挑战。 需求分析 能进行批改,就是相当于画笔 能进行画笔的撤回功能 能进行全部画笔的清除功能 可以转化...[2020/5/21]

video实现有声音自动播放的实现方法

video实现自动播放有声音 需求:老板见人家可以的,我们的也要可以!!! 前端:自动播放,简单... 要实现:鼠标移入视频播放同时有声音,移出让你暂停,,,,, 问题集合 1- 自动播放实现没有声音, 2- 怎么实现有声音自动播放? 3- 鼠标移入移出实现... 解决 ...[2020/5/21]

html5用video标签流式加载的实现

video标签 浏览器的video标签通常是接收一个src属性,然后浏览器就会根据这个src属性来自动加载视频。 这个过程是浏览器来加载video的。 这种方式有什么问题吗? mp4文件不能流式加载 webm,flv,hls等格式兼容性问题 播放器ui太...[2020/5/21]

【教程干货】markdown 语法小技巧

  使用编辑器:Typora 下载官网:https: www.typora.io/ 学习教程:https: www.markdown.xyz/   1、代码块 (1)源代码模式       ...[2020/5/20]

Thymeleaf遍历List<Map>和Map<>

Thymeleaf遍历List<Map>和Map<>

输出Map   申请单号<span>[[${listMain.REQ_CODE}]]< pan> 输出List<Map> <tr th:each="listD, listDStat : ${listDetail}"> ...[2020/5/20]

video下autoplay属性无效的解决方法(添加muted属性)

背景:video下载入ogg格式视频,并设置自动播放属性autoplay,但是使用Chrome预览时,视屏画面已加载出来,但是无法自动播放,F5刷新后可以自动播放。使用火狐浏览器可以自动播放。最初代码如下: <video autoplay="autoplay"...[2020/5/20]

html5简介及新增功能介绍

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti...[2020/5/19]

微信设置字体后微信浏览器页面字体也会跟着改变

Android微信中,借助WeixinJSBridge对象来阻止字体大小调整 (function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function...[2020/5/18]

基于VUE实现的h5网页Web出库单入库单打印设计

经过将近一个月的研发,初步实现了打印单据的自定义设计,样子还有点丑陋,但是功能基本都实现了,实现了以下功能: 1、表头表尾支持动态添加行、添加列、合并单元格(可多行多列合并)。 2、表头表尾分别布局,表头表尾的行列分别配置,不互相影响。如图,表头三列,表尾四列。 3、可定义行高,单...[2020/5/18]

Html5让容器充满屏幕高度或自适应剩余高度的布局实现

在前端页面布局中,经常会碰到要让容器充满整个屏幕高度或者剩余屏幕高度的需求。一般这时候都会想当然的使用 height:100% 这样的 CSS 来写。这样写的话,当容器内内容很多的时候是没有问题的,可以达到预期的效果,但是如果容器内内容比较少,不足以撑起足够的高度的话,这个CSS 样式实际上是没起...[2020/5/18]

Html5在手机端调用相机的方法实现

input调用设备录像,相机等… HTML5官方文档解释:capture属性用于调用设备的摄像头或麦克风。 当accept=”audio/或video/”时capture只有两种值,一种是user,用于调用面向人脸的摄像头(例如手机前置摄像头),一种是en...[2020/5/14]

钉钉企业内部H5微应用开发详解

企业内部H5微应用开发 分为 服务端API和前端API的开发,主要涉及到进入应用免登流程和JSAPI鉴权。 JSAPI鉴权开发步骤: 1、创建H5微应用 登入钉钉开放平台(https: open-dev.dingtalk.com/),进入“应用开发”->企...[2020/5/13]

Html5页面获取微信公众号的openid的方法

1、H5页面是运行在微信浏览器的 2、需要与公众号关联(即需要openid) 3、判断需求是否需要弹窗告知用户授权操作 4、获取地址栏参数判断是否有''code'',有的话直接传给后台换取openid,没有就跳转微信提供的获取code的链接 5、获取到的openid做本地存储,判断...[2020/5/13]

《Vue.js 2.x实践指南》 已出版

《Vue.js 2.x实践指南》 已出版

  《Vue.js 2.x实践指南》其实早在一年前就已经完稿,只是由于疫情的缘故耽搁了许久才下厂印刷。   本书旨在让初学者能够快速上手vue技术栈,并能够利用所学知识独立动手进行项目开发。我的写作风格一向都是喜欢采用理论和实践相结合的方式,这样学习起来不会那么枯燥,而且极具成效。时间...[2020/5/11]

01-HTML5讲义

了解HTML5 HTML5属于上一代HTML的新迭代语言,设计HTML5最主要的目的是为了在移动设备上支持多媒体!!! 例如: video 标签和 audio 及 canvas 标记 ◆ 新特性: 1. 取消了过时的显示效果标记 <font></fo...[2020/5/11]

【带着canvas去流浪(15)】threejs fundamentals翻译系列1-scene graph

示例代码托管在:http: www.github.com/dashnoword blogs 博客园地址:《大史住在大前端》原创博文目录 华为云社区地址:【你要的前端打怪升级指南】 目录 原文地址: https: threejsfundamentals.org/thre...[2020/5/11]

React componentWillMount、componentDidMount、componentWillUpdate和componentDidUpdate生命周期函数的详解

React应用在初始化和更新的过程中,会经过一系列的逻辑,React在不同的逻辑时期会执行不同的生命周期函数,用来给我们做一些处理。 对于初次挂载来说,也就是整个React应用初始化时会执行componentWillMount和componentDidMount生命周期函数 对于更新应...[2020/5/9]

React Native超简单完整示例-tabs、页面导航、热更新、用户行为分析

初学React Native,如果没有人指引,会发现好多东西无从下手,但当有人指引后,会发现其实很简单。这也是本人写这篇博客的主要原因,希望能帮到初学者。 本文不会介绍如何搭建开发环境,如果你还没有搭建,可参考这里的官方文档:https: react-native.org/doc/ge...[2020/5/9]

HTML5触摸事件(touchstart、touchmove和touchend)的实现

HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件:touchstart、touchmove和touchend。 一开始触摸事件to...[2020/5/9]

html5 横向滑动导航栏的方法示例

最近在学习html5,今天看到了一个效果感觉不错,就分享给大家,也给自己留个笔记,具体如下 需要效果 1、首先引入scroll.js 2、html部分 <!-- 科目导航 --> <div id="navBox"...[2020/5/9]

你应该知道的Vue高级特性

本文使用的Vue版本:2.6.10 Vue为我们提供了很多高级特性,学习和掌握它们有助于提高你的代码水平。 一、watch进阶 从我们刚开始学习Vue的时候,对于侦听属性,都是简单地如下面一般使用: watch:{ a(){ doSomething } } 实际上...[2020/5/8]

iframe与window.onload如何使用详解

前言 在项目上,需要等页面加载完之后再执行一个方法用于修改页面的颜色,于是导出都是在使用onload解决,然而这并不能解决我遇到的问题,因为我发现,我项目上的页面仍然没加载,折腾了很久才知道,原来是因为项目使用了很古老的iframe来操作的,必须等iframe加载完之后才能执行方法,原因分析完...[2020/5/7]

HTML5 body设置自适应全屏

HTML5 body设置自适应全屏

用什么代码实现?不允许有白色底色产生,因为手机高度不一样 设计图要标准(750)确认是背景图(通屏底图)应用场景:移动端宣传页面或者活动页面 错误的写法:加到div中结合图片设置min-height,但是页面不会回弹 终极方案 html,body{ width:100%...[2020/5/7]

详解HTML5.2版本带来的修改

详解HTML5.2版本带来的修改

W3C HTML 5.2 规范中, 有一节 介绍该版本引入的修改,我综合来自 《What’s New in HTML 5.2?》 这篇文章的描述,在此列举对我来说比较重要的部分。 新特性 原生 <dialog> 元素 对话框在平时开发中,使用较为频繁,HTML...[2020/5/7]

Websocket直播间聊天室教程 GoEasy快速实现聊天室

最近两年直播那个火啊,真的是无法形容!经常有朋友问起,我想实现一个直播间聊天或者我想开发一个聊天室, 要如何开始呢? 今天小编就手把手的教你用GoEasy做一个聊天室,当然也可以用于直播间内的互动。全套源码已经开源,git地址: https: gitee.com/goeasy-io/Go...[2020/5/7]

Websocket IM聊天教程 教你用GoEasy快速实现IM聊天

经常有朋友问起GoEasy如何实现IM,今天就手把手的带大家从头到尾用GoEasy实现一个完整IM聊天,全套代码已经放在了github。 今日的前端技术发展可谓百花争鸣,为了确保本文能帮助到使用任何技术栈的前端工程师,Demo的源码实现上选择了最简单的HTML+JQuery的方式,所以,不论您...[2020/5/7]

前端能力提升-知识大全-复习汇总目录

自己整理给自己看的,有兴趣可以参与一下 一:C 相关 一:盒模型 二:居中相关 三:比较容易被忽略的c 样式 四:如何修改chomre的记住密码后自动填充的黄色背景 五:CSS 硬件加速   二:JS相关 一:数据类型检测 二:深浅拷贝 三:promise 四:jquert 链...[2020/5/6]

VS Code保存代码自动按eslint格式fix

VS Code保存代码自动按eslint格式fix

VS Code写Vue,每次按照eslint格式手动fix代码很烦,Alt+Shift+f格式化代码又会和prettier冲突,因此找了Ctrl+s保存代码,自动按照eslint风格格式化代码。 网上大多是早前修改方法,现在已经不适用,因此写这个随笔,避坑。 当前版本使用方式,使用编...[2020/5/6]

15个可以带给你启发的 SVG 动画示例

和其他图像格式相比,SVG(可缩放矢量图形)具有许多优势。首先,SVG 具有可扩展性,因此可以适应任何屏幕尺寸而不会造成质量损失。然后,浏览器只需加载更少的资源,可以更快地加载。而且,可以像使用常规 HTML 元素一样使用 CSS 对其进行编辑。除了用于静态图像之外,您还可以使用 SVG...[2020/5/6]

HTML入门

HTML入门

HTML概述 HTML: Hyper Text Markup Language 超文本标记语言 超文本: 比普通文本功能更加强大,可以添加各种样式 标记语言: 通过一组标签.来对内容进行描述. <关键字> , 是由浏览器来解释执行 <h1>静夜诗</h...[2020/5/6]

使用HTML设计商城首页

网站首页 需求分析 根据产品文档,完成商城首页,显示效果如图 技术分析 表格标签table table标签 常用的属性: bgcolor : 背景色 width : 宽度 height : 高度 align : 对齐方式 tr 标签 td 标签 合并单元格: co...[2020/5/6]

使用HTML设计注册界面

使用HTML设计注册界面

网站注册页面案例 需求分析 编写一个HTML页面, 显示效果如图所示 技术分析 表单标签 action : 直接提交的地址 method : get 方式 默认提交方式 ,会将参数拼接在链接后面 , 有大小限制 ,4k post 方式 会将参数封装在请求体中, 没有这样的...[2020/5/6]

HTML5 HTMLCollection和NodeList的区别详解

本文主要介绍了HTML5 HTMLCollection和NodeList的区别详解,分享给大家,具体如下: 获取 HTMLCollection 对象 getElementsByTagName() 方法返HTMLCollection对象。 HTMLCollection 对象类似包含 H...[2020/4/29]

canvas绘制太极图的实现示例

看到了很多人写的太极图案,自己也来搞一下,今天就来介绍一下 c 样式代码 .animation{ width: 800px; height: 800px; border: 1px solid #000; } #canvas{ animation: rot...[2020/4/29]

uniapp小程序入门 - YC-L

无论是什么框架都有官方,所以先进入uniapp官网,看看技术文档和教程示例 https: uniapp.dcloud.io/quickstart 里面流程很详细了,我这边概括下吧 下载 hbuildx https: www.dcloud.io/hbuilderx.html...[2020/4/29]

HTML5中的网络存储实现方式

1 前言 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足日益更新的需求,会经常性的在本地设备上存储数据,例如记录历史活动信息。传统方式使用document.cookie来进行存储,但是由于其存储的空间只有4KB左右,并且需要复杂的操作进行解析,给发开者带来很多不...[2020/4/29]

H5离线存储Manifest原理及使用

理解: 离线存储可以将站点的文件储存在本地,在没有网络的情况下还是可以访问到存储的对应的站点的页面,这些文件可以包括html,js,c ,img等等文件。但其实即使在有网络的时候,浏览器也会优先使用已离线存储的文件。 什么是Manifest: Manifest是一个简单的 文本文件,它...[2020/4/29]

HTML5调用手机发短信和打电话功能

前言 本来感觉用H5写调用电话拨号功能和发送短信功能会很不好写,后来通过实践得出,其实很简单的。 首先简单介绍一下业务功能,就是显示通讯录中的人员用户信息,然后分别点击相应的按钮来发送短信和拨通电话 正文 来看看HTML的关键代码 <!DOCTYPE html...[2020/4/29]

搭建websocket消息推送服务,必须要考虑的几个问题

近年,不论是正在快速增长的直播,远程教育以及IM聊天场景,还是在常规企业级系统中用到的系统提醒,对websocket的需求越来越大,对websocket的要求也越来越高。从早期对websocket的应用仅限于少部分功能和IM等特殊场景,逐步发展为追求支持高并发,百万、千万级每秒通讯的高可用webs...[2020/4/29]

uniapp无痛刷新token

用户登录拿到token,但由于token是有时限的,刷新token的时候需要无声无息,用户还能继续之前的请求。 这里我的想法是,当token到期,返回状态码401,就发起刷新token接口,拿到新的token就把之前的请求再发送一遍,暂时解决问题 此法适用uniapp噢,之前看到其他...[2020/4/27]

遮罩层 + Iframe实现界面自动显示的示例代码

前言 这周由于科三的考试耽误了两天,提前一天要去熟悉考场,第二天要考试,好在第二天晚上赶回来了,两天没敲代码就感觉别扭,这周写了点日志系统,写了点作业系统,果然技术还不到家,思路上出了点小问题。 效果 在教师评阅作业时,先把学生的作业展现出来,然后关掉界面进行评分 (用百度主页做演示...[2020/4/27]

HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题

navigator.mediaDevices.getUserMedia 应项目要求,需要实现移动端app嵌入H5页面完成实人认证的功能。打开getUserMedia文档,链接如下: https: developer.mozilla.org/zh-CN/doc Web/API/MediaDev...[2020/4/27]

centos7 使用docker 一键部署服务器

docker 真香 使用docker前先检查你的系统版本 cat /etc/redhat-release 下面的表格就直接展示了 Docker 对主流几款 Linux 系统版本的要求 操作系统 支持的系统版本 CentOS CentOS 7 Debian Debia...[2020/4/24]

解决部分iphone上使用iframe标签变宽的异常情况

iframe在部分iphone手机上变宽 如下图:      百度查了很多也试了很多,最后的解决方式如下: 我使用的是VUE html代码: <!-- 对于iphone中scrolling必须是no,不要担心一定会滚动的,对于安卓手...[2020/4/24]

PWA入门 -- H5时代原生APP

PWA入门 -- H5时代原生APP

本文是一个PWA的入门教程,也算是一个introduction(导读),不会太深入 主要聊聊三个重点: PWA的本质,构成PWA的两个文件,PWA APP如何更新 PWA的本质 Q: 网站和原生app在存储上的本质区别是什么? A: 网站中使用的素材都是通过请求实时获取的, app...[2020/4/21]

列表、表格与媒体元素

北冥复习html(二) 一、表格的具体组成单位 由行和列组成的单元格 结构: <table border="1"> <tr> <td>row1,cell1</td> <td>row1,cell2</td> <...[2020/4/21]

56
2
记录数:1136 页数:1/2312345678910下一页尾页
加载更多
 友情链接: NPS