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():移动到上一个访问页面,等 ······
阅读全文

使用urldecode函数解决传参等多符号嵌套一起时双引号丢失问题

当多单引号或双引号多次使用时,容易碰到问题下例中如不用urldecode容易出错:echo '点我连接到新页面'; echo '点我连接到新页面'; echo '点我连接到新页面'; //"输出到浏览器端的时候会自动解码为符号,浏览器字 ······
阅读全文

@font-face 字体图标

@font-face语句是css中的一个功能模块,用于实现网页字体多样性的模块(设计者可随意指定字体,不需要考虑浏览者电脑上是否安装)。而由于网页中使用的字体类型,也是各浏览器对字体类型有不同的支持规格。 字体格式类型主要有几个大分类:TrueType、Embedded Open Type 、Ope ······
阅读全文

DNS预解析技术dns-prefetch

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

页面字体度量单位rem、em、px

rem的计算是基于根元素(root element,html)的字体大小(注: IE6/7/8/9...等谷歌、火狐浏览器根元素默认的 font-size 都是 16px)。设置字体时只需考虑根元素html字体大小来设置当前字体,例:html{ font-size:62.5%;//浏览器默认为16 ······
阅读全文

移动应用程序开发平台-PhoneGap

PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外Pho ······
阅读全文

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 ······
阅读全文

Html5实用新特性

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

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

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

图片垂直居中

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

操作查找iframe内的节点

//子iframe框架去找父框架窗口内的其它iframe框架窗口内的节点 window.top.$("iframe.style_module").contents().find("xxxxx")DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documen ······
阅读全文

iframe、frameset、frame解析

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

网站流程

网站是基于B\S架构,即浏览器---服务端架构,就程序来讲,可笼统划分为前端程序和服务器端程序。就项目来讲可能需要由以下部分构成:1.需求分析2.基本架构设计与定型3.数据库设计4.代码实现 1)前端        (1)页面框架(上下、左右、上左右、上左右下等结构)        (2)页面美化( ······
阅读全文

iFrame自适应高度,透明,默认高度等属性操作

                                       iFrame现在用较多: 用iframe去模拟一些特效。例如我现在要求当前页面执行某个操作,而操作后肯定要有一个跳转的动作。 但是一旦跳转,原始页面就没了,这个时候可以让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、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表单提交上来的数据 ······
阅读全文

HTML的head头标签内属性参数

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

web收藏夹/标签栏图标ico

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

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 参考开发指南     ······
阅读全文

web语义化

Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。如果可以在合适的位置使用恰当的标签,那么写出来的页面语义明确,结构清晰,搜索引擎也可以认出哪些是页面重要内容,予以较高的权值。h1~h6这几个标签在搜索引擎中权值非常高,用它们作页面标题就是一个简单 ······
阅读全文