项目要求从文件服务器读取音视频文件，以流的方式传给前台，并能够播放视频。做了一个demo，用html5的video，audio标签实现。后台实现代码：@GetMapping(value = "/getVideos")public String getVideos(HttpServletReques...
前端知识学习创建一个json对象var users = [ { name: "aaa", age: 23 }, { name: "bbb", age: 22 }, { name: "ccc", age: 25 }, { name: "ddd", age: 22 }];1.过滤...
HTML（Hypertext Markup Language，超文本标记语言）诞生于20世纪90年代初，用于指定构建网页的元素，这些元素中的大多数都用于描述网页内容，如标题、段落、列表、指向其他网页的链接等。HTML5是HTML的最新版本，它的大部分内容都可以兼容新旧浏览器，并新增了大量新的功能。...
第一张图片上，两张图片之间存在缝隙，如何实现第二张图无缝拼接，下面有三种方式 1、vertical-align: middle; 元素的垂直对齐方式 2、display:block; 把<img>标签转换成块级元素 3、line-height:0 给img添加一个父级 div...
前端知识学习读取Cookie可以通过document.cookie直接读取cookie的内容：var strCookie = document.cookie; 此时，strCookie是一个由该域名下的所有cookie的名/值对所组成的字符串，名/值对间以“分号加空格”分隔。为了方便查看，可以使用s...
边框的样式：solid 实线 dotted 点线 dashed 虚线 double 双线 inset 三维立体效果边框有3个元素，用法是 border-top:10px soild red; border-top:上边border-bottom:下边border-left:左边border-righ...
智一面的面试题提供python的测试题使用地址：http://www.gtalent.cn/exam/interview?token=10737428be8e0c037c28caaeb8038b69作为新手入门Python的同学肯定非常憧憬将来的工作生活，大家肯定很想知道在进入到公司中之后都需要干什...
video标签有很多属性用于控制视频的播放：src 用于指定视频文件的路径。poster 用于指定一个图像，在当前视频播放之前或视频数据无效时显示（预览图）。视频数据无效可能是视频正在加载，可能是视频地址错误等等。controls 用于向浏览器指明页面制作者没有使用脚本生成播放控制器，需要浏览器提供...
1.定时跳转或者原地刷新 对于刷新当前页面js控制为：window.location.reload();//刷新当前页面，重新向服务器请求数据head标签内部的meta标签方式，定时刷新当前界面或刷新到另一个页面：<meta charset="utf-8" ="refresh" content...
智一面的面试题提供python的测试题使用地址：http://www.gtalent.cn/exam/interview?token=10737428be8e0c037c28caaeb8038b69 pip 是 Python 包管理工具，通过pip工具我们能够快速的安装Python扩展包，包括下载、...
前端知识学习概述js使用import实现模块化开始，对于大型项目开发来说非常有用，而且结构清晰，ES6就有相关的规范，现在不光node.js可以无阻使用，浏览器也可以原生支持了。现就简单使用及一些部署问题作一归纳总结。上手先直接上手写吧，然后再说一些遇到的问题。导出的文件utils.js/utils...
html5中marquee逐渐被取代，要实现字幕的滚动可以再js中实现： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>html5</title> <s...
拖放（Drag 和 drop）是 HTML5 标准的组成部分。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。1. 相关事件drag拖动元素或选择文本时触发此事件。dragend当拖动操作结束时（释放鼠标按钮或按下退出键），会触发此事件。dragenter当拖动的元素或选择文本输入有效...
智一面的面试题提供python的测试题使用地址：http://www.gtalent.cn/exam/interview?token=10737428be8e0c037c28caaeb8038b69你可以不懂编程，但是肯定听说过Python。Python语言在近几年热度远超其他编程语言，在所有编程语...
本文为大家分享了最常见的10个HTML5面试题，希望大家喜欢。 问题1、新的 HTML5 文档类型和字符集是？答：HTML5 文档类型很简单： HTML5 使用 UTF-8 编码。问题2、HTML5 中如何嵌入音频？答：HTML5 支持 MP3、Wav 和 Ogg 格式的音频，下面是在网页中嵌入音频...
问题描述body标签的图片不能拉伸，在body标签里设置background会出现如下情况：解决方法使用一个style标签<style>.background_{ background:url("./超级马里奥.jpg") no-repeat; background-size: 100...
微信小程序的页面粗略看与HTML类似，也是基于标记语言和样式渲染，而且多数css样式可以使用。实际上从视图层的角度来说，小程序与传统HTML5还是有明显的区别。开发工具不同区别于H5的开发工具+浏览器Device Mode预览的模式，小程序的开发基于自己的开发者工具，可以实现同步本地文件+开发调试...
智一面的面试题提供python的测试题使用地址：http://www.gtalent.cn/exam/interview?token=10737428be8e0c037c28caaeb8038b69 看书是一种非常好的学习方式，是一种主动获取知识的过程，有不少零基础的同学问看哪些书比较好，这里就来给...
先来简单了解rem是什么：rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。所以我们只要定义好屏幕中根元素的字体大小就可以了。定义好屏幕中根元素的字体大小，有两种写法：a.在css中用@media写下规定屏幕宽度范围（...
HTML5 progress进度条详解HTML5 progress 元素简介progress是HTML5的一个新元素，表示定义一个进度条，用途很广泛，可以用在文件上传的进度显示，文件下载的进度显示，也可以作为一种loading的加载状态条使用。 html5 progress进度条语法<pro...
