2019 年 9月随笔档案 - Cloud%

while循环语句

摘要：循环语句：通过使用循环语句可以反复执行一段代码多次 while语句 while语句属于前测试循环语句，也就是说，在循环体内的代码被执行之前，就会对出口条件求值。因此 while循环语法：规则： while语句在执行时，先对条件表达式进行求值判断，如果值为true，则执行循环体，循环体执行完后，继阅读全文

posted @ 2019-09-29 22:09 Cloud% 阅读(3140) 评论(0) 推荐(1)

JSON序列化与反序列化

摘要：一、序列化与反序列化的概念序列化(Serialization)：将数据结构或是对象转换为二进制串（字节序列）的过程反序列化：将二进制串（字节序列）转换为数据结构或者对象的过程序列化就是将对象的状态信息转换为可以存储或传输的形式的过程。在序列化期间，对象将其当前状态写入到临时或持久性存阅读全文

posted @ 2019-09-29 21:54 Cloud% 阅读(4285) 评论(1) 推荐(2)

JSON语法

摘要：JSON的语法可以表示以下三种类型的值简单值：使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和Null。但是JSON不支持JavaScript中的特殊值undefined。对象：对象做为一种复杂的数据类型，表示的是一组无序的键值对。每个键值对中的值可以是简单值，也阅读全文

posted @ 2019-09-29 20:41 Cloud% 阅读(559) 评论(1) 推荐(0)

CSS3实现三角形和对话框

摘要：这是最终实现的效果，类似于微信对话框的样式。分析一下这个对话框的结构，由一个小三角形和一个长方形构成。长方形很容易就可以实现，重点是如何用CSS3做出一个小三角形。一、如何生成一个三角形总结：三角形是由设置宽度高度为0，由边框构成的正方形，分别设置边框四个边的样式，得到四个三角形拼凑在一起的效阅读全文

posted @ 2019-09-29 20:31 Cloud% 阅读(2288) 评论(1) 推荐(0)

switch语句

摘要：条件分支语句也叫switch语句语法： switch(条件表达式){ case 表达式 : 语句… break; case 表达式 : 语句… break; default : 语句… break; } 执行流程： switch…case…语句执行时会将case后表达式的值与switch条件表达阅读全文

posted @ 2019-09-26 17:10 Cloud% 阅读(708) 评论(0) 推荐(2)

CSS元素居中汇总

摘要：总结实现不同类型元素居中的几种方法：一、把margin值设置为auto（实现水平居中）可以实现元素水平居中对齐原理：使 margin-left=margin-right 如果设置 margin:200px auto; 表示元素左右外边距相等，上外边距为200px；注意：这个方法对浮动元素或是阅读全文

posted @ 2019-09-26 17:03 Cloud% 阅读(835) 评论(1) 推荐(1)

JS中的条件判断语句

摘要：什么叫做语句？语句：可以理解为语言中一句一句完整的话，程序是由一条条语句构成的，语句是按照自上往下的顺序执行的。在JavaScript可以使用{ }来为语句进行分组。同一{ }中的语句称为一组语句，他们要么都执行要么都不执行；一个{ }中的语句也称之为代码块，代码块后面不需要添加分号（；）。阅读全文

posted @ 2019-09-23 22:17 Cloud% 阅读(11697) 评论(0) 推荐(0)

JavaScript进制转换

摘要：一、JavaScript进制转换 toString() 方法可把一个 Number 对象转换为一个字符串，并返回结果。语法：NumberObject.toString(radix) 当参数为2时，NumberObject 会被转换为二进制值表示的字符串参数为16时，NumberObject 会被阅读全文

posted @ 2019-09-21 23:01 Cloud% 阅读(305) 评论(0) 推荐(0)

JavaScript正则表达式（四）

摘要：正则表达式方法一、test方法用于测试字符串参数中是否存在匹配正则表达式模式的字符串如果存在就返回true，否则返回false 实例： 1、使用test方法不设置g标志时 2、使用test方法设置g全局值会变得不稳定，一会是true一会是flase。（实际上是lastIndex的原因，并不是阅读全文

posted @ 2019-09-21 23:01 Cloud% 阅读(188) 评论(0) 推荐(0)

JavaScript三元运算符以及运算符顺序

摘要：三目运算符（三元运算符）三目运算符：运算符需要三个操作语法：表达式1？表达式2：表达式3 表达式1是一个条件，值为Boolean类型若表达式1的值为true，则执行表达式2的操作，并且以表达式2的结果作为整个表达式的结果；若表达式1的值为false，则执行表达式3的操作，并且以表达式3的结果阅读全文

posted @ 2019-09-21 23:01 Cloud% 阅读(27083) 评论(0) 推荐(2)

JavaScript赋值运算符和关系运算符

摘要：赋值运算符：用以给变量进行赋值最常见的赋值运算符就是等号(=)，将右侧的值赋给左侧的变量（表达式x=y表示将y赋值给x）还有其他更多的复合赋值运算 x -= y 等同于 x = x - y x *= y 等同于 x = x * y x /= y 等同于 x = x / y x %= y 等同于阅读全文

posted @ 2019-09-21 23:00 Cloud% 阅读(1430) 评论(0) 推荐(0)

JavaScript输出

摘要：JavaScript不提供任何的内建或是打印方式 JavaScript的显示方案主要有以下四种： window.alert() 写入警告框 document.write() 写入 HTML 输出 innerHTML 写入 HTML 元素 console.log() 写入浏览器控制台一、使用wind 阅读全文

posted @ 2019-09-20 21:10 Cloud% 阅读(474) 评论(1) 推荐(0)

JavaScript正则表达式（三）

摘要：一、贪婪模式第一次贪婪模式，尽可能多的次数匹配，直到匹配失败。当贪婪模式在匹配字符串的时候，如果不够最大次数的匹配，就会选择最小次数的匹配。例： 1、这个例子中由于设置了global，能匹配到最大次6次，即 ' 123456 '替换成 "X"，匹配到后面并不会停止而是会继续匹配，剩下的 " 阅读全文

posted @ 2019-09-19 23:45 Cloud% 阅读(292) 评论(1) 推荐(0)

JavaScript正则表达式（二）

摘要：元字符：元字符：是在正则表达式中有特殊含义的非字母字符。一、字符类 1、一般情况下正则表达式一个字符对应字符串中一个字符例如：表达式 ab\t 的含义是一个ab和水平制表符（一一对应） 2、如果不是希望匹配某个字符，而是某类字符（符合一系列特征）类：是指符合某些特征的对象，这是泛指而不是特指阅读全文

posted @ 2019-09-18 22:47 Cloud% 阅读(269) 评论(0) 推荐(0)

JavaScript正则表达式简介（一）

摘要：一、正则表达式正则表达式Regular Expression，可以简写为regexp、regex或是RE。正则表达式使用单个字符串来描述或是匹配一系列符合某个句法规则的字符串模型。按照某种规则去匹配符合条件的字符串。什么是正则表达式？正则表达式是由一个字符序列形成的搜索模式（可以用搜索模式阅读全文

posted @ 2019-09-18 19:50 Cloud% 阅读(1024) 评论(0) 推荐(1)

SEO搜索引擎优化

摘要：一、SEO简介一、SEO简介 SEO(Search Engine Optimization) 搜索引擎优化在了解搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中的关键词自然排名，获得更多流量，从而达成网站销售及品牌建设的预期目标，总而言之SEO就是为了获取流量，阅读全文

posted @ 2019-09-16 21:59 Cloud% 阅读(663) 评论(0) 推荐(0)

HTML5基础内容（二）

摘要：HTML（HyperText Markup Language）超文本标记语言一、HTML注释元素就是标签，标签就是元素。注释中的内容不会在页面中显示，但是可以在源码中看到。可以通过编写注释来对代码进行描描述，从而帮助其他工作人员开发。（注释要简洁明了）方法：可以选中HTML代码，然后Ctr 阅读全文

posted @ 2019-09-15 18:00 Cloud% 阅读(241) 评论(0) 推荐(0)

JavaScript逻辑运算符

摘要：JavaScript中有三种逻辑运算符：非（！）、与（&&）、或（||）了解三类逻辑运算符（给定 x=1， y=6）一：！非运算符！可以用来对一个值进行非运算，对条件取反。逻辑非只有一个操作数（！条件）非真既假，非假即真（一）、对布尔值进行！非运算所谓非运算就是一个布尔值进行取反操作阅读全文

posted @ 2019-09-14 22:56 Cloud% 阅读(2023) 评论(0) 推荐(0)

JavaScript自增运算符和自减运算符

摘要：如果需要反复给数字变量加1或是减1，可以使用递增（++）和递减（--）运算符来完成。在JavaScript中，递增（++）和递减（--）既可以放在变量前面，也可以放在变量后面。放在变量前面时称为前置递增（递减）运算符，放在变量后面是，可以称为后置递增（递减）运算符。一、自增++ 通过自增运算符阅读全文

posted @ 2019-09-13 22:52 Cloud% 阅读(2686) 评论(0) 推荐(0)

JavaScript数据类型

摘要：数据类型（一）为什么需要不同的数据类型在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。简单来说，数据类型就是数据的型号类别。（二）变量的数据类型变量是用来存储值的所在处，它们有名字和数据类型。变量的数阅读全文

posted @ 2019-09-11 20:53 Cloud% 阅读(353) 评论(0) 推荐(0)

JavaScript算数运算符和一元运算符

摘要：算数运算符加法运算符（Addition）： x + y 减法运算符（Subtraction）： x - y 乘法运算符（Multiplication）： x * y 除法运算符（Division）： x / y 余数运算符（Remainder）： x % y 自增运算符（Increment）： + 阅读全文

posted @ 2019-09-11 17:35 Cloud% 阅读(409) 评论(0) 推荐(0)

CSS分页

摘要：如何通过CSS实现网页分页一、简单分页使用分页来为每个页面做导航二、点击及鼠标悬停分页样式三、圆角样式四、鼠标悬停过渡效果五、面包屑导航参考：https://www.runoob.com/css3/css3-pagination.html# 阅读全文

posted @ 2019-09-10 23:25 Cloud% 阅读(1465) 评论(0) 推荐(0)

HTML和CSS遇到的细节问题

摘要：一、列表项标记窜出div盒子列表项标记窜出盒子，是因为设置了 *{ margin:0; padding:0; } ，消除了<li>元素的默认外边距。结解决方法：消除*{}选择器或是设置外边距列表项目标记与边距有关二、div中的没有空格纯数字与纯字母不会继承父元素的块属性出现空格之后就会按照阅读全文

posted @ 2019-09-10 10:50 Cloud% 阅读(278) 评论(1) 推荐(0)

JavaScript数据类型转换

摘要：什么是数据类型转换？使用表单、prompt 获取过来的数据默认类型是字符串类型的，此时就不能直接进行加减法运算，而需要转换变量的数据类型。通俗来说，数据类型转换就是将一种数据类型转换成另外一种数据类型。通常有 3 种方式的转换：转换为字符串类型转换成数字型转换成布尔类型 JS是弱类型语言阅读全文

posted @ 2019-09-09 23:00 Cloud% 阅读(1758) 评论(1) 推荐(1)

JavaScript标识符

摘要：标识符在JS中所有的我们可以自主命名的都可以称之为标识符。例如：变量名、函数名、属性名都属于标识符。命名一个标识符需要遵守如下规则： 1、标识符中可以含有字母，数字，下划线 _，$ 2、标识符不能以数字开头。用字母，下划线 _，$开头都没问题 3、标识符不能是ES中的关键字或是保留字； 4、标阅读全文

posted @ 2019-09-09 10:35 Cloud% 阅读(3476) 评论(1) 推荐(1)

HTML5基础知识汇总（一）

摘要：一、HTML的开发工具和使用的浏览器开发工具：记事本等文本编辑器，Atom、VisualStudioCode( VSCode)、Brackets、Sublime text和Hbuider。浏览器：Chrome、Firefox、IE、Safari、IPhone、Android。二、HTML的基本阅读全文

posted @ 2019-09-08 14:02 Cloud% 阅读(3046) 评论(1) 推荐(0)

CSS颜色透明度

摘要：一、设置元素背景透明度 opacity可以用来设置元素背景的透明度；它需要0~1之间的值 0表示完全透明（opacity:0）； 1表示完全不透明（opacity:1）； 0.5表示半透明（opacity:0.5）；代码演示：对比一下元素在设置同名之前的表现效果：设置透明度的效果表现效果：阅读全文

posted @ 2019-09-07 22:32 Cloud% 阅读(22453) 评论(1) 推荐(1)

JavaScript基础——JavaScript变量和字面量

摘要：一、什么是变量？首先了解一下什么是内存：内存就是保存程序在运行过程中，所需要用到的数据8bit（比特是表示信息的最小单位）。 8bit=1byte 1024byte=1MB 1024MB=1GB 1024GB=1T 变量是用于存放东西的容器，通过变量名获取数据，甚至可以修改数据（变量就是一个装东西阅读全文

posted @ 2019-09-07 18:49 Cloud% 阅读(448) 评论(0) 推荐(0)

JavaScript

摘要：一、什么是JavaScript JavaScript是一种运行于JavaScript解释器/引擎中的解释型脚本语言 1、如何理解解释型语言？解释型语言：运行之前是不需要编译的，运行之前不会检查错误，知道碰到错误为止。相对的还有编译型语言：对源码进行编译，还能检查语法错误（C语言/C++语言4）阅读全文

posted @ 2019-09-07 16:21 Cloud% 阅读(248) 评论(0) 推荐(0)

JavaScript简介

摘要：初步了解JavaScript 一、JavaScript的重要性所有主流浏览器都支持JavaScript。目前，全世界大部分网页都使用javaScript。它可以让网页呈现各种动态效果。在web前端开发中，如果想实现漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。学习Jav 阅读全文

posted @ 2019-09-06 23:02 Cloud% 阅读(248) 评论(0) 推荐(0)

弹性盒子FlexBox简介（二）

摘要：弹性盒子属性一、align-content属性属性作用：用于修改flex-wrap属性行为。类似于justify-content，但它不是设置弹性子元素的对齐，而是设置各个行的对齐。属性值： flex-start 各行向侧轴的起始位置堆叠。 flex-end 各行向侧轴的结束位置堆叠。 cen 阅读全文

posted @ 2019-09-05 23:35 Cloud% 阅读(479) 评论(0) 推荐(0)

事件属性

摘要：HTML 事件触发浏览器中的行为，比方说当用户点击某个 HTML 元素时启动一段 JavaScript。一、窗口事件属性（Window Event Attributes）由window窗口触发该事件 (适用于 <body> 标签) 属性值描述 onafterprint script 文档打印之后阅读全文

posted @ 2019-09-05 19:27 Cloud% 阅读(333) 评论(0) 推荐(0)

CSS颜色和长度单位

摘要：颜色如果我们相给页面设置颜色可以采用多种方法进行设置：一、命名颜色假设在设置页面的颜色时觉得一部分很小的颜色集中就足够了，就可以直接给定颜色的名称。CSS称这些有名称的颜色为命名颜色。命名颜色的关键字有限，css定义了17个标准色：浅绿色，黑色，蓝色，紫红色，灰色，橙色，绿色，石灰，栗色，海阅读全文

posted @ 2019-09-05 16:08 Cloud% 阅读(346) 评论(0) 推荐(0)

弹性盒子FlexBox简介（一）

摘要：一、理解弹性盒子弹性盒子是CSS3的一种新的布局模式。 CSS3弹性盒子（Flexible Box或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时，确保元素拥有恰当的行为的布局方式。引入弹性盒子布局模型的目的：是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配阅读全文

posted @ 2019-09-04 18:58 Cloud% 阅读(828) 评论(0) 推荐(1)

HTML DOM属性

摘要：一、HTML DOM属性属性是节点（HTML元素）的值，可以对其进行修改或获取。编程接口：可以通过JavaScript（以及其他编程语言：可以让计算机读的懂得语言）对HTML DOM进行访问。所有的HTML元素被定义为对象，而编程接口则是对象方法和对象属性。方法是可以执行的动作（如，添加和修阅读全文

posted @ 2019-09-01 15:57 Cloud% 阅读(596) 评论(0) 推荐(0)