1、目的：在前段是 jQuery库 或者 VUE库 或者两者混合库，将html 页面和数据 转换成PDF格式并下载，支持分页2、引入类库包：<!-- .pdf文件下载 download --><script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script><script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script> <!-- jQuery 2.2.3 --> <script src="/plugins/jQuery/jquery-2.2.3.min.js"></script>3、需要下载...
PC上对微信的html5页面做测试，一般来说需要两个条件：浏览器UA改为微信客户端的UA（打开页面提示请在微信客户端登录就需要修改UA）；增加满足html5验证条件的Cookie来进行微信OAUTH验证 说明：单纯的调试可以安装微信web开发者工具，使用微信进行登录来进行调试。这个工具有类似chrome的调试工具，但是这个不能装插件的。所以如果想用yslow等插件进行页面性能测试。还是要在chrome、Firefox等浏览器里实现模拟微信的html5页面 一、...
1、进入虚拟环境: workon 虚拟环境名 2、找到我们的项目管理文件夹django，进入创建项目django-admin startproject blog3、进入到我们的项目文件夹当中，创建我们的第一个应用 python manage.py startapp user 用于用户管理 创建我们的第二个应用python manage.py startapp articles 用于文章管理 4、使用pycharm打开创建的项目blog，在pycharm当中设置项目的虚拟环境5、由于我们在创建项目的过程...
HTML页面的加载HTML页面的加载实际上是基于http过程+浏览器对数据的解析渲染。http协议的请求过程是基于TCP协议的。http是要基于TCP连接基础上，简单的说，TCP单纯建立连接，不涉及任何我们需要请求的实际数据，简单的传输。http基于TCP建立的连接来收发数据，即实际应用上来的。一个HTML页面的加载的交互流程大致如下：0.输入URL1.解析URL2.构造并发送HTTP请求服务器的永久重定向响应（从 http://example.com 到 http://www.examp...
下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。1) html的实现 ?123456<head><!-- 以下方式只是刷新不跳转到其他页面 --><metahttp-equiv="refresh" content="10"><!-- 以下方式定时转到其他页面 --><metahttp-equiv="refresh" content="5;url=hello.html"> </head>优点：简单缺点：Struts Tiles中无法使用 2) javascript的实现 ?123456<script lang...
有些网站的网页标题部分有图标，很带感。方法很简单：在<head></head>部分增加下列一行代码即可。<link rel="shortcut icon" type="image/x-icon" href="images/8.png">注意：images/8.png是相对路径，为当前页面所在的路径下的images文件夹。也就是说images文件夹和当前页面同级。原文：http://www.cnblogs.com/westward/p/6692443.html
js方法：<script type="text/javascript">window.onload=function(){var userName="xiaoming";alert(userName); }</script> jquery方法：<script type="text/javascript">$(document).ready(function(){var userName="xiaoming";alert(userName); });</script> 或$(function(){ var userName="xiaoming"; alert(userName); }); 当dom加载完就可以执行（比window.onload更早）。在同一个页面里可以多次出现.ready() PS：两者的主要...
在html头中加入以下3句话，可以防止大部分浏览器缓存 <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache, must-revalidate"> <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"> 或者js中加入类似下面的代码，让每次的链接都不一样 var s=Math.random()*10; document.getElementById("checkCodeImg").innerHTML="<img src=‘/checkcode.jsp?rnd="+s+"...
一：页面加载完成时，会执行jquery的方法（不需要等待图片加载完成，只要dom结构加载完成，就执行该方法）//第一种写法： $(document).ready(function() {// 执行体 });//第二种写法 $(function() {//执行体 }); View Code二：用jquery获取dom对象，判断该对象是否有内容的两种方法（有返回true，没有返回false）jqObj.text().trim()var jqObj = $(this); if(jqObj.text().trim()){ //trim()方法是去空格，$.trim()函数删除提供字符...
在HTML页面的<body>中，可以用像下面的代码来添加<canvas>标签：复制代码代码如下:<canvas id="canvasOne" width="500" height="300"> Your browser does not support HTML5 Canvas.</canvas>译注：对于canvas，以下写法是不允许的：复制代码代码如下: <canvas id="canvasOne" width="500" height="300" />让我们来看一下上述代码到底做了些什么。<canvas>标签有3个主要的属性，包括： 1.id。我们可以在JavaScript代码中用id值来引...
PHP文件名：dome.php复制代码 代码如下: <?php $string = 1; ob_start(); @readfile("templets/list.html"); $text = ob_get_flush(); $myfile = fopen("list.html","w"); $text = str_replace ("{counent}",$string,$text); fwrite($myfile,$text); ob_clean(); ?> 模板文件名：templets/list.html复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http...
原文:JavaScript网站设计实践（六）编写live.html页面 改进表格显示一、编写live.html页面，1、JavaScript实现表格的隔行换色，并且当鼠标移过时当前行高亮显示；2、是输出表格中的abbr标签的内容实现后的效果图是这样的：1、实现思路在输出表格的时候，给出一个判断，如果偶数或是奇数行我们想换色，则添加一个class为odd的值，在这个class里就设置了表格不同颜色tr行。这里用到了一个判断函数：（下面是两个不同的方法，任选其一...
随着网站的内容的增多和用户访问量的增多，无可避免的是网站加载会越来越慢，受限于带宽和服务器同一时间的请求次数的限制，我们往往需要在此时对我们的网站进行代码优化和服务器配置的优化。 一般情况下会从以下方面来做优化动态页面静态化优化数据库使用负载均衡使用缓存使用CDN加速现在很多网站在建设的时候都要进行静态化的处理，为什么网站要进行静态化处理呢？我们都知道纯静态网站是所有的网页都是独立的一个html页面，当我...
假如我的HTML中有一个textarea元素，我想在它加载完成后根据内容调整其高度。怎么做呢？1. 我定义的textarea元素如下<textarea class="form-control" type="text" name="value" id="value"placeholder="输入参数值"></textarea>注意： id = ‘value‘这里的关键问题是html加载完后会调用哪个函数，有以下两种方法：2.1 方法一：通过调用$(document).ready(function () {} )<script type="text/javascript">function get_text_rows(...
1. document.body.offsetHeightdocument.body.offsetWidth2.InputStream in = ReportController.class.getClassLoader().getResourceAsStream("report.properties"); 原文：http://www.cnblogs.com/ahjx1628/p/4323702.html