实名群众-CSDN博客

转载 HTML5语义化

什么是语义化根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析为什么要语义化在没有CSS的情况下，页面也能呈现出很好的内容结构、代码结构 (裸奔时更好看)用户体验好：例如title、alt用于解释名词或解释图片信息、label标签的活用有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息 (爬虫依赖于标

2016-06-27 10:32:19 451 1

转载消除viewport的疑惑-移动网页开发

开发移动网页时，你一定会遇到下面这段代码：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。其中： width=device

2016-05-29 12:48:23 1090

原创 jQuery中的data方法只能获取不能设置值？

data([key],[value]) 在元素上存放或读取数据,返回jQuery对象上面是在jQuery手册中的截取，“存放”数据？先看代码<div id="div1" data-test="test">1</div><script> console.log($("#div1").data("test"));//test</script>OK，读取是正常的。再来，<div id

2016-05-25 10:48:03 7284

转载 canvas标签的width和height以及style.width和style.height的区别

由于HTML5 Canvas本身的特殊性，所以其大小的设置是很有讲究的。

2016-05-21 20:24:09 6057

发现在用Sublime Text3自动补全的HTML文件中都有一个属性lang<html lang="zh-CN">可以理解，这是规定页面内容的语言为中文，同样的还有英文的<html lang="en">但是这个除了标准化之外，还有什么作用？不注明的时候同样默认是中文，不写的影响有什么？经过一番谷歌，先贴出W3C中的一篇文章《为什么使用语言属性？》 https://www.w3.org/Inter

2016-04-28 19:54:17 1287

原创结构伪类选择器中的 n

曾经一直有个误解，以为 :nth-child(n)是匹配元素的第n个后来才发现 E:nth-child(n) 选择作为父元素的第一个子元素的元素E 有点绕，这里匹配的时候需要满足两个条件： 1.该元素是元素E 2.该元素是父元素的第一个子元素<div class="wrap"> <div>第一个子元素</div> <span>第二个子元素</span> <div>第

2016-04-26 18:27:32 483

原创浏览器窗口大小改变，onresize()事件触发两次

当浏览器窗口大小改变的时候将会触发onresize事件可以监控该事件的发生做一些响应式的处理JS：window.onresize(function(){ //code}):jQuery:$(window).resize(function(){ //code});但是，在监控的过程中发现每次改变浏览器窗口的时候onresize事件都会触发两次。 (产生的原因貌似比

2016-04-26 16:39:02 3150

原创 XMLHttpRequest对象

XMLHttpRequest对象(简称XHR)是Ajax技术的核心XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问，包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力XMLHttpRequest 可以同步或异步地返回 Web 服务器的响应，并且能够以文本或者一个 DOM 文档的形式返回内容尽管名为 XMLHttpRequest，它并不限于和XML文档一起使

2016-04-26 09:57:38 392

转载利用原生JavaScript获取样式的方式小结

利用原生JavaScript获取样式的方式小结是获取样式，不是设置样式。若没有给元素设置样式值，则返回浏览器给予的默认值。

2016-04-17 10:11:33 251

转载 Ajax-入门

开始这篇文章将带您浏览整个AJAX的基本概貌,并展示两个简单的例子让您轻松上路.

2016-04-08 21:28:54 264

原创数据访问

在JavaScript中，数据存储的位置会对代码整体性能产生重大的影响。数据存储共有四种方式：直接量、变量、数组项、对象成员。它们有不同的性能考虑。访问直接量和局部变量的速度最快，相反，访问数组元素和对象成员相对较慢直接量：直接量只待变自身，不存储在特定位置。JavaScript中的直接量有：字符串、数字、布尔值、对象、数组、函数、正则表达式，以及特殊的额null和undefined值变量：开发人

2016-04-07 19:06:37 459

原创预防阻塞的方法

预防阻塞的方法大多数浏览器都使用单一进程来处理用户界面(UI)更新和JavaScript脚本执行当浏览器在执行JavaScript代码时，会阻塞页面后续的内容（包括页面的渲染、其它资源的下载）• 脚本的位置浏览器加载HTML的顺序是从上到下的由于脚本会阻塞页面其他资源的下载，因此建议将所有的<script>标签尽可能放到<body> 标签的底部，以尽量减少对整个页面下载的影响。• 合并脚本通

2016-04-07 17:20:54 393

Felix__XP的博客