视频文件上传播放

在html5出来之前上传文件,只能通过流传入到后端,由服务器对文件类型大小解析。并且要设置form表单提交的方式。默认表单提交方式enctype=“application/x-www-form-urlencoded“当 input type 是 “file“ 时,值是 “multipart/form-data“。html5出来后,这些问题可以在前端实现了,实现了上传前文件类型大小检查预览功能。
阅读本文

HTML5 实现手机摇一摇

手机摇一摇的实现思路:1、检测设备是否支持重力传感; 1 // 监听运动传感事件,查看是否支持硬件运动 2 3 if (window.DeviceMotionEvent) { 4 5 alert(“您的设备支持硬件调用“); 6 7 } else { 8 9 alert(“您的设备不支持硬件调用“); 10 11 } View Code2、绑定运动传
阅读本文

CSS.text不被选中

1、 text { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ -o-
阅读本文

html5基础 datalist 辅助输入框的下拉列表

礼悟:     公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。          虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。                 ide:visual studio 2017              browser:Chrome / Firefox                     os:win7  代码<!DOCTYPE
阅读本文

spring mvc 4.3.2 + mybatis 3.4.1 + mysql 5.7.14 +shiro 幼儿园收费系统 之 消息功能 datatables export pdfHtml5

今天,完成了 消息管理的 功能优化, 1 增加了 jquery datatables 的通用输出,列拖动,自动保存状态功能。2 存在的问题: 导出pdf 中文乱码,官方文档说用pdfHtml5 可以实现,pdfHtml用了另外的一个pdf库,该库文档说要自己编译字体,暂时放弃该问题的处理。存在到的问题: 需要在js中来动态设置显示列的样式,影响性能。 也没有深入研究那个状态保存的原理,估计是htm
阅读本文

python初尝试,写一个简单的爬虫程序

1、首先因为mac自带python,版本为python2.7.102、安装pip,因为已经有了,所以不能用brew install。这里用sudo easy_install pip3、安装beatifulsoup4,sudo -H pip install beautifulsoup4。 BeautifulSoup是一个可以从HTML或XML文件中提取数据的Python库.它能够通过你喜欢的转换器实
阅读本文

HTML5基础标签

块级元素1.独占一行,不和其他元素待在同一行2.能设置宽高 标签 是否为单标签  标签属性  备注 <h1></h1>......<h6><h6> 双标签 块级元素 标题标签,自动加粗,h1最大,h6最小 <hr/> 单标签 块级元素 水平线标签,添加一条水平线 <p></p> 双标签 块级元素 段落标签 <br/> 单标签 块级元素 换行标签 <pre></pre>
阅读本文

书写HTML5/CSS3的命名规则

头:header         内容:content/containe       尾:footer导航:nav    侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子
阅读本文

HTML5拖拽事件笔记

1. 拖拽元素:设置了`draggable=“true“`的元素当拖动某元素时,将依次触发下列事件:1. dragstart(按下鼠标并开始移动鼠标时,会在被拖放的元素上触发dragstart事件)2. drag(触发dragstart事件后,随即会触发drag时间,而且在元素被拖动器件会持续触发该事件)3. dragend(当拖动停止时,无论是否把元素放到了有效的放置目标上,会触发dragend
阅读本文

【前端】之HTML5基础知识

HTML5 文件格式<!DOCTYPE html> <html lang=“en“> <head> <meta charset=“UTF-8“> <title>Document</title> </head> <body> <!-- 我的HTML5代码 --> </body> </html>HTM
阅读本文

绘制二次三次曲线多次曲线

说明:大于一的幂级数与陡峭程度正相关,小于一的幂级数相当于曲线顺时针旋转90°,底数增减的量决定在横轴的平移。<!DOCTYPE html> <html lang=“utf-8“> <meta http-equiv=“Content-Type“ content=“text/html; charset=utf-8“/> <head> <title>绘制二次三次曲线多次曲线</tit
阅读本文

java面试题11

第九次面试题1、 GC是什么?为什么要有GC?GC是垃圾收集的意思(Gabage Collection),内存处理是编程人员容易出现问题的地方,忘记或者错误的内存回收会导致程序或系统的不稳定甚至崩溃,Java提供的GC功能可以自动监测对象是否超过作用域从而达到自动回收内存的目的,Java语言没有提供释放已分配内存的显示操作方法。2、 int a=5;int b=7,如何在不定义第三个变量的情况下实
阅读本文

spring-boot(二)

web开发spring boot web开发非常的简单,其中包括常用的json输出、filters、property、log等json 接口开发在以前的spring 开发的时候需要我们提供json接口的时候需要做那些配置呢 添加 jackjson 等相关jar包 配置spring controller扫描 对接的方法添加@ResponseBody 就这样我们会经常由于配置错误,导致406错误等等,
阅读本文

第 3 章 HTML5 网页中的文本和图像

文字和图像是网页中最主要、最常用的元素。    在互联网高速发展的今天,网站已经成为一个展示与宣传自我的通信工具(公司或个人可以通过网站介绍公司的服务与产品或介绍自己)。这些都离不开网站中的网页,而网页的内容主要是通过文字和图像来体现的。3.1 在网页中添加文本    在网页中添加文本的方法有很多,按照文字的类型,可以分为普通文本的添加和特殊字符文本的添加两种。  3.1.1 普通文本的添
阅读本文

thymeleaf 学习笔记

thymeleaf 学习笔记什么是 thymeleaf?在后端渲染html页面方面,有多种模板引擎(JSP的替代物)可以使用(关于后端渲染/页面直出的好处,可以参考一下:Web性能优化之“直出”理论与实践总结。实际开发或学习中,有多种模板引擎可供选择: - Thymeleaf - FreeMarker - Velocity - Groovy - Mustache 1. Thymeleaf
阅读本文

Promise的前世今生和妙用技巧

浏览器事件模型和回调机制JavaScript作为单线程运行于浏览器之中,这是每本JavaScript教科书中都会被提到的。同时出于对UI线程操作的安全性考虑,JavaScript和UI线程也处于同一个线程中。因此对于长时间的耗时操作,将会阻塞UI的响应。为了更好的UI体验,应该尽量的避免JavaScript中执行较长耗时的操作(如大量for循环的对象diff等)或者是长时间I/O阻塞的任务。所
阅读本文

Canvas入门笔记-实现极简画笔

在学习过后自己写了一个简单的扩展实现画板画笔功能,效果如下: 1 <div> 2 <!--画板--> 3 <canvas id=“box1“ height=“400“ width=“400“ style=“background-color: antiquewhite“></canvas> 4 <!--保存并显示鼠标X轴位置--> 5 <label id=“lab_X
阅读本文

web全栈学习教程(二):本系列教程介绍

一、发布周期计划2-3天发一篇,半年左右完成。二、教程大纲web全栈介绍与优势分析本系列教程介绍切图与图片介绍html4.01html5css2.0css3页面布局,多篇,项目javascript,多篇jquery,多篇bootstrap,多篇兼容性处理,多篇es6速学typescript速学vue,多篇webpack,项目微信小程序,多篇,项目混合app - mui,多篇,项目混合app - w
阅读本文

构建对象模型

构建对象模型浏览器渲染页面前需要先构建 DOM 和 CSSOM 树。因此,我们需要确保尽快将 HTML 和 CSS 都提供给浏览器。TL;DR字节 → 字符 → 令牌 → 节点 → 对象模型。HTML 标记转换成文档对象模型 (DOM);CSS 标记转换成 CSS 对象模型 (CSSOM)。DOM 和 CSSOM 是独
阅读本文