2019 年 11月随笔档案 - Cloud%

数组去重等数组实例

摘要：一、删除指定的数组元素要求：将数组 [2,0,45,3,9,0,47,0] 中的 0去掉，然后形成一个不包含 0的新数组；实现思路： 1、需要一个新数组用于存放筛选之后的数据。 2、遍历原来的数组，把不是 0的数据添加到新数组里面（此时要注意采用数组名+索引名的格式接收数据） 3、新数组里面阅读全文

posted @ 2019-11-30 21:42 Cloud% 阅读(351) 评论(0) 推荐(0)

JS实现表单全选以及取消全选实例

摘要：实现效果：全选按钮：点击全选按钮所有的小按钮都会被选中；点掉全选按钮，所有按钮取消选中；小按钮：只有全部被选中，全选按钮才会被选中思路分析： 1、全选和取消全选做法：让下面所有复选框的 checked属性（选中状态）跟随全选按钮即可使用 this.checked 可以获得当前复选框的状态，如阅读全文

posted @ 2019-11-26 19:58 Cloud% 阅读(4710) 评论(0) 推荐(0)

JS实现表格隔行变色

摘要：用到的鼠标事件：（1）鼠标经过 onmouseover；（2）鼠标离开 onmouseout 核心思路：鼠标经过 tr 行的时候，当前行会改变背景颜色，鼠标离开的时候去掉背景颜色。注意：第一行（thead 里面的行）不需要变换颜色，改变的是 tbody 里面的行。 1、获取元素，获取的是 tbod 阅读全文

posted @ 2019-11-26 19:30 Cloud% 阅读(1720) 评论(1) 推荐(0)

JS 消息框

摘要：可以在JS中创建三种消息框：警告框、确认框、提示框。一、警告框 alert() 警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。语法： alert("文本") 二、确认框 confirm() 确认框用于使用户可以验证或者接受某些信息。当确认框出现阅读全文

posted @ 2019-11-24 21:58 Cloud% 阅读(970) 评论(0) 推荐(0)

Base64编码

摘要：一、什么是base 64编码 Base64是网络上最常见的用于传输 8Bit字节代码的编码方式之一。 base64 编码可以用于在 HTTP环境下传递较长的标识信息。例如：在Java Persistence系统Hibernate中，就采用了Base64来将一个较长的唯一标识符（一般为128-bit的阅读全文

posted @ 2019-11-24 19:47 Cloud% 阅读(1018) 评论(0) 推荐(0)

JavaScript 对象

摘要：JS中的数据类型：（前五种都是基本数据类型，Object属于引用数据类型） 1、String 字符串 2、Number 数值 3、Boolean 布尔值 4、Null 空值 5、Undefined 未定义 6、Object 对象以上前五种类型都属于基本数据类型，以后看到的值只要不是以上的前五种，就阅读全文

posted @ 2019-11-24 19:15 Cloud% 阅读(245) 评论(0) 推荐(0)

二进制、八进制、十六进制运算

摘要：一、二进制运算二进制使用 0和 1来表示的数，二进制的基数为 2。二进制数据也采用位置计数法，权位是以 2为底的幂。用 B表示二进制进位规则：逢一进二；借位规则：借一当二（一）二进制减法例如计算 1001001 - 0101101=11100（73 - 45=28）运算过程，从右向左逐位运阅读全文

posted @ 2019-11-21 17:45 Cloud% 阅读(5902) 评论(1) 推荐(0)

二进制补码（负数编码）、反码、原码

摘要：一、补码补码是对负整数在计算机中存储的一种形式；第二种形式的负数在计算机中可以使用（负号加数字）的形式表示一个负数；例如（-3 以1000 0011 存储）但是使用这种方法表示的只有（+0，-0），而且不可以做算术运算。二、计算机数和真值讨论二进制编码之前，首先来了解一下什么是计算机数和真阅读全文

posted @ 2019-11-20 19:10 Cloud% 阅读(9128) 评论(3) 推荐(1)

JavaScript位运算符

摘要：一、位运算符位运算符处理 32 位数该运算中的任何数值运算数都会被转换为 32 位数，结果会被转换回 JavaScript 数位运算符用于直接对二进制进行计算，共有七个运算符：或运算（or）：符号为 |，若两个二进制位都为0，则结果为0，否则为 1; 与运算符（and）：符号为 & ，若两个阅读全文

posted @ 2019-11-19 00:43 Cloud% 阅读(1331) 评论(1) 推荐(0)

JS动态生成表格

摘要：核心思想 1、因为里面的学生数据都是动态的，所以需要JS动态生成，模拟数据，定义好数据。数据采取对象形式存储 2、在tbody 里面创建行，通过数组的长度创建行，行里面的单元格数量取决于每个对象里面的属性个数；嵌套的for循环，外面的for循环指定行，里面的for循环作用列； 1 <!DOCTY 阅读全文

posted @ 2019-11-17 21:23 Cloud% 阅读(2151) 评论(0) 推荐(0)

DOM例子小结（一）

摘要：一、点击按钮切换图片核心思路： 1、首先获取元素 2、为元素添加点击事件 3、当事件被触发时运行代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 阅读全文

posted @ 2019-11-17 21:20 Cloud% 阅读(273) 评论(0) 推荐(0)

form表单细节

摘要：一、表单表单<form> 标签用于为用户输入创建 HTML 表单表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。二、表单form 的属性阅读全文

posted @ 2019-11-17 16:21 Cloud% 阅读(1127) 评论(0) 推荐(0)

void 运算符和逗号运算符

摘要：一、void 运算符 void 运算符的作用目的是执行一个表达式，但是不用返回任何值，或者是返回undefined void 本身就有无效、空的的意思。 void运算符的用法： 1、不加括号的写法，但是如果不加括号，容易造成错误结果，例如 void 2 + 1等价于 void(2) + 1; 阅读全文

posted @ 2019-11-16 14:21 Cloud% 阅读(279) 评论(0) 推荐(0)

JavaScript求取水仙花数

摘要：一、什么是水仙花数水仙花数也称为超完全数字不变数、自幂数、阿姆斯壮数、阿姆是特朗数。水仙花数是指一个三位数，每个位数上数字的3次幂之和等于数字它本身。水仙花数是自幂数的一种，三位的三次自幂数才叫做水仙花数；三位的水仙花数总够有4个：153,370,371,470 二、通过JS取得水仙花数思路阅读全文

posted @ 2019-11-15 15:06 Cloud% 阅读(6672) 评论(1) 推荐(0)

学习感悟

摘要：回顾从学习到今天 11月11号已经整整四个月了，在这四个月中，从一个打字都打不利索并且对前端一无所知的小菜鸡，经历过四个月的“闭关”。变成了初入此路的小菜鸡。在博客园写博客到现在也有三个月的园龄了（也许是三个月多吧），博客也有一百多篇了。虽然微不足道，但是也算是自己点点滴滴一路走来的印记。看博客阅读全文

posted @ 2019-11-11 15:51 Cloud% 阅读(170) 评论(2) 推荐(0)

DOM节点操作

摘要：为什么学习节点操作？节点操作的目的是为了获取元素获取元素通常使用两种方法 1、利用DOM提供的方法获取元素逻辑性不强，且比较繁琐 2、利用节点层次关系获取元素利用父子兄节点关系获取元素逻辑性强、但是兼容性稍差这两种方法都可以获取节点元素，相对而言节点操作更简单节点概述网页中所有内容都是阅读全文

posted @ 2019-11-10 22:30 Cloud% 阅读(342) 评论(0) 推荐(1)

DOM自定义属性操作

摘要：DOM标准（一）核心DOM 可以操作一切结构化文档的API，包括HTML和XML，核心DOM是万能的，但又是繁琐的。（二）HTML DOM 专门操作HTML文档的简化版DOM API，仅对常用的复杂的API进行了简化，HTML DOM不是万能的，但更加简单。注意：在开发中先使用简单的，简单的不阅读全文

posted @ 2019-11-10 17:28 Cloud% 阅读(4108) 评论(0) 推荐(1)

仿京东搜索框实例

摘要：马上就到双十一了，我们在京东淘宝购物，疯狂剁手的同时，有没有注意到京东的搜索框呢，除了能进行搜索内容以外，它的样式又是如何实现的呢？下面就分析一下如何实现仿京东的搜索框。核心分析： JavaScript部分： 1、当文本框获取焦点的时候，div中的字体颜色变为rgb(200,200,200)；阅读全文

posted @ 2019-11-10 16:44 Cloud% 阅读(2892) 评论(0) 推荐(0)

DOM操作元素

摘要：DOM 操作元素 JavaScript的DOM操作可以改变网页内容、结构和样式。我们可以利用DOM操作元素来改变元素里面的内容、属性等。 DOM操作元素：一、操作元素：（一）innerText 、（二）innerHTML 二、操作常见元素属性：src、href、title、alt等；三、操作表单阅读全文

posted @ 2019-11-08 22:43 Cloud% 阅读(824) 评论(0) 推荐(0)

DOM查询

摘要：API API（Application Programming Interface 应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组历程的能力，又无需访问源码，或是理解内部工作机制的细节。简单理解：API是给程序员提供的一种工具，以便可以更轻松的实现阅读全文

posted @ 2019-11-07 13:00 Cloud% 阅读(777) 评论(1) 推荐(1)

CSS Hack

摘要：一、什么是CSS hack 在书写CSS样式的时候经常遇到就浏览器兼容的问题，比如说不同厂商的浏览器，或是同一厂商的浏览器的不同版本浏览器、不同的浏览器对CSS样式的解析是不同的，因此就会导致其在页面输出的是不同的效果，这个时候就需要使用CSS hack来解决浏览器的兼容问题。使用CSS hack 阅读全文

posted @ 2019-11-06 19:51 Cloud% 阅读(301) 评论(0) 推荐(0)

HTML5测试（二）

摘要：HTML5测试（四） 1、input 元素中，下列哪个类型属性定义了输入电话号码的控件？ A、mob B、tel C、mobile D、telephone 答案：B 具有 type 属性的 input 元素，其值为 “tel”，表示用于输入电话号码的单行纯文本编辑控件 2、哪个元素表示用于生成公钥- 阅读全文

posted @ 2019-11-06 01:28 Cloud% 阅读(2648) 评论(0) 推荐(0)

HTML5测试（一）

摘要：HTML5测试一 1. 问题：HTML5 之前的 HTML 版本是什么？ A、HTML 4.01 B、HTML 4 C、HTML 4.1 D、HTML 4.9 答案：A HTML5 是 HTML 最新的修订版本，由万维网联盟（W3C）于 2014 年 10 月完成标准制定。目标是取代 1999 年所阅读全文

posted @ 2019-11-05 19:59 Cloud% 阅读(2618) 评论(2) 推荐(0)

百分号编码（URL编码）

摘要：百分号编码又叫做URL编码，是一种编码机制，只要用于URI（包含URL和URN）编码中。 URL中那些字符需要编码，又为什么进行编码一、URL是什么？ URL（Uniform Resource Locator），统一资源定位符，是地址的别名。包含了关于文件储存位置和浏览器应该如何处理他的信息。互联阅读全文

posted @ 2019-11-03 21:56 Cloud% 阅读(10874) 评论(2) 推荐(2)

DOM事件处理函数

摘要：事件 JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器（或是处理程序）来预定事件，以便事件发生时执行相应的代码 IE9、Firefox、Opear、Safari和Chrome全部都已经实现“DOM2级事件”模块的核心部分阅读全文

posted @ 2019-11-03 20:58 Cloud% 阅读(673) 评论(0) 推荐(0)

JS数组

摘要：一、什么是数组内存中连续多个数据的数据结构，再起一个统一的名字。数组也是一个对象，和我们普通的对象功能类似，也是用来储存一些值的。不同的是普通对象是使用字符串作为属性名的，而数组使用数字作为索引操作元素。数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据。使用 typeof 阅读全文

posted @ 2019-11-03 20:23 Cloud% 阅读(441) 评论(0) 推荐(0)