html
关注
分享
扫一扫
我们认识么
浙江大学
展开
-
html表单的type属性
input type属性 Input表示Form表单中的一种输入对象，其又随Type类型的不同而分文本输入框，密码输入框，单选/复选框，提交/重置按钮等， 下面一一介绍。 type=text 输入类型是text，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，电子邮件，家庭住址等等。当然这也是Input的默认类型。 参数meth原创 2015-04-04 10:57:22 · 3008 阅读 · 0 评论 -
html5 touch引发的一个应用以及营销
首先这里mark下自己搞的一个应用，当然有copy 的成分。这里面有几个重要的地方一个是touch事件的阻止冒泡，这个自己用了一个函数实现了。还有一个是touchstart事件和tauchend事件的处理。还有就是读取到的时间怎么转化成真正的时间。<!DOCTYPE html><!-- saved from url=(0067)http://www.stkeyi.cn/mei/yimiao/原创 2015-08-14 11:18:20 · 622 阅读 · 0 评论 -
一个比较low的防止用户持续刷入的办法
自己的办法就是第一次访问这个网站的时候自己设一个一个小时的cookie，然后第一次打开界面的时候写入cookie，然后连续输入五次之后锁定button键，之后重新刷新界面之后就有了cookie。注意的是就是操作cookie的时候是要多写入一个js文件的，关于这个js文件自己上传到310058.cn然后jquery.cookie.js下面还是附上一些代码：<script> var cookie原创 2015-08-29 19:28:54 · 753 阅读 · 0 评论 -
两段用php转义从而可以防止刷入的代码
function check_input($value){// 去除斜杠 if (get_magic_quotes_gpc()) { $value = stripslashes($value); }//过滤掉html标签 $value = strip_tags($value);// 如果不是数字则加引号 if (!is_numeric($v原创 2015-08-29 21:20:16 · 431 阅读 · 0 评论 -
手机端缩放控制
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> 在网页的<head>中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。其中：width=device-width ：表示宽度是设备屏幕原创 2015-08-11 17:08:32 · 1385 阅读 · 0 评论 -
html5的history
1）pushState方法：功能是向历史记录堆栈的顶部添加一条记录，常用于实现页面的无刷新跳转，其调用格式如下。 window.history.pushState(data, title [, url]); 其中，data参数表示在添加记录时传递的数据对象，该对象通常为JSON格式的字符串；参数title为页面显示的标题，可选项参数为页面跳转地址，默认值为当前页地址。 2）replaceSta原创 2015-06-10 00:42:17 · 470 阅读 · 0 评论 -
使用Data URI为网站提速
在研究Google网页底部的四色签名档处的时候。查看其源码HTML部分为：<div id="maia-signature"></div>CSS部分是通过背景图片实现的，但是其图片url却很反常。background:url("data:image/png;base64,iVBORw0KGgoA....")查阅相关资料后发现这是Data URI。通过Data URI你在使用标签，或者用CSS声明背景图原创 2015-06-23 17:01:05 · 520 阅读 · 0 评论 -
svg嵌入到html中的几种方式
最简单的方式好像就是用img，自己暂时不知道这种方式有什么缺陷，欢迎广大网友指正：<img src="ask.svg"/>`剩下几种方式主要是在各个博客网站之流学习的：使用<embed> 标签<embed> 标签被所有主流的浏览器支持，并允许使用脚本。注释：当在 HTML 页面中嵌入 SVG 时使用 <embed> 标签是 Adobe SVG Viewer 推荐的方法！然而，如果需要创建合法的 XH原创 2015-05-14 21:53:38 · 12362 阅读 · 1 评论 -
10个出色的css在线工具
对于web开发来说，CSS是最有效的美化页面、设置页面布局的技术。但问题是，CSS是一种标记性语言，语法结构非常的松散、不严谨。WEB程序员会经常发现自己的或别人的CSS文件里有大量的冗余代码或错误或能够大量优化的地方。如果你经常使用静态编程语言(比如，Java，C语言)等，你会发现实用的IDE工具会给编程带来巨大的效率，像Eclipse这样的能够实时自动分析代码问题的集成开发环境就是一个典型的例转载 2015-04-14 19:30:02 · 537 阅读 · 0 评论 -
js魔法
1、首次为变量赋值时务必使用var关键字 变量没有声明而直接赋值得话，默认会作为一个新的全局变量，要尽量避免使用全局变量。2、使用===取代== ==和!=操作符会在需要的情况下自动转换数据类型。但===和!==不会，它们会同时比较值和数据类型，这也使得它们要比==和!=快。[10] === 10 // is false[10] == 10 // is true'10'原创 2015-04-14 20:23:16 · 573 阅读 · 0 评论 -
appendchild的两个正确用法以及ajax
<!DOCTYPE HTML><html> <head> <meta charset="gbk" /> <title></title> </head> <body> <div id="placeholder"></div> <script type="text/javascript"> v原创 2015-04-12 13:41:58 · 1541 阅读 · 0 评论 -
随笔——支持IE8的一个ajax的标准写法。
IE8对于ajax的限制还是蛮严格的，要把数据类型为json写出来，否则还是不能执行的。其他版本没怎么有这种问题。 $.ajax({ url: 'xianshi.php', type: 'get', dataType: 'json', success: function (result) {原创 2015-04-09 00:32:08 · 7871 阅读 · 0 评论 -
如何成为一名优秀的前端工程师
发现一篇不错的博文，和大家分享一下，为有志成为一名优秀前端工程师的童鞋们提供一个参考。 :)~ 本文来源：http://www.biaodianfu.com/what-makes-a-good-front-end-engineer.html 一、技术的必须的作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通，类似转载 2015-04-12 23:29:09 · 1286 阅读 · 0 评论 -
浏览器版本控制
浏览器的版本问题自己先记一下，以后再补充： <script> if(navigator.userAgent.indexOf("Opera") != -1) { alert('Opera'); } else if(navigator.userAgent.indexOf("MSIE") != -1) { alert('Internet Explorer'); } el原创 2015-04-07 17:01:36 · 613 阅读 · 0 评论 -
html加载速度技术点
如果一个网站的图片多了起来的话，网站的加载速度就是一个问题，最近的一个网站用firebug看的话加载速度都已经达到了50多秒，关于提高网页的加载速度的话，除了一些压缩图片，采用png格式以及减少代码量等标准的方法以外，自己还是比较乱，于是先把这段时间看到了的写下来。第一种方法，部分图片延迟加载 这是管用的，用火狐的firebug测试的话还是能看出一定的效果来的。 网页图片延迟加载 第原创 2015-04-05 22:46:45 · 358 阅读 · 0 评论 -
html中的meta标签
html中meta其实用途很多，在这里我只是讲一部分目前自己觉得比较有用的几个吧。1. 定义语言 格式： 〈meta http－equiv=〃Content－Type〃 content=〃text/html; charset=gb2312〃〉 这是META最常见的用法,在制作网页时,在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当访客浏览你的网页时,浏览器会自动识别并设置网页中的语言原创 2015-04-05 14:59:09 · 363 阅读 · 0 评论