- 博客(30)
- 收藏
- 关注
RSS订阅原创 三种动态创建元素节点的区别（附带效率超高的innerHTML）以及 DOM总结
昨天搞了一个动态创建表格的例子 今天先来说 三种动态创建元素的区别三种方法分别是document.write() 较为冷门 基本不用 仅作了解用法 document.write()document.write() 是直接将内容写入页面的的内容流 但是当文档流执行完毕，再次=执行它会导致页面全部重绘 <button> 按钮 </button&g...
2019-11-24 16:47:45
1007
1
原创 节点操作 （中）带例子（动态生产表格） 超详细 删除节点、复制节点（克隆节点）、
节点操作删除节点格式：node,removeChild(child)node.removecChild()方法从DOM中删除一个子节点,返回删除的节点。例子<body> <ul> <li> 别删我啊 </li> <li> 啊...
2019-11-24 01:19:20
301
原创 节点操作 （上） 详细 带例子 子级节点、父级节点、兄弟节点（相邻节点）、创建节点、添加节点
1.为什么要用节点操作在之前的博客中 我们有说过其他的获取元素的方法但是很麻烦只能一个一个的取而且逻辑性不强
2019-11-22 22:31:32
1552
原创 操作元素之自定义属性（有H5的自定义属性）
自定义属性的操作1.获取属性值之前我们学过一个element.属性现在再来一个新的element.getAttribute(‘属性’);两者的区别element.属性 获取内置属性值(元素本身自带的属性)element.getAttribute(‘属性’); 主要获得自定义的属性 （标准）（ps：我们自己定义的属性）2.自定义（设置）属性值 自定义属性目的:...
2019-11-21 23:28:38
787
原创 操作元素排他算法以及三个实用的例子
操作元素排他算法如果有同一组元素,我们想要某一个元素实现某种样式 ,需要用到循环的排他思想算法:1.所有元素全部清除样式(干掉其他人)2.给当前元素设置样式( 留下我自己)3.注意顺序不能颠倒,首先干掉其他人,再设置自己例子点击按钮 按钮背景颜色改变 再次点击其他的 再次改变 并且之前点击的按钮变回原来的颜色 var btns = document.getElementsByTag...
2019-11-21 20:47:49
830
原创 JavaScript DOM事件 和操作元素（附带超详细栗子）
事件概述 JavaScript可以写动态页面，而事件就是可以被JavaScript侦测到行为。比如点击啦 悬停啦 等等 很多很多。简单来说事件就是 触发——响应机制 接下来都是一些事件中的基础所以是 事件基础事件三要素1.事件源 被触发的对象 比如我们在网页中加了一个按钮 点击按钮 事件触发 这个按钮就是事件源2.事件类型 是如何触发的。例如点击 鼠标悬停等等3.事件处理程序...
2019-11-19 22:54:00
210
原创 Linux NFS共享服务 超详细附带例子
今天呢 我们说一说Linux的共享服务 共享服务NFS一、NFS NFS就是网络文件系统，是由Sum公司开发的一种通过网络方式共享文件系统的共享解方案 NFS监听的是 TCP 2049端口 所需软件包 nfs-utils、rpcbindNFS配置流程 装包→修改主配置文件→启动服务装包可以用yumNFS服务配置NFS主配置文件在 /etc/exports 配置文件设定哪些客户...
2019-11-19 15:44:19
321
原创 JavaScript DOM获取元素
API 和Web API1.API API ( Application Programming Interface,应用程序编程接口)是一些预先定 义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。 API是给程序员提供的-种工具,以便能更轻松的实现想要完成的功能。2.Web API Web API是浏览器提供的一...
2019-11-18 22:45:29
245
原创 JavaScript 内置字符串操作方法 &&和 简单类型与复杂类型
字符串操作方法1.concat(str1,str2.str3…) 用于连接两个或多个字符串。拼接字符串，等效于+，+更常用2.substr(start,length) 从start位置开始（索引号），length取的个数 重点3.slice(start,end) 从 start开始，截取到end位置，end取不到(两者皆为索引号)4...
2019-11-18 00:02:19
246
原创 JavaScript 内置对象字符串变量
数组排序1.翻转数组数组名.reverse();例子//翻转数组 var arr =[2,6,'要用魔法打败魔法',5] arr.reverse(); console.log(arr);如图2.冒泡排序数组名.sort();数组名.sort(function(a,b)){return a-b; 升序re...
2019-11-17 00:27:06
319
原创 JavaScript 内置数值对象
今天先写昨天最后留下的时分秒格式化var date = new Date(); console.log(date.getHours()); //时间 没有填写值就会显示当前时间 console.log(date.getMinutes());//分钟 console.log(date.getSeconds());//秒...
2019-11-15 23:50:50
89
原创 JavaScript 内置对象
首先 在开头 我先把昨天的再给补上两点 (lll￢ω￢)new 关键字执行过程 第一步 new 构造函数 可以在内存中创建一个空的对象 也就是说只要用一次 new就会占用内存 第二步 this 就会指向刚刚创建的空对象 第三步 执行构造函数中的代码 给空对象添加属性和方法 第四步 返回对象遍历对象for in 遍历对象语法格式for(变量 ...
2019-11-14 23:36:09
228
原创 JavaScript 构造函数对象
1.什么是对象 （这里并不是男女朋友的那个对象） 现实生活中:万物皆对象,对象是一个具体的事物 ,看得见摸得着的实物。例如，一本书、一辆汽车、 一个人可以是“对象”,一个数据库、一张网页， 一个与远程服务器的连接也可以是“对象”。 对象一定是一个具体的事物。在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法...
2019-11-13 23:51:28
264
原创 JavaScript 作用域
JavaScript 作用域 作用域就是代码名字（变量）在某个范围内起作用和效果 目的是为了提高程序的可靠性 更重要的是减少命名冲突js作用域 （es6）之前分为两大类 1.全局作用域：整个script 标签 或者是一个单独的js文件（外部js） 2.局部作用域：在函数内部就是局部作用域 代码的名字只在函数内部其效果和作用 例如 function...
2019-11-12 23:23:48
197
1
原创 JavaScript 函数
函数 在JS里面，可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。 虽然for循环语句也能实现-些简单的重复操作,但是比较具有局限性,此时我们就可以使用JS中的函数。 函数的概念 函数就是封装了一段可以被重复执行调用的代码块，目的就是让大量代码重复使用 声明函数 function 函数名 (){...
2019-11-12 01:14:52
277
原创 JavaScript 数组
数组概念 数组(Array)。 数组可以把一组相关的数据一 起存放，并提供方便的访问(获取)方式。 数组是指一组数据的集合,其中的每个数据被称作元索,在数组中可以存放任意类型的元素。 数组是一种将一组数据存储在单个变量名下的优雅方式。创建数组的两种方法 1.利用 new 创建数组 var 数组名 = naw Array(); ...
2019-11-11 00:54:24
131
原创 JavaScript while、do while循环 和continue break
昨天我发了一下 JavaScript 三种循环中的for循环今天我们来说剩下的两个循环 while 及 do while以及两种关键字 break 和continue ???? while 循环 while 和for 循环结构相似 语法如下while(条件表达式){ 循环体; } 执行过程 当条件表达式为真 执行...
2019-11-09 20:37:46
664
原创 JavaScript for循环
循环 在实际问题中,有许多具有规律性的重复操作, 因此在程序中要完成这类操作就需要重复执行某些语询φ(*￣0￣) js中一共有三种主要类型的循环 for循环 在程序中, - -组被重复执行的语句被称之为循环体, 能否继续...
2019-11-08 23:02:34
304
原创 JavaScript流程控制 -分支
流程控制 在一个程序执行的过程中，名条代码的执行顺序对程序的结果是有 直接影响的。 很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。 简单理解:流程控制就是来控制我们的代码按照什么结构顺序来执行 流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构, 这三种结构代表三种代码执行的顺序。 1.顺序结构是程序中最简单、最基本的流程控制, ...
2019-11-07 22:35:31
242
原创 JavaScript运算符
运算符(operator) 也被称为操作符，是用于实现赋值比较和执行算数等功能的符号1.算数运算符 他是用于执行两个变量或值的算数运算+加 -减 *乘 /除 %取余%取余可以分辨出 某个数是不是可以整除取余值为0就可以被整除浮点数运算会有问题 因此浮点数不能直接运算 和 比较2.表达式 和返回值表达式:是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合简单理解:...
2019-11-06 17:04:26
159
原创 Javascript变量及简单数据类型
一.变量 变量就是一个容器 变量是用于存放数据的容器。我们通过变量名获取数据，甚至修改数据 变量是在内存中存放数据的 变量 有一个存放数据的 内存空间 还有一个变量名二.变量的使用 使用变量时分两步 1. 声明变量 2.赋值 1.声明变量 var 变量名称 例如 var test; //声明一个名为test的变量 var 是...
2019-11-06 01:05:12
125
原创 JavaScript概述及基本语句、语法
1.Javascript概述 1、什么是JS JS是一种运行于JS解释器/引擎中的解释型脚本语言 编译型语言：程序在运行前会进行编译 解释型语言：运行之前不会编译，直接执行，出错则停止 JS解释器/引擎：是JS脚本的运行环境 1、独立安装的JS解释器(NodeJS) 2、嵌入在浏览器内核中的JS解释器 PC,平板，手机，电视 … 全部都...
2019-11-04 23:35:16
142
原创 css3D效果
今天写了一个关于3D旋转和位移的小例子，这个用法我觉得还蛮炫酷的，我们可以把颜色块换成图片，并且加上超链接，让他成为一个旋转的导航块，因为还没有学完动画 只能先用hove代替了等以后学了动画还会在改进的源代码如下<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><m...
2019-11-03 23:49:21
354
原创 使用css作出边栏导航
边栏导航很方便，我在不少网站里面见过，所以这次自己用css写出了一个，虽然有点丑，不过也就是样式的问题。懒得改了，不说废话了直接上代码了，注释我写的还算全。 如果有不懂的可以私信我css style中的内容这个就是取消掉的框 /* 取消掉自带的框 */ #pagerbutton{ display: none; } /* 使用相邻选择器选到按...
2019-11-03 01:29:51
188
原创 css的过渡效果以及动画
纯干货 只有命令 和命令的使用方式1.过渡使得css属性值，在一段时间内平滑变换的一个效果1.过渡效果四要素1.指定过渡元素指定那个属性值在变化时需要使用过渡效果2.指定过渡时间多长时间完成过渡3.指定过渡时间的快慢过度变换中的快慢4.指定过渡到延迟时间当激发过渡后，等待多长时间才激发效果2.过渡属性1.指定过渡属性属性:transition-property取值 ...
2019-11-02 02:22:45
505
原创 css插入内容和元素的旋转位移
插入内容 1.伪元素选择器 1.:before 或 ::before 匹配某元素的内容之前 2.:after 或者 ::after 匹配某元素的内容区域之后 3.内容生成的属性 属性：content 取值：...
2019-11-01 13:05:40
263
原创 CSS选择器
css选择器说明1.通用选择器2.元素选择器3.类选择器4.ID选择器小扩展5.群组选择器6.后代选择器7.子代选择器8.伪类选择器8.1、静态伪类8.2、动态伪类8.3、目标伪类8.4、元素状态伪类8.5、结构伪类8.6、否定伪类9.兄弟选择器10.属性选择器11.伪元素选择器说明 在css中选择器是很重要的，我们在编写网页的时候会经常用到选择器。在本博客内我会为大家讲解多种选择器1.通用...
2019-10-31 06:55:10
107
原创 css尺寸与边框
css尺寸与边框1.尺寸属性1.作用 尺寸在css中使用非常频繁，设置页面布局的时候最基本的属性就是尺寸.它的作用是设置元素的宽度和高度。2.宽度属性： width：设置元素的宽度 min-width：设置元素的最小宽度 max-width：设置元素的最大宽度3.高度属性： height：设置高度 min-height：设置最小高度 max-height：设置最大高度...
2019-10-29 23:24:54
430
原创 css中列表以及显示效果
css中列表的属性和定位以及网页中元素显示效果css中的列表属性1.列表项显示 属性：list–style-type 取值： 1.none 无标记 2.disc：实心圆 3.circle：空心圆 4.square：实心矩形实际效果如下2.列表项图像 作用：由自定义图像作为标识 属性：list-style-image 取值：url（路径）3.列表项位置 列表的...
2019-10-28 23:32:59
1178
原创 css中的文本及表格
css中的文本格式及表格属性文本的格式功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入文本的格式改变字体的属性 ...
2019-10-28 00:17:29
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人