摘要：
webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；第二个meta标签是iphone设备中的safari私有meta标签，它表示... 阅读全文
posted @ 2015-05-12 19:28
papahot
阅读(216)
评论(0)
推荐(0)
摘要：
这一系列教程会带你快速认识Canvas，这是第一篇，先带你简单认识一下Canvas。Canvas是现代浏览器中内建的一个画图的方法，这篇文章中会介绍如何访问Canvas元素，怎么画图形，变换颜色以及擦除。这个新技术非常的令人激动。Canvas元素简介当你听到Canvas的时候，你的第一反应应该是会想... 阅读全文
posted @ 2015-05-12 19:27
papahot
阅读(349)
评论(0)
推荐(0)
摘要：
Responsive设计在现代Web设计中可谓是越来越流行，但很同学们并未理解其真正的设计概念，往往把Responsive视为一种自适应布局。当然有很多同学也在尝试动写Responsive的案例，但如何取其断点左右纠结，如何设置哪几个断点？又从何入手？Responsive中的断点都依赖于CSS3的M... 阅读全文
posted @ 2015-05-12 19:26
papahot
阅读(195)
评论(0)
推荐(0)
摘要：
在这个教程中，我会教你使用CSS变形制作圆形导航。 我会带你一步步地创建样式，讲解背后的数学知识和简单的逻辑，让你对这技术有清晰的认识。正如我提到的，使用CSS变形创建样式，会用到相关的基础数学知识。但是不必担心， 用到的数学非常简单，我会带你一步步地客克服它。我要指出原技术属于Ana Tudor。... 阅读全文
posted @ 2015-05-12 19:26
papahot
阅读(587)
评论(0)
推荐(0)
摘要：
Cursor:url()的使用今天在项目中，要用到自定义鼠标样式，格式：css:{cursor:url('绝对路径的图片(格式：cur,ico)'),-moz-zoom-out;}//FF下面css:{cursor:url('绝对路径'),auto;}//IE,FF,chrome浏览器都可以前面ur... 阅读全文
posted @ 2015-05-12 19:25
papahot
阅读(475)
评论(0)
推荐(0)
摘要：
ie6、7下button的黑边、点状线去除方法 黑边bug出现背景：按钮（button、submit...）得到焦点时，按钮会出现1px的border，看着很是不爽。从网上找的解决办法：1.在button和input的标签外添加一个标签，然后将样式写在这个标签上，并且把button和input的默认... 阅读全文
posted @ 2015-05-12 19:25
papahot
阅读(272)
评论(0)
推荐(0)
摘要：
强制不换行div{white-space:nowrap;}自动换行div{word-wrap: break-word;word-break: normal;}强制英文单词断行div{word-break:break-all;}=====================================... 阅读全文
posted @ 2015-05-12 19:24
papahot
阅读(125)
评论(0)
推荐(0)
摘要：
http://daneden.github.io/animate.css/.site__title { color: #f35626; background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a); -webkit-backg... 阅读全文
posted @ 2015-05-12 19:24
papahot
阅读(1601)
评论(0)
推荐(0)
摘要：
apple-webkit-tap-highlight-color这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何... 阅读全文
posted @ 2015-05-12 19:23
papahot
阅读(630)
评论(0)
推荐(0)
摘要：
移动web开发经验总结 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏... 阅读全文
posted @ 2015-05-12 19:22
papahot
阅读(614)
评论(0)
推荐(0)
摘要：
样式化复选框(Styling Checkbox)复选框 Checkbox 是 Web 应用常用控件，随处可见，原生的复选框控件一般就像下面这样：选中状态未选状态这取决于操作系统和浏览器，有些时候，这种样子并不能满足设计要求，这时需要更为精致的复选框样式。以往只有少数浏览器才支持对这类控件应用样式，比... 阅读全文
posted @ 2015-05-12 19:21
papahot
阅读(272)
评论(0)
推荐(0)
摘要：
以下列出各种平台下合适的中西文字体：桌面端 Mac, Windows, Linux 上适合网页显示的优秀中文字体MacWindowsLinux冬青黑体Hiragino Sans GB中易宋体SimSun文泉驿微米黑WenQuanYi Microhei黑体-简（华文黑体）Heiti SC (STHei... 阅读全文
posted @ 2015-05-12 19:19
papahot
阅读(262)
评论(0)
推荐(0)
摘要：
dppxspmminptldpi@ 48.00dp= 36.00px= 48.00sp= 7.62mm= 0.30in= 21.60ptmdpi@ 48.00dp= 48.00px= 48.00sp= 7.62mm= 0.30in= 21.60pttvdpi@ 48.00dp= 63.90px= 4... 阅读全文
posted @ 2015-05-12 19:17
papahot
阅读(170)
评论(0)
推荐(0)
摘要：
github使用SSH链接，需要设置SSH1.检查SSH key cd ~/.ssh2.备份已有的key，（如果有的话） mkdir key_backup mv id_rsa* key_backup3.生成SSH key$ ssh-keygen -t rsa -C jonezhang86@gmail... 阅读全文
posted @ 2015-05-12 19:16
papahot
阅读(1352)
评论(0)
推荐(0)
摘要：
window.location.hash属性介绍location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如htt... 阅读全文
posted @ 2015-05-12 19:15
papahot
阅读(4063)
评论(0)
推荐(1)
摘要：
第一步：定义插件$(function() { $.fn.插件名称 = function(options) { var defaults = { Event : "click", //触发响应事件 msg : "Holle word!" //显示内容 }; var ... 阅读全文
posted @ 2015-05-12 19:14
papahot
阅读(127)
评论(0)
推荐(0)
摘要：
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数。另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级... 阅读全文
posted @ 2015-05-12 19:14
papahot
阅读(128)
评论(0)
推荐(0)
摘要：
源码：生成：functiontrans(html){varo=document.createElement('div'),t=document.createTextNode(html);o.appendChild(t);returno.innerHTML;}vartxt=trans('abc');a... 阅读全文
posted @ 2015-05-12 19:13
papahot
阅读(361)
评论(0)
推荐(0)
摘要：
什么是跨域 JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下： 首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法... 阅读全文
posted @ 2015-05-12 19:12
papahot
阅读(153)
评论(0)
推荐(0)
摘要：
1.使用 === 代替 == JavaScript 使用2种不同的等值运算符：===|!== 和 ==|!=，在比较操作中使用前者是最佳实践。“如果两边的操作数具有相同的类型和值，===返回true，!==返回false。”——JavaScript：语言精粹 然而，当使用==和！=时，你可能会遇... 阅读全文
posted @ 2015-05-12 19:11
papahot
阅读(141)
评论(0)
推荐(0)
摘要：
正则表达式的定义一个RegExp对象的每一次估值都返回新对象，这意味着RegExp是可变对象。直接量字符模式说明备注任意字符除^ $ . * + ? = ! : | \ / () [] {}以外的字符，代表自身\0(数字零)NUL字符\u0000\t制表符\u0009\n换行符\u000A\v垂直制... 阅读全文
posted @ 2015-05-12 19:10
papahot
阅读(262)
评论(0)
推荐(0)
摘要：
JS中的“==”符号及布尔值转换规则what are the rules for how == converts types?关于"=="的比较规则：1. Comparing numbers and strings will always convert the strings to numbers... 阅读全文
posted @ 2015-05-12 18:53
papahot
阅读(219)
评论(0)
推荐(0)
摘要：
面向对象的手法来封装javascript ,javascript是没有类的概念的.所以今天谈到的封装,其实就是用javascript的函数来实现的.1234varPeople{name:’一介布衣’,age:’30'};这就是javascript中的一个对象,里面封装了2个属性.实例化一个对象的实例... 阅读全文
posted @ 2015-05-12 18:53
papahot
阅读(260)
评论(0)
推荐(0)
摘要：
继承,同样不是真正严格意义上面向对象的继承,而是通过javascript中的原型链关系实现函数之间的属性,方法共享.下面简单分享几种封装的方法.既然说到继承,我们必须有一个基类123456789functionPerson(){this.eat=function(){return'吃食物';}}Pe... 阅读全文
posted @ 2015-05-12 18:52
papahot
阅读(178)
评论(0)
推荐(0)
摘要：
（一）：模块的写法随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。Javascript模块化编程，已经成为一个迫切的需求。理... 阅读全文
posted @ 2015-05-12 18:50
papahot
阅读(113)
评论(0)
推荐(0)
摘要：
JavaScript 秘密花园 对象o 对象使用和属性o 原型o hasOwnProperty 函数 o for in 循环 函数o 函数声明与表达式 o this 的工作原理 o 闭包和引用o arguments 对象o 构造函数o 作用域与命名空间 数组o 数组遍历与属性o Array 构... 阅读全文
posted @ 2015-05-12 18:49
papahot
阅读(479)
评论(0)
推荐(0)
摘要：
原文：http://dmitrysoshnikov.com/ecmascript/javascript-the-core/对象原型链构造函数执行上下文栈执行上下文变量对象活动对象作用域链闭包This我们以思考对象的概念做为开始，这是ECMAScript的基础。对象ECMAScript做为一个高度抽象... 阅读全文
posted @ 2015-05-12 18:48
papahot
阅读(109)
评论(0)
推荐(0)
摘要：
理解必包三个基本事实1. JS允许你引用在当前函数以外定义的变量。ex： function makeSandwich(){ var magicIngredient = “peanut butter”; function make(filling){ return magicIngredien... 阅读全文
posted @ 2015-05-12 18:46
papahot
阅读(139)
评论(0)
推荐(0)
摘要：
$$('*’) //$$函数只能在console调试工具中使用document.querySelectorAll(‘*’) //所有元素的节点列表(NodeList)ex: var a = $$('a'); var aa = document.querySelectorAll('a'); cons... 阅读全文
posted @ 2015-05-12 18:46
papahot
阅读(238)
评论(0)
推荐(0)
摘要：
ex:var str ＝ ‘ didididf\didididf\didididf\\\’；字符串尾部 \ （反斜杠是告诉引擎这里是个多行文本） 阅读全文
posted @ 2015-05-12 18:45
papahot
阅读(177)
评论(0)
推荐(0)
摘要：
Let 命令声明变量 － 只在let命令所在的代码块内有效。ex:{ let a = 10; var b = 21;}a // 报错 ReferenceError: a is not definedbex:var ar = [];for(var i=0; i<10; i++){ var ix = ... 阅读全文
posted @ 2015-05-12 18:44
papahot
阅读(545)
评论(0)
推荐(0)
摘要：
1. document.form.item 问题问题：代码中存在 document.formName.item(“itemName”) 这样的语句，不能在FF下运行解决方法：改用 document.formName.elements["elementName"]2. 集合类对象问题问题：代码中许多集... 阅读全文
posted @ 2015-05-12 18:43
papahot
阅读(134)
评论(0)
推荐(0)
摘要：
学习HTML 5编程和设计★HTML5 Rocks: Major Feature Groups 的学习HTML5 的资源(HTML5 演示, 教程 ).源码很不错的HTML5 Dashboard– Mozilla，效果很炫。WhatWG Developers, 一个清楚的 HTML5 技术规格说明书... 阅读全文
posted @ 2015-05-12 18:39
papahot
阅读(282)
评论(0)
推荐(0)
摘要：
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidthscrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内... 阅读全文
posted @ 2015-05-12 18:38
papahot
阅读(150)
评论(0)
推荐(0)
摘要：
使用纯粹的JavaScript创建一个AJAX请求：function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari x... 阅读全文
posted @ 2015-05-12 18:37
papahot
阅读(183)
评论(0)
推荐(0)
摘要：
//HTML1234//CSS3 animation-name#beastainer {float: right;padding: 20px 0 20px 20px;position: relative;}#beast404re,#beast404le {position: absolute;-we... 阅读全文
posted @ 2015-05-12 18:32
papahot
阅读(238)
评论(0)
推荐(0)
摘要：
主要快捷键列表：Ctrl+L选择整行（按住-继续选择下行）Ctrl+KK从光标处删除至行尾Ctrl+Shift+K删除整行Ctrl+Shift+D复制光标所在整行，插入在该行之前Ctrl+J合并行（已选择需要合并的多行时）Ctrl+KU改为大写Ctrl+KL改为小写Ctrl+D选词（按住-继续选择下... 阅读全文
posted @ 2015-05-12 18:31
papahot
阅读(140)
评论(0)
推荐(0)
摘要：
Vim是Linux系统上的最著名的文本/代码编辑器，也是早年的Vi编辑器的加强版，而gVim则是其Windows版。它的最大特色是完全使用键盘命令进行编辑，脱离了鼠标操作虽然使得入门变得困难，但上手之后键盘流的各种巧妙组合操作却能带来极为大幅的效率提升。因此Vim和现代的编辑器（如SublimeTe... 阅读全文
posted @ 2015-05-12 18:30
papahot
阅读(405)
评论(0)
推荐(0)
摘要：
代码编辑器或者文本编辑器，对于程序员来说，就像剑与战士一样，谁都想拥有一把可以随心驾驭且锋利无比的宝剑，而每一位程序员，同样会去追求最适合自己的强大、灵活的编辑器，相信你和我一样，都不会例外。我用过的编辑器不少，真不少～但却没有哪款让我特别心仪的，直到我遇到了SublimeText2！如果说“神器”... 阅读全文
posted @ 2015-05-12 18:29
papahot
阅读(214)
评论(0)
推荐(0)
只有注册用户登录后才能阅读该文。 阅读全文
posted @ 2015-05-12 18:28
papahot
阅读(2)
评论(0)
推荐(0)
摘要：
通常情况下我们总是要面对IE系列的bug，因此我们对处理它们的hack烂熟于心，可是如果是Gecko核心的Firefox你还知道吗？ok，那就让我们再多记一点东西......@-moz-documenturl-prefix(){css语句}例：@-moz-documenturl-prefix(){.... 阅读全文
posted @ 2015-05-12 18:27
papahot
阅读(110)
评论(0)
推荐(0)
摘要：
还在羡慕移动设备上的语音输入吗？ok让我们在Web上也来试一下吧。HTML5标签Input新提供了x-webkit-speech语法。能让我们将语音输入的功能很简单的带到我们的网站中，虽然它还不完美。（一目了然目前只有webkit核心的可以使用。例：Chrome只能在11以后的版本）第一个例子：第二... 阅读全文
posted @ 2015-05-12 18:26
papahot
阅读(156)
评论(0)
推荐(0)
摘要：
嗨，guys，还在为上下左右的tip揪心嘛，还在使用利用图片、符号、多层关系或者border的2个三角形的重叠来实现？既然它不完美，那就来看一下利用CSS3的transfrom的方法是否适合你。概述：CSS视觉格式化模型描述一个坐标系统上的每个元素位置的坐标系。定位和大小在这个坐标空间可以被认为是用... 阅读全文
posted @ 2015-05-12 18:25
papahot
阅读(495)
评论(0)
推荐(0)
摘要：
Java的网络功能与编程着重介绍了利用Java的URL类实现从网络上获取声音、 图象、HTML文档及文件数据的编程方法。Java的网络功能很强大，除上面介绍的外，还可以利用URLconnection 类实现更广泛的网络功能，如向WWW 服务器上的 CGI 程序发送信息等； 通过 Socket 及Se... 阅读全文
posted @ 2015-05-12 18:20
papahot
阅读(52)
评论(0)
推荐(0)
摘要：
有两张表,结构如下:tblxuesheng 学生表ID学生IDNAME 姓名tblKaoshi考试表ID学生IDTestDateTime考试时间YuWenCJ语文成绩shuxueCJ数学成绩tblxuesheng 学生表 表中的内容如下：IDNAME1小强2小王3小高tblKaoshi考试表 表中的... 阅读全文
posted @ 2015-05-12 18:19
papahot
阅读(5)
评论(0)
推荐(0)
摘要：
CREATE TABLE driver （ drv_id int（11） DEFAULT '0' NOT NULL auto_increment, drv_forename varchar（15） DEFAULT ' NOT NULL, drv_surname varchar（25） DEFA... 阅读全文
posted @ 2015-05-12 18:18
papahot
阅读(345)
评论(0)
推荐(0)
浙公网安备 33010602011771号