前端开发2025年05月31日
拖放 拖放是一种常见的特性,即抓取对象以后拖到另一个位置。 在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。 设置元素为可拖放 首先,为了使元素可拖动,把 draggable 属性设置为 true : <img draggable="true" /> 拖动什么 - ondragstart 和 se...
前端开发2025年05月29日
HTML5页面的图片上传功能在iOS端的实现。 首先,页面上用的是plupload组件,在wkwebview上存在两个坑需要修复才能正常使用。 问题:在webview上点击选择照片/相机拍摄,就会出现whose view is not in the window hierarchy这个错误。其实stackoverflow上有这个错误的解释,但是我们并不能采...
前端开发2025年05月29日
基于Swift 3 、 Xcode 8 、 iOS 10 下的WKWebView的使用。 首先是WKWebView的基本用法: var wk:WKWebView! var progBar:UIProgressView! //定义的进度条 override func viewDidLoad() { super.viewDidLoad() self.wk = ...
前端开发2025年05月24日
<style>input[type="search"]{ border-radius:2px;} input::-webkit-search-cancel-button {margin-right:10px} } </style> search:<input type...
前端开发2025年05月24日
实战前的准备工作:了解HTML5大纲算法 在html5中有一个很重要的概念,叫做html5大纲算法(HTML5 Outliner),它的用途为用户提供一份页面的信息结构目录。合理的使用HTML5元素标签,可以生成一个非常清晰的文档大纲。 HTML5大纲算法 我们可以通过各种工具去查看当前页面,这里推荐使用一个测试工具:HTML5 Outliner,网址如下...
前端开发2025年05月23日
最近在项目中遇到了拖动排序的需求,所以就学习了一下H5的新属性,写篇博客记录一下。 draggable属性是指定当前元素可以被拖动的属性;我们要为需要拖动的元素设置该属性 <div id="columns"> <div class="column" draggable="true"><header>A</heade...
前端开发2025年05月23日
SEO 优化部分 页面标题<title>标签(head 头部必须) <title>your title</title> 页面关键词 keywords <meta name="keywords" content="your keywords"> 页面描述内容 description <meta name=...
前端开发2025年05月20日
文章不是简单的的Ctrl C与V,而是一个字一个标点符号慢慢写出来的。我认为这才是是对读者的负责,本教程由技术爱好者成笑笑(博客:http://www.chengxiaoxiao.com/)写作完成。如有转载,请声明出处。 介绍 我们把数据存储在浏览器,一直使用的Cookie,但其实Cookie是有很多数量和大小的限制的。现在我们不用考虑这些了,我们将要学...
前端开发2025年05月14日
html5在html文件格式下转为jsp时,部分css出现错乱,但所有css与js与html格式下引用一致 导致原因!DOCTYPE 声明 jsp默认声明:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.d...
前端开发2025年05月14日
转载请注明原地址; <!--水印设置,生成图片--> var img = new Image(); img.crossOrigin="anonymous"; img.src = "../imgs2/1.jpg"; alert("图一已经加载") <!--图片加载完成后在绘制--> img.οnlοad=function(){ <...