SS'Blog - SS'Blog

PHP THAT DOESN'T HURT. CODE HAPPY & ENJOY THE FRESH AIR.

HAPPY NEW YEAR !

Laravel
StudyScript.com

Html5使用history对象history.pushState()和history.replaceState()方法添加和修改浏览历史记录。

概述浏览器窗口有一个history对象,用来保存浏览历史。如果当前窗口先后访问了三个网址,那么history对象就包括三项,history.length属性等于3。history.length // 3history对象提供了一系列方法,允许在浏览历史之间移动。back():移动到上一个访问页面,等 ······
阅读全文

DNS预解析技术dns-prefetch

在WEB开发中DNS优化分两点:一是减少DNS的请求次数。第二个就是进行DNS预先获取:为加快DNS域名解析速度,dns-prefetch会对网页所有链接先做域名解析 当访问一个网站如 www.studyscript.com 时,需要将这个域名先转化为对应的 IP 地址,这是一个非常耗时的过程。DN ······
阅读全文

Retina显示图片设置

简单的javascript方法1绝对简单的方法,就是使用retina.js脚本来控制调用Retina图像。简单点说,retina.js会自动检查你图片目录中的”@2x“图像,然后在Retina设备下替换普通的图片。CSS修改方法123456@media only screen and (-webki ······
阅读全文

bootstrap使用

简单使用教程:http://www.minwt.com/html/9966.html ie8兼容问题: 必须声明html5的Doctype头 meta标签使用可用的ie内核最高版本渲染 指定双核浏 ······
阅读全文

浏览器调试工具

前端开发调试工具、样式使用、js脚本使用情况、使用率。 谷歌浏览器前端开发调试神器 http://www.cnblogs.com/moonvan/archive/2011/12/09/2282710.html ······
阅读全文

移动平台/手机端前端技巧

http://handyxuefeng.blog.163.com/blog/static/45452172201263105851965/ ······
阅读全文

nofollow

nofollow 是一个HTML标签的属性值。这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接或不要追踪此特定链接"。 nofollow是一个HTML标签的属性值。它的出现为网站管理员提供了一种方式,即告诉搜索引擎"不要追踪此网页上的链接"或"不要追踪此特定链接"。这个标签的意义是告诉搜索引擎 ······
阅读全文

html5新标签

◆ 标记 定义一篇文章  ◆ 标记 定义页面内容部分的侧边栏  ◆ 标记 定义音频内容  ◆ 标记 定义图片  ◆ 标记 定义一个命令按钮 ◆ 标记 定义一个下拉列表  ◆ 标记 定义一个元素的详细内容  ◆ 标记 定义一个对话框(会话框)  ◆ 标记 定义外部的可交互的内容或插件  ······
阅读全文

HTML 5与HTML 4的区别

相比之下,HTML5在语法上发生了很大的变化 一.标记方法:   1)内容类型: HTML5的文件扩展符与内容类型保持不变,仍然为".html"或者".htm"。 而内容类型(ContentType)仍然为"text/html"。 2)DOCTYPE声明: DOC ······
阅读全文

移动WEB前端开发资源整合

1.视窗宽度其中 width=device-width 是设置视窗宽度为设备视窗宽度,还可以固定宽度,例如: width=640 则是640px的宽度(常见于微信);initial-scale=1.0 :设置缩放比例为1.0;minimum-scale=1.0 和 maximum-scale=1.0 ······
阅读全文

编码

UTF-8 UTF-8 bom 问题:文件为UTF-8 bom 致使页面产生空格,样式错误。解决:另存为无bom的UTF-8 其它 :http://asiapan.cn/archives/372phpstorm的右下角会显示当前文件编码类型 在phpstorm新建空文件即是utf- ······
阅读全文

Html5实用新特性

以下几个HTML5的重要特性,能够帮助提高整个web应用的使用体验和开发效率。特性一:正则表达式相信大家都会非常喜欢这个特性,无须服务器端的检测,使用浏览器的本地功能就可以帮助你判断电子邮件的格式,URL,或者是电话格式,防止用户输入错误的信息,通过使用HTML5的pattern属性,我们可以很方便 ······
阅读全文

调试面板设置table的td宽度等不起作用

由于table的渲染机制,所以调试面板修改样式,视图中并不能展示修改的. 要重新加载才可以! 即去改变文件样式,而不是在调试面板改,之后重新加载 ······
阅读全文

图片垂直居中

图片垂直居中例子:          无标题文档              .box {             display: table-cell;             vertical-align: middle;             width: 200px; ······
阅读全文

前端工程精粹之--js和css设置版本号,解决缓存问题

待:http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1  给css文件加个版本号:其实每次修改css文件后还要修改css的文件名有点麻烦,那么我们可以在加载css ······
阅读全文

iframe、frameset、frame解析

Iframe是Inline Frame的缩写,即内联框架。区别:frameset是在窗口区域进行框架分割,iframe则是在页面中创建一个框架区域。iframe框架可以不靠边,但frameset框架一定会靠边. 而iframe是在整个页面中嵌入一个页面,就像在网页中插入图片一样,位置和大小可以 ······
阅读全文

html5不再支持的标签

标签用法可以使用 代替不再支持用 CSS 代替用 CSS 代替用 CSS 代替用 CSS 代替用 CSS 代替不再支持不再支持不再支持用 CSS 代替用 CSS 代替用 CSS 代替用 CSS 代替用 CSS 代替 ······
阅读全文

WEB标准

概述WEB标准,即网站标准。目前所通常所说的WEB标准一般指网站建设采用基于XHTML语言的网站设计语言,WEB标准中典型的应用模式是“css+div”(什么是css+div)。实际上,WEB标准并不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Pres ······
阅读全文

html标签语义化

什么是html标签语义化? 语义化标签的主要目地就是让别人(包括机器哦)能直观的认识标签内内容与标签属性是干嘛的,是什么内容。 例如: a.用hx(h1、h2……)标签包含内容的话,大家一看就知道“哦,这是标题!”; b.用标签包含的内容大家一看就知道“哦,这是强调的内容!”。 ······
阅读全文

网页元素间距离、文档高度、宽度

网页元素间距离解析(原生与jQuery):注:整个文档的根是,在DOM中可以使用document.documentElement来访问它,它就是整个节点树的根节点。 body是子节点,要访问到body标签,在脚本中应该写:document.body。 $(document).ready(fn): ······
阅读全文

html文档的加载顺序

                                       浏览器加载和渲染html的顺序1. IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。2. 在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完)。3. 如 ······
阅读全文

HTML、SHTML、XHTML、DHTML、XML、JavaScript、JS、HTML DOM、CSS有什么区别

HTML、SHTML、XHTML、DHTML、XML、JavaScript、JS、HTML DOM、CSS有什么区别谁知道HTML,CSS,JS之间的关系——网友充满人性的解释html是网页的结构,CSS是网页的表达形式,JS是脚本语言;形象一点说就是,html相当于人里面的器官,组成了人体;而CS ······
阅读全文

IE内核中视频falsh/embed文件一直在上面解决办法

引用的视频文件在IE内核中视频一直在最上面,及设置z-index无效, 解决办法:flash/embed 的wmode设置为transparent TIps:如是后台录入的视频文件,可通过js在文件里统一处理添加该属性无效,必须在引入embed标签时就添加该属性。 ······
阅读全文

表单

表单在网页中主要负责数据采集功能。通过提交表单,向服务器传输数据内容,实现用户与服务器交互。 工作机制:用户在表单项里输入内容 - → 浏览器将用户输入数据打包发送给服务器 --→ 服务器接收数据并转由后台程序处理(比如php)。 form表单属于html,php只是用来将form表单提交上来的数据 ······
阅读全文

DTD声明

DTD叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。 要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。 ······
阅读全文

HTML的head头标签内属性参数

含移动端各种参数:http://fex.baidu.com/blog/2014/10/html-head-tags/1)html上加入     发确保网页的效果 2)    加上以下语句可使网页在苹果设备上运行更好                3)加入这句话可以定义iphone的添加 ······
阅读全文

web收藏夹/标签栏图标ico

    第一行和第三行代码的作用是在收藏夹下亦显示图标,无论是资源管理器窗口,还是浏览器的收藏夹。 ······
阅读全文

表单元素事件

onchange:当元素改变时执行脚本;当用户改变输入域内容时执行的代码。(改变完后再点击其他空白地方即可执行) function upperCase(x) { var y=document.getElementById(x).value document.getElementByI ······
阅读全文

title属性和alt属性---SEO

                                       TITLE属性与ALT属性 为了能让SEO更友好的找到页面,每条信息超链接加上title属性,重要图片/图标加上alt 属性 样例:                             ······
阅读全文

HTML页头规范

HTML页面报头规范 1、每个页面统一采用XHTML 1.0 Transitional DTD文档类型    2、页面所有超链接引用弹出新窗口(可选/可不选) 可选/可不选 3、统一使用utf-8 编码 4、html页面中统一加入IE向下兼容代码 5、TITLE与META 参考开发指南     ······
阅读全文

点击文本标记(不选圆按钮radio),可以触发相关控件

点文字即可选中,按钮时选中状态 男人  女人 ······
阅读全文

table布局

合并相邻border border-collapse:collapsetable的td合并: colspan是横向合并;rowspan是纵向合并。 例子:colspan="3"---->合并横向相邻的3个 例子:rowspan="3"---->合并纵向相邻的3个 ······
阅读全文