CaveShao-CSDN博客

原创 JS 数据类型小结

NaN 不等于任何值，包括他本身。ES5 中 parseInt() 只能通过制定技术解析八进制，如： parseInt(“033”,8) 。parseFloat() 只解析十进制的值，只解析一个小数点，出现第二个小数点即停止解析。字符串一但创建，它们的值就不能改变。toString(index) 中 index 为基数，表示原值解析的字符串由哪种进制表示。对象其实就是一组数据与功能的集合

2017-04-26 21:22:35 363

Ajax 技术的作用是无需刷新页面即可从服务器取得数据，它的核心是 XMLHttpRequest 对象（简称 XHR）。这个对象只能向同一域中使用相同端口和协议的 URL 发送请求。URL 必须与请求的页面完全一致，不一致会导致错误。如果想要访问不同域中的页面，则涉及到了跨域访问的问题，这里不做讨论。当 XHR 请求成功后，服务器返回响应数据，响应数据对号入座到 XHR 对象的属性。响应文本会填入

2017-04-24 21:00:36 362

原创对 table-layout 的错误解决

上图中运用了表布局，结果与预期效果（下图）出现了偏差。首先看一下错误布局的代码。 display: table; width: 860px; margin: 20px auto auto auto; padding-bottom: 30px; border-bottom: 2px solid #993399; border-spacing: 30px;再来看一下正确布

2017-04-21 18:08:46 1289

原创段落内容溢出的分析

最近在做网页时，对一个 p 元素进行测试，出现了下面这种情况。 p 元素明明完全在白色框内部， p 元素中的文本却跑到了外面。百思不得其解。经过查询，终于明白这种情况与 css 的换行设置有关。浏览器默认的换行方式是在单词断点处换行，而像上面这样一连串的字符会被浏览器认定为一个单词，所以不会换行。这种情况下可以设置 p 的 css 属性为 word-break: break-all; 这

2017-04-19 21:27:58 490

原创初识正则表达式

正则表达式是一种描述字符模式的对象， JavaScript 利用其实现强大的模式匹配、检索、替换功能。下面简单介绍一下正则表达式的基本用法。1 创建： JavaScript 中正则表达式有两种创建方法。第一种是利用字面量直接创建。var regex = /js/; 正则表达式模式为两个斜杠中间的部分，这段代码创建一个对象匹配字符串 js 。第二种方法调用构造函数来实现。var reg

2017-04-16 21:13:43 361

原创 JS 语言精粹小结

JavaScript 通过条件语句、循环语句、强制跳转语句、函数调用语句来改变执行序列。正确地使用继承特性，能减少对象初始化时消耗的时间和内存。对象属性名是否合法，决定可用检索方式的数量。把全局变量的资源都纳入一个命名空间之下，你的程序与其他应用程序、组件或类库之间发生冲突的可能性就会降低。闭包，是 JS 强大表现力的来源。

2017-04-15 18:32:37 453

原创 JS 中的几点小结

== >= 和 <= 使用时会转变数据类型。函数被保存为对象的一个属性时，被称为方法。函数内部不使用 var 定义的变量，自动形成全局变量。push() pop() 针对最后一位进行添加删除。shift() unshift() 针对第一位添加删除。

2017-04-13 21:26:39 275

原创 sublimtext 代码检错插件 sublimelinter 安装

1.环境：Win10 64bit 2.工具：sublimtext3 nodejs 3.详细步骤;选择 Package Control，然后输入 install ，点击 installpackage 。稍等片刻后，在新出现的输入框中输入 sublimlinter，点击安装。重复 1 2 3 步，第三步中的输入改为 sublimlinter jshint 。打开 nodejs 官方网站

2017-04-09 10:15:15 1917

原创前景色与背景色

在 CSS 中可以为任何元素设置前景色、背景色，整个页面带给人的感觉与这两个属性息息相关。前景色是指元素颜色及其边框颜色，通过 color 属性或 border-color 可以进行设置。在没有单独声明的情况下元素颜色与边框颜色一致。系统默认前景色一般为黑色。背景色指的是元素内容区及内边距区域的颜色，背景色为进行设置时默认值是 transparent，即透明。由于背景色默认是透明的，因此透过背景可

2017-04-07 18:04:05 17271

原创 JS DOM 中重要的三点总结

今天总结一下 JS DOM 编程中重要的三点： 1. 必要性 JS 的灵活性使它很容易被滥用，用 JS 添加功能是一定要注意当前代码是否有必要，是否有更好的其它方法。 2. 平稳退化「平稳退化」是指当 JS 失效时，页面依然具有可读性。这就需要在编写 HTML 时形成良好的内容结构，并且将行为层与内容层分离。 3. 检测不同的浏览器，对 DOM 的支持不

2017-04-04 19:34:25 381

原创元素浮动规则总结

浮动元素不属于文档正常流，但会影响布局。元素浮动时会生成一个块级框。浮动元素周围外边距不会合并。浮动元素左外边界不能超出其包含块的左内边界，右外边界同理。如果浮动元素顶端高于之前出现的浮动元素底端，则该浮动元素的左外边界为之前出现的浮动元素的右外边界。否则，该浮动元素的左外边界为包含块的左内边界。左浮动元素与右浮动元素边界不会重合。浮动元素的顶端不能不之前出现的浮动元素的顶端更高。

2017-03-30 21:31:29 630

原创 HTML & CSS 代码编写规范

1 缩进为四个字符。<div> <div> </div></div>2 类的命名形式为小写字母或小写字母加连接符，名称在表意清晰的情况下尽量缩写。.btn .footer .btn-red3 每个选择器独占一行。 h1, h2, h3, p { }4 注释内容尽量包括模块说明，功能，及优点。 5 必须添加 DOCTYPE 和字符编码声明。<meta charse

2017-03-26 18:06:10 407

转载行内布局的基本术语

匿名文本：所有未包含在行内元素中的字符串。 em 框：单个字符周围的方框。内容区：替换元素中为元素固有高度加上可能有的外边框。非替换元素中为 em 框连在一起构成的框。行间距： line-height - font-size 的值。行内框：非替换元素，行内框高度等于 line-height 的值。替换元素，行内框高度等于内容区高度。行框：包含该行中出现的行内框的最高点和最低点的

2017-03-22 21:28:54 556

原创水平布局三属性

水平布局中，块元素的总宽度总是等于父元素的内容宽度。左外边距，右外边距以及内容区为块元素水平布局中最重要的三个属性。下面列举三个属性变化时对块元素的影响：默认情况下，内容区 width 为自动，左右外边距为 0 。也就是说，内容区会自动填满父元素的内容区。当内容区 width 为固定值，左右外边距为 auto 时，左右外边距会宽度相等，内容区会水平居中。当三个属性值都为 auto 时，三个属性

2017-03-21 21:36:33 715

原创 CSS 图片居中的两种方法

CSS 布局中经常要用到图片的居中，但基于 CSS 的灵活性，图片居中有各种各样的方法。今天来介绍两种常用的方法：第一种方法比较简单，利用文本居中属性来使图片居中。<div> <img src=""></div>在 CSS 中设置 div { text-align:center;}第二种方法有点麻烦，首先要为图片加上块父元素，如：<p> <img src=""></p>将 <

2017-03-20 22:14:56 1576

原创 HTML 表单原理

今天分享一下个人对于表单的理解。简单来讲， HTML 表单就相当于 web 页面的无线电台，使用它可以与服务器形成双向的通信。当你点击了提交按钮后，表单中所填的数据会被打包发送到服务器进行处理，接着服务器会根据表单中的信息返回特定的响应。在表单中，组成元素大致可以分为两类——输入赋值型和选择赋值型。虽然类型不同，但两类元素最终的结果都是为一个变量赋值。例如，输入赋值型中比较典型的输入框中：<inp

2017-03-18 20:04:36 1905

转载域名解析过程

当我们发起请求查询 www.nihao.net 这个域名时会用到 DNS 服务。DNS 拿到请求后，先检查一下自己的缓存中有没有这个地址，有的话就直接返回。如果缓存中没有的话，DNS 会从配置文件里面读取13个根域名服务器的地址。并向其中一台发起请求。根服务器拿到这个请求后，知道他是 com 这个顶级域名下的，所以就会返回 com 域中的 NS 记录，一般来说是 13 台主机名和 IP 。然

2017-03-17 21:29:33 390

原创流体布局与浮动元素

浏览器对元素的摆放是按「流」的方式进行的。所谓「流」，就是浏览器按照由左至右，由上至下的顺序，如同管道中的水流一样显示元素的方法。当流体中的元素设置了浮动属性后，这个元素便不在属于流。他会像船一样浮动在流体上的某个位置，并且会遮挡其下方的块元素。而块元素中的内联元素，则会绕开浮动元素。

2017-03-15 21:14:26 335

原创谈谈层叠

我们都知道，一个web页面的布局常常要引用多个层叠样式表(css),而同一个元素又常常属于不同的选择器。那么，要想知道最终呈现在客户端页面中的元素是由哪个选择器决定的，就需要理解层叠。 p{ text-align:center; } p{ text-align:left; } 这是同一个样式表中p的两个元素选择器。其他样式表中也可以有p的选择器。一个元素最终的样式是由浏览器以层叠的方

2017-03-14 22:13:21 396

原创初识Box Model

盒模型（box model）顾名思义，指将HTML元素看作一个盒子进行设置，这对于页面的布局与排版极为便利。盒模型理解起来并不困难。设置盒模型的属性可以看作为元素分配领地，以一个<p> 元素为例：padding指的是p元素的内边距，即content与border的距离，默认情况下border紧贴在content的四周，一旦padding有了数值，比如20px。content的四条边与其所对应bord

2017-03-13 21:51:10 309

转载 HTML编写规范

1 必须以<doctype>开头 eg: 2 必须有<html>元素 3 只有<head><body>可以放在<html>元素中 4 <head>中指定字符编码 eg:<meta charset=”utf-8”> 5 <head>中必须有title 6 检查元素是否有该属性 7 使用空格及注释保证代码的可读性 8 涉及到样式尽量使用css 9 void元素如img,不能

2017-03-12 10:58:35 320

原创 HTML img 使用规范

1.尽量使用自己服务器上的图片，不用其他网站URL获得图片。 2.图片太大使用修图软件修改，不要直接用属性修改。 3.图片因宽高比变化影响图片美感时，可裁剪图片局使用。 4.img为inline元素，使用时放置于p中。 5.img使用时必须加alt属性。 6.一般图像最大宽度为800px. 7.照片和复杂图像使用JPEG，logo和几何图像使用GIF或png。

2017-03-10 07:33:11 856

原创色系及颜色搭配

色系可以简单分为：暖色系：与阳光相接近，有温暖舒适之感，如红，橙，黄；冷色系：给人清爽，简洁的感觉，如蓝，紫，绿；无色系：黑，白，灰；好的颜色搭配是网页质量的决定因素之一，常见的搭配原则有：单色搭配：黑/白 + 冷暖系中的一种颜色；对比搭配：冷暖色系中各选一种颜色；深浅搭配：选择一深一浅两种颜色，给人以视觉上的冲击；

2017-03-08 21:38:59 865

原创前端名词总结

API Application Programming Interface 应用编程接口；CSS cascading style sheets 层叠样式表；DNS Domain Name System

2017-03-07 21:34:32 571

原创共享密钥与公开密钥

当你需要在一个购物网站输入账号以及密码时时，含有你的账号与密码信息的数据会被发送到服务器，在发送的过程中，数据会有两种加密形式——共享密钥加密和公开密钥加密。共享密钥加密可以这样理解，服务器为了使数据传输更安全，送给你一把钥匙，这把钥匙可以将数据锁在一个盒子里，当然也可以打开已经锁上的盒子。当数据送至服务器时，服务器会用同样的钥匙打开盒子。这种方法的坏处是，一旦贼人得到钥匙，便可以打开已经锁

2017-03-06 21:27:34 10946

原创注册机是如何获取序列号的？

很多软件需要交一些钱才可以使用，在资金不充足的情况下，我们有时会下载一个注册机。那么，注册机是如何获取序列号的呢？注册机针对不同的软件一般用两种方法获取序列号: 一是暴力版，有些注册机在使用时，会要求你在软件注册页面随便输入数字。当软件开始用正确的序列号与你的数字进行对比时，注册机已经将正确序列号截获了。第二种是反汇编破解,注册机会获取软件的汇编代码，通过逆向算法解出序列号，就像数学上的

2017-03-05 20:38:25 1985

原创 web背景图全屏及按钮对称布局

One 背景图全屏背景图全屏最简单粗暴的方法是将图片设置为足够大，但这样做有两个坏处：一方面会是页面加载缓慢，另一方面因为只显示图片局部，会影响视觉效果。其他方法是按百分比设置，这个方法需要实际情况实际分析。如果是只占单屏不需滑动的页面，可以设置background-size :width 100%； height 100%;。如果是需要滑动的网页，只设置wid

2017-03-04 21:10:48 812

原创同为地址，Ip与Mac地址有什么区别？

这篇文章只讨论Ip与Mac, 涉及到其他知识会简化叙述。如果要讨论Ip与Mac，我们对计算机通信首先应该有一个分层概念。IP与Mac分别属于两个层，就像楼房一样。ip在上面一层——网络层，Mac在下一层——链路层。所有要传达的数据（如:在百度中输入某个关键词进行搜索请求），都在链路层中传递。链路层就像楼房的第一层，一个人想要从一个楼房到另一栋楼房，必

2017-03-03 22:09:49 6065

A1656187948的博客