最近需要给html5的WebAPP在页面上实现一个复制功能：用户点击长按文本会全选文字并弹出系统“复制”菜单，用户可以点击“复制”进行复制操作，然后粘贴到AppStore搜索对应的应用。之所以不是采用链接形式直接跳转到AppStore对应应用是为了通过用户的主动输入关键词搜索给推广的企业App增加权重。所以这一个“复制”功能对用户的体验至关重要。尝试了一些做法，在安卓/iOS平台上的兼容性都不是很好。在微信浏览器内是很容易实现长按...
1.使用System.Windows.Forms命名空间下的WebBrowser控件加载网页并生成图片GiHub参考地址：https://github.com/tianma3798/FileOparate/ 使用方法：publicstaticvoid TestOne() {ThumbnailImg img = new ThumbnailImg("e:\\one.png");//img.SetToJpeg();//img.SetToGif();ThumbnailOperate _operate = new ThumbnailOperate("http://korea.weilanliuxue.cn", img);_operate.GenerateImg();Console.WriteLine("保存成功"); } 核心代...
问题描述： 1<!DOCTYPE html> 2 3<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 4<head> 5<meta charset="utf-8"/> 6<title></title> 7<style> 8 input { width: 100px; height: 25px; background-color: #ff6a00; outline:none;} 9 input:active{ background-color:#00ff21; transform: translate(2px,2px); -webkit-transform: translate(2px,2px);/*Google*/ -moz-transform: translate(2px,2px);/*Saf...
装了wordpress cos-html-cache 静态插件后，生成了静态文件，post-views等点击数插件就失效了，找了一些，包括有个js版本的，需要用到post-views插件，我也不想装太多插件，于是有了下面的方案。1：Advanced Custom Fields插件。安装后，我原先用作缩略图字段的，新增加一个字段：点击数2:发文章，可以随便填写，也可以不填3：修改文章模板文件4：wp_conter.php文件5：效果对应见图?1. [图片] wp-custom_fields.png 2. [图片] w...
使用html2canvas插件可以无法渲染图片的情况 在使用html2canvas的时候。如果元素中还包含网络图片。那么有很大的几率渲染不出来。即时把html2canvas的允许跨域打开也无济于事。这次就从根源解决这个问题。而且即时渲染出来了。其实同一张图片已经请求了2次（初始渲染一次，html2canvas渲染也请求了一次）。问题的根本：在插件中，图片请求的时候跨域了（甚至同域的图片都难请求）图片多也会导致图片请求失败 把图片放在OSS（云存储...
现在我们可以选择浏览器非常多，所以浏览器的环境也是种类繁多，同一个浏览器也是包含各种不同的版本，不同的版本之间的渲染方法也存在差异，，它们支持的 HTML5、CSS3 特性恐怕也不尽相同。这种情况于是造成Web开发者在开发网站时，要面对数量庞大的浏览器种类。如果开发时按最低标准，比如 IE6不支持的特性，我们统统不用，那就没有必要写这篇文章了；但我想这种情况极少，更多的开发，是在现代浏览器上使用它们支持的特性，而在...
HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。localStorage 方法localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。<script type="text/javascript">localS...
前言：百度了一下html map，嗯嗯，介绍的挺详细的，如果是初学者，直接看他们的教程，挺好的，就不用我再多说了。不过我发现一个问题，就是都是介绍map有什么属性怎么用的，这明显就是照搬文档自己再改一下嘛，难道你们在使用中没遇到什么特别的需求或者什么问题？怎么不写出来？所以我就不介绍map了，直接说遇到的问题。问题一：如果图片原始尺寸是900px，但是你展示的尺寸是450px,那map就定位不准了，怎么破？问题二：如果一个页...
如今出现了大量的CSS前端框架，但真正优秀的框架只有少数几个。本文将会比较其中五个最佳的框架。每个框架都有自己的优点和缺点，以及具体的应用领域，你可以根据自己的具体项目需求进行选择。此外，许多选项都是模块化的，允许你仅使用所需的组件，甚至可以混合使用来自不同框架的组件。本文依据各个框架的GitHub流行度来顺序介绍。BootstrapBootstrap是目前可用框架中无可争议的领导者。其人气日益增长，你可以放心的选择这个框架...
最近折腾HTML5游戏需要离线存储功能，便把目前可用的几种HTML5存储方式研究了下，基于HT for Web写了个综合的实例，分别利用了Cookie、WebStorage、IndexedDB以及FileSystem四种本地离线存储方式，对燃气监控系统的表计位置、朝向、开关以及表值等信息做了CURD的存取操作。http://www.hightopo.com/guide/guide/core/serialization/examples/example_exportimport.htmlHTML5的存储还有一种Web SQL Database方式，虽然还有浏览器支持...
HTML5 向开发人员提供了很多新的标签, 如 section, nav, article, header 和 footer 等. 这些标签语义化程度高, 会被经常使用, 但在 IE6, IE7, IE8 和 Firefox 2 等老式浏览器中不能识别和正常使用. 为什么老式的浏览器不能识别这些标签? 其实错不在浏览器, 因为在那个时代根本不存在这种标签, 所以不能正确识别出来, 而这种不寻常的标签识别令 DOM 结构变得异常.我们有测试代码如下. 是一个文章标题和蓝色字的文章内容, 其中文章内...
我们先来看一下这么样一个表单：一、一步一步来分析下代码：1<form id="redemption" method="post">2<hgroup>3<h1>Oscar Redemption</h1>4<h2>Here‘s your chance to set the record straight: tell us what 5 year the wrong film got nominated, and which film <b>should</b>6 have received a nod...</h2>7</hgroup>8<!--后面的代码-->9</form>hgroup标签：用来将h1...h6标题标签进行分组这部分代码很简单，不过多分析，我们把...
一、Redis高可用概述在介绍Redis高可用之前，先说明一下在Redis的语境中高可用的含义。我们知道，在web服务器中，高可用是指服务器可以正常访问的时间，衡量的标准是在多长时间内可以提供正常服务（99.9%、99.99%、99.999% 等等）。但是在Redis语境中，高可用的含义似乎要宽泛一些，除了保证提供正常服务(如主从分离、快速容灾技术)，还需要考虑数据容量的扩展、数据安全不会丢失等。在Redis中，实现高可用的技术主要包括持久化、复...
下面我们来共同学习一下一、传统的方法复制代码代码如下:<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="<a href="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0">http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0</a>" width="550" height="400" id="Untitled-1" align="middle"> <param name="allowScriptAccess" v...
一、问题域 Nginx、LVS、Keepalived、F5、DNS轮询，往往讨论的是接入层的这样几个问题： 1）可用性：任何一台机器挂了，服务受不受影响 2）扩展性：能否通过增加机器，扩充系统的性能 3）反向代理+负载均衡：请求是否均匀分摊到后端的操作单元执行 二、上面那些名词都是什么概念 1）Nginx：一个高性能的Web-Server和实施反向代理的软件 2）LVS：Linux Virtual Server，使用集群技术，实现在Linux操作系统层面的一个高性能、高可用、...