要过年了，过年想到的就是放烟火啦。。。。于是就用canvas写了个放烟火的效果，鼠标点击也会产生烟火，不过不要产生太多烟火哦，一个烟火散出的粒子是30到200个之间，当页面上的粒子数量达到一定的时候，页面就会很卡咯，我也没特意去优化神马的。以后有空再说吧。 直接上DEMO吧：放烟火 原理很简单。。。就写一个烟火类以及碎屑类，实例化后让它飞起来，然后到达某个点后，把这个烟火对象的dead属性置为true，然后再实例化...
<script type="text/javascript">function $(id) {return document.getElementById(id);}function textToImg() {var len = $(‘len‘).value ||30;var i =0;var fontSize = $(‘fontSize‘).value ||15;var fontWeight = $(‘fontWeight‘).value ||‘normal‘;var txt = $("txt").value;var canvas = $(‘canvas‘);if (txt ==‘‘) {alert(‘请输入文字！‘);$("txt").focus();}if (len > txt.length) {len = txt.length;}canvas...
积累与应用 - html1.判断IE版本并使用不同的样式表 语法：<!--[if 判断符 IE的版本号] <link rel="stylesheet" href="A.css" /> <![endif]--> 判断符： lt - 小于 gt - 大于 lte - 小于等于 gte - 大于等于 IE版本号：IE 6（5.5000|7|8|9|10） 所有的IE都起作用：<!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie-only.css/> <![endif]--> IE以外的浏览器起作用：<!--[if !IE]><!--> <link...
<!doctype html> <html> <head><meta charset="utf-8"></head><body><DIV id="CountMsg" class="HotDate"><span id="t_d">00天</span><span id="t_h">00时</span><span id="t_m">00分</span><span id="t_s">00秒</span> </DIV> <script type="text/javascript">function getRTime(){var EndTime= new Date('2014/10/23 10:00:00'); //截止时间 前端路上 http://www.51xuediannao.com/qd63/var NowTime = new Date();var t =EndTime...
目前大部分新型浏览器器实现了HTML5 Canvas 原声的绘图API，但只支持2D渲染环境，这里创建一个空白的画布元素<canvas width="500" height="500"></canvas> IE9一下的IE浏览器不支持画布元素，在这些浏览器上，我们有两个选择：1、当浏览器不支持画布时显示提示，可能是一段提醒用户升级浏览器的文案，画布的innerHTML就是画布的提示信息。2、使用ExplorerCanvas脚本兼容老版本的IE浏览器，不过有弊病，脚本文件比较大（99KB），而且...
一、HTML5概要1.1、为什么需要HTML5HTML4陈旧不能满足日益发展的互联网需要，特别是移动互联网。为了增强浏览器功能Flash被广泛使用，但安全与稳定堪忧，不适合在移动端使用（耗电、触摸、不开放）。HTML5增强了浏览器的原生功能，符合HTML5规范的浏览器功能将更加强大，减少了Web应用对插件的依赖，让用户体验更好，让开发更加方便，另外W3C从推出HTML4.0到5.0之间共经历了17年，HTML的变化很小，这并不符合一个好产品的演进规则。...
我们知道在用图片作为背景的时候，css要这样写，以div容器举例子，也可以是body、td、p等的背景，道理一样。代码：div{ background:#FFF url(image) no-repeat fixed x y;}这里的background的属性值依次为：#FFF 背景色：（颜色值，背景图片没有覆盖的地方，或者没有背景图片时表现的背景色）image 背景图片：（这里是图片的地址）no-repeat 是否重复：（图片小于容器的大小时，默认会重复排列图片以填满容器，no-repeat表示不重复...
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title><style> .div1{width: 500px; height: 600px; background: yellow; font-size: 22px; position: absolute; bottom: 0;} .div3{width: 500px; height: 600px; background: yellow; font-size: 22px; position: absolute; left: 600px;} li{display: block; width: 50px; height: 50px; background: red; margin-top: 10px;} </style> <script>window....
html格式转化为TextView支持的SpannedSpanned spanned = Html.fromHtml(html, getter, new MessageTagHandler());html：html的字符串getter（ImageGetter）：图片的转换器publicabstractstaticinterface android.text.Html$ImageGetter {publicabstract android.graphics.drawable.Drawable getDrawable(java.lang.String arg0);}ImageGetter imgGetter = new Html.ImageGetter() {@Overridepublic Drawable getDrawable(String so...
原文：https://www.cnblogs.com/Answer1215/p/8552677.html
html导出excel数据1、controller/** * 导出数据 * @return * @throws IOException */ @GetMapping(value = "group/exportGroup") public ResponseEntity<byte[]> exportGroup() throws IOException { Workbook workbook = groupService.exportGroup(); ByteArrayOutputStream os = new ByteArrayOutputStream(); workbook.write(os); byte[] bytes = os.toByteArray(); ...
================================HTML 5 表单===============================================------新增input类型 input标签新增type属性值 1.search（搜索框）2.email（邮件地址输入框）3.url( url地址输入框）4.tel(电话号码输入框）5.number（数字输入框）6.range（滑动条）7.date（日期选择）8.month（月份选择）9.week（周选择）10.time（时间选择）11.datetime-local（日期时间）12.datetime（包含时区）13.co...
1、问题：Python中同一个.py文件中同时用unittest框架和HtmlReport框架后，HtmlReport不被执行。2、为什么？其实不是HtmlReport不被执行，也不是HtmlReport不生成测试报告，是因为if __name__ == ‘__main__‘中的代码根本没执行好嘛！3、解决方案的来源：因为最开始我的main代码中没有写print打印语句。没有生成HTML报告，我也在网上找了很久的方法，后来才怀疑是不是没有运行main方法，于是写了个print语句，果然没有运行。于是找...
技术很多，例子很多，只好慢慢学，慢慢实践！！现在学的这本书是【JavaScript实战----JavaScript、jQuery、HTML5、Node.js实例大全】JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记23.3 响应鼠标动作图3-2的效果已经有了，需要鼠标来操作展示想看的照片，这就需要在相应的地方加上事件。3.3.1 响应小照片单击动作在3.2.3的代码里提供了显示小图列表的eg.showThumb()方法，在单击小图片时要显示大图片，这需要调用eg.showBig...
【参考】VS的ASP.NET项目中cshtml突然出错，当前上下文中不存在名称“ViewBag”原因：web.config 配置错误这种情况是因为两个web.config文件版本不匹配，需要进行修改。Views文件夹下面的web.config:根目录下的web.config解决方案：*****重新建一个web项目，对比两个配置文件中的版本，之后进行对应的修改。 对比后发现 <add key="webpages:Version" value="3.0.0.0" /> 被更改 问题解决原文：https://www.cnblogs.com/xdot/p/104...