前言：因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传，而自己对java文件上传这一块未接触过，且对 Http 协议较模糊，故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一. Http协议原理简介 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版...
摇一摇JS脚本逻辑：接下来是移动端JS脚本逻辑的实现，摇一摇的实现需借助html5新增的devicemotion事件，获取设备在位置和方向上的改变速度的相关信息，该事件的基本使用如下：if (window.DeviceMotionEvent) {window.addEventListener(‘devicemotion‘, handler, !1);lastTime = new Date(); } else {alert(‘你的浏览器不支持摇一摇功能.‘); }devicemotion事件对象中有一个accelerationIncludingGravity属性，该属性包括：一个包...
如何实现批量截取整个网页完整长截图,批量将网页保存成图片web2pic/webshot/screencapture【困扰？疑问？】：您是否正受到：如何将网页保存为图片的困扰？网页很高很长截图截不全怎么办？怎样才能完整截图？有很多淘宝或天猫、京东店铺爆款商品宝贝需要截图，那么多嫩不能批量截图？网红微信公众号文章、名人微博文章很好，如何保存成图片收藏下来或者自己加工成高流量文章？网页设计师看到很有设计感的网页或者感兴趣的网页如何批...
好久没写文章了，之前一直有一个想法，就是做一个根据用户行走的路线，获取地理位置，然后把它们绘制出来，最后产生的效果，类似蜗牛行走留下的痕迹。最近思考了一下，搭了一个https，简单实现了一下，提供一下思路给大家看看，具体的细节还有很多需要完善。demo：demo页面地址： （不会泄露你的隐私，请用移动端访问，耐心等待位置获取）https://www.yudonghan.com/snail/1.地理信息接口要做这样一个东西首先要去了解html5提供了哪...
今天为练习Filter的用法编写了一个小程序.当用户通过article的超链接读取文章的时候,会通过Filter进行检测有没有登录.只有登录的读者才能跳到文章页面,否则跳到登录页面. 文章就用简单的article1 和article2 的html页面来表示这是Filter的代package a2;import java.io.IOException; import java.io.UnsupportedEncodingException;import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.FilterConf...
1. 新建一个html页面，在body tag之间加入<canvas id="myCanvas">Gray Filter</canvas> 2. 添加一段最简单的JavaScript代码：window.onload = function() { var canvas = document.getElementById("myCanvas");// do something here!!} 从Canvas对象获取绘制对象上下文Context的代码如下：var context = canvas.getContext("2d"); 在html页面中加入一幅图像的html代码如下:<img id="imageSource" src="hanjiaren.jpg" alt="Canvas ...
环境：OFFICE WORD 2007打开WORD，在菜单的“视图”->“宏”->“查看宏”->“创建”http://blog.csdn.net/aminfo/article/details/38760093 Sub 宏1()Dim MyFile As StringDim Arr(1000) As String '一次处理最大的文件数量，根据需要修改数字1000改为需要处理的数量Dim count As IntegerMyFile = Dir("F:\待处理的HTML目录\" & "*.html")count = count + 1Arr(count) = MyFileDo While MyFile <> ""MyFile = DirIf MyFile = "" T...
先看看没有互斥的情况： 1 <html>2 <body>3 4男性：<inputtype="radio" id="male" />5 <br />6女性：<inputtype="radio" id="female" />7 <br />8 9 </body>10 </html>11 要实现互斥， 可以让名称一致， 比如： 1 <html>2 <body>3 4男性：<inputtype="radio" id="male" name="xxx"/>5 <br />6女性：<inputtype="radio" id="female" name="xxx"/>7 <br />8 9 </body>10 </html>11原文：https://www.cnblogs.com/ago-0912/p/...
最近在学习Html5，就用JavaScript在Canvas试着绘制了一个灯笼，并作了简要的说明。具体绘制思路在页面上有说明，不再赘述，代码如下： 1 <script type="text/javascript">2//绘制椭圆 3function ParamEllipse(context, x, y, a, b) {4//max是等于1除以长轴值a和b中的较大者 5//i每次循环增加1/max，表示度数的增加 6//这样可以使得每次循环所绘制的路径（弧线）接近1像素 7var step = (a > b) ? 1 / a : 1 / b;8 conte...
HTML5之前，要实现网页元素的拖动操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现；HTML5 中引入了直接支持拖动操作的API，大大简化了网页元素的拖动操作编程难度，并且这些API除了支持浏览器内部元素的拖动外，同时支持浏览器和其它应用程序之间的数据互相拖动。 本文通过一个简单示例，演示HTML5中拖动API的使用方法。场景： 如下图所示，我们要实现： 通过拖动将照片从左侧“相册”区域拖拽到右侧“...
1.今天来说一下在linux下如何实现一个JavaScript程序，这个很简单，如果大家想要在linux下搞web开发，服务器架设，大数据等方面，就得继续努力了！2.首先，我们要实现一个JavaScript小程序，必须要有一个后缀名为html、htm等的文件，所以我先介绍一下三个创建文件的命令：(1).touch命令：这个命令可以在当前工作目录底下新建一个文件，示例如下图：这个touch命令只创建了一个空文件，要输入内容又必须使用gedit命令和vi命令来打开文...
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style>div{font-size:12px;color:red; background-color: #EAEAE8; border: 1 solid #1892B5; padding: 1}</style></head><body><div id="main1" style="color:blue" onclick="document.all.child1.style.display=(document.all.child1.style.display ==‘none‘)?‘‘:‘none‘" > + 主目录1</div> <div id="child...
一、<canvas>标签 Html5 引入了一个新的 <canvas> 标签，这个标签所代表的区域就好象一块画布，你的所有图形绘制最后都要在这块画布上呈现。有了这个标签，浏览器的图形表现力被极大的提升，Flash 和 SilverLight 有没有感到威胁呢? 新闻链接：Google声称Chrome7浏览器将提速60倍 <canvas>标签的用法非常简单，如下： 复制代码代码如下:<canvas id="tutorial" width="150" height="150" style="background-color:red;"> 你的浏览器...
angualrjs处于安全的考虑，插值 指令会对相应字符串进行过滤，避免出现html攻击。但是在一些时候，我们需要渲染html，比如实现一个分级的下拉框，代码如下： 1 <body ng-app="app" ng-controller="controller">2 <select ng-model="value" ng-options="t.text for t in testList"></select>3 <script src="/bootstrap/bootstrap/dist/angular-bootstrap/angular.js"></script>4 <script type="text/javascript">5var app= angular....
<strong><span style="font-size:12px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><style>*{margin:0px;padding:0px;}body{background:url("images/oo.jpg")no-repeat fixed;background-size:cover;}#huanfu{...