Flora1108-优快云博客

原创 JavaScript的类型

JavaScript有七种内置类型：空值（null）未定义（undefined）布尔值（boolean）数字（number）字符串（string）对象（object）符号（symbol，ES6中新增）除对象之外，其他统称为“基本类型”。可以通过typeof运算符来查看值的类型，它返回的是类型的字符串值。但是，这七种类型和它们的字符串值并不一一对应：typeof undefin

2018-01-04 14:34:00 205

原创 window.onload与$(document).ready()对比

jQuery的$(document).ready(function(){}); 和JavaScript的window.onload=function(){}; 都能实现延迟解析javascript代码的效果，可以解决和优化一部分页面功能和体验感。二者相比，ready方法更加高效。它们的区别如下：调用时机：onload方法在页面全部加载完毕后才能执行，而ready方法是在页面框架下载完毕后就立即执行

2017-12-19 14:33:38 271

原创 GET和POST请求

通常情况下，GET请求用于从服务器上获取数据，POST请求用于向服务器发送数据。GET请求将所有请求参数转换成一个查询字符串，并将该字符串添加到请求的URL之后，因而可以在请求的URL后看到请求参数名、请求参数值。如果某个表单的action属性设置为GET，则请求会将表单中各字段的名和值转换为字符串，并附加在URL之后。GET请求传送的数据量较小，一般不能大于2KB。POST传送的数据量较大，通常

2017-12-16 16:50:40 242

原创 HTML5新增语义元素

<selection> <selection>是一个“通用文档”。可以使用<selection>将文档标记为HTML，或者还可以包围HTML。但<selection>并不是一个通用容器，<div>才是。另外，只有对元素分组来指定样式时才使用<div>。<article> <article>是一个自包含的内容块，适用于博客文章和新闻。<header> <header>放在<sectio

2017-12-13 17:18:16 672

原创 canvas绘制矩形、三角形、圆形

1、绘制矩形<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>canvas绘制矩形</title> <style> canvas{ border: 1px solid black; }

2017-12-07 13:54:02 1381 1

原创 web跨域请求——JSONP

HTML代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Mighty Gumball(JSON)</title> <script src="gumball.js"></script> </head> <body> <h1>Migthy G

2017-12-05 14:32:38 258

原创 HTML实现位置感知

地理定位API如何确定你的位置：所有浏览器（不论是设备浏览器，还是桌面浏览器）会使用以下几种不同的方法来确定位置，有的不那么精确，有的则很精确。1、IP地址基于IP地址的位置信息使用一个外部数据库将IP地址映射到一个物理位置。这种方法的好处是任何地方都可以使用。不过，IP地址通常会解析为其他位置，而不是你的具体位置，比如你的ISP本地分局的位置，而不是你的具体位置。可以认为这

2017-11-24 17:52:52 560

原创 window.onload=init;

<!DOCTYPE html><html> <head> <title></title> <meta charset="UTF-8"> </head> <body> <h1>Green Planet</h1> <p id="greenplanet">All is well</p> <h1>Red

2017-11-24 15:53:50 1156

原创 HTML5要点总结

HTML5是最新版本的HTML。它引入了简化的标记、心的语义和媒体元素，另外要依赖一组支持web应用的JavaScript库。XHTML不再是Web页面的标准。开发人员和W3C决定还是继续扩展和改进HTML。新的、更为简单的HTML5 doctype在较老的浏览器上也得到支持，这些浏览器看到这个doctype时会使用标准模式。<script>标记或指向CSS的样式表链接中不再需要type属性。

2017-11-24 10:24:17 302

原创客户端检测

每种浏览器都有各自的长处，以及各自的缺点。为了解决跨平台的浏览器的不一致性问题，就得利用客户端检测方法，来突破或者规避种种局限性。检测web客户端的手段很多，而且各有利弊。但不到万不得已，尽量不要使用客户端检测。只要能找到更通用的方法，就应该优先采用更通用的方法。一、能力监测能力检测（又称特性检测）是最常用也是最为人们广泛接受的客户端检测形式。能力检测的目标不是识别特定的浏览器

2017-11-22 14:55:33 259

原创 .html(),.text()和.val()的差异总结：

.html(),.text(),.val()三种方法都是用来读取选定元素的内容.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的”value”值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素

2017-11-17 15:59:36 520

原创 jQuery层级选择器

$( “parent > child” ) 子选择器：选择所有指定“parent”元素中指定的”child”的直接子元素。$(“ancestor descendant”) 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等$(“prev + next”) 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素$(“prev ~ si

2017-11-17 15:11:31 196

原创 <div>的display属性和visibility属性

1、display属性 display属性常用来设置<div>元素的浮动特征，当display设置为block（块）时，容器中所有元素都将被当做一个单独的块放入到页面中；将display设置为inline，将使其行为和元素inline一样，即使他是普通的块元素，它也将会被组合成像<span>那样的输出流输出到页面上；将display设置为none，则该元素实际上就从页面中被移走，它下面的所有元素都会

2017-11-14 15:33:41 17269 1

原创 <span>与<div>标签

HTML只是赋予内容的手段，大部分HTML标签都有其意义（如<p>标签创建段落，<h1>标签创建标题等），然而<span>标签和<div>标签没有实际上的意义，但实际上，与CSS结合起来后，应用范围就非常广泛了。它们被用来组合成一大块的HTML代码并赋予一定的信息，大部分的用类属性class和标记属性id与元素联系起来。1、<span>标签和<div>标签的相同之处 <span>标签和<div>标

2017-11-14 14:16:11 1114

原创 JavaScript继承的几种方法比较

许多OO语言都支持两种继承方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。由于在ECMAScript中，某些函数没有函数名，即匿名函数，因此ECMAScript只支持实现继承。并且主要是通过原型链来实现继承的。一、原型链实现原型链继承的基本模式：function SuperType(){ this.property = true;}SuperType.pro

2017-10-26 10:38:50 208

原创 JavaScript创建对象的几种模式比较

一、使用Object 构造函数或对象字面量创建单个对象var person = new Object();person.name = "Nicholas";person.age = 29;person.job = "Software Engineer";person.sayName = function(){ alert(this.name);}; 缺点：使用同一个接口创建很多对象，会产

2017-10-20 13:45:58 304

原创 JSON对象属性名与属性值的提取

我们有一个对象数组，里面存储着通讯录。函数 lookUp 有两个预定义参数：firstName值和prop属性。函数将会检查通讯录中是否存在一个与传入的 firstName 相同的联系人。如果存在，那么还需要检查对应的联系人中是否存在 prop属性。如果它们都存在，函数返回prop属性对应的值。如果firstName 值不存在，返回 “No such contact”。如果prop 属性不存在，返

2017-10-16 17:02:36 3640

原创前端简易弹幕墙制作

刚开始入门前端，想仿照FreeCodeCamp中的一个项目制作简单的弹幕墙。步骤如下： 1、编写HTML代码：创建一个弹幕显示墙，以及两个按钮，分别为“发送”和“清屏”，并在文本框中设置placeholder为“说点什么吧？”以提示用户在此输入弹幕信息。<body> <div class="con"> <div id="screen

2017-10-13 09:42:29 2814

Flora的博客