2020年12月_XUPT-前端在逃工程师

原创 Json数据类型/分页算法/数据瀑布流加载

1.Json数据类型简单Json的使用后台给前端返回的数据格式 JSON解析json 进行数据绑定JSON 数据类型是：数组 + 对象创建（name上的引号可以不加）var arr=[ {"name":"b1"}, {"name":"b2"}, {"name":"b3"}, {"name":"b4"} ];调用console.log(arr[1].name);2.分页算法<!DOCTYPE

2020-12-31 13:21:32 292 2

原创 JS面向对象的操作

JS中的内置对象Math,Date内置对象Array数组内置对象String字符串内置对象自定义对象学习自此网站1.创建简单自定义对象var stu = { age: 18, name: 'JAKE', sex: '男', sleep: function () { }, eat: function () { } } console.log(st

2020-12-31 13:14:30 87

Date（日期对象）1.创建Date对象: new Date( ) 设置固定时间（字符串）new Date（“2021-02-12 00:00:00”）2.Dated对象方法方法描述getDate()返回一个月中的某一天（1-31）getDay()返回一周中的某一天（0-6）getFullYear()从Date对象以四位数返回年份getHours()返回Date对象的小时（0-23）getMilliseconds()返回Date对象的

2020-12-31 12:29:34 79

原创子网划分

子网划分IP地址：网络号+主机号主机号可以划分为：子网号+主机号一般使用：网络号+子网号+主机号题目1：一个单位有C类网络200.1.1.0，有四个部门，准备划分子网，主机数目分别是A-72台，B-35台，C-20台，D-18台；即共有145台主机（1）给出一种可能的子网掩码安排来完成划分任务部门主机数量子网掩码

2020-12-18 20:20:34 615 1

原创计算机网络数据链路层

数据链路层概述（传输比特流）链路：无源的点到点的物理线路段，中间没有任何其他的交换结点。数据链路：通信协议+物理线路（硬件和软件）数据链路层传送的是帧数据链路层位于物理层之上网络层之下为网络成提供有效可靠的帧传输环境的重要特点：1.不同链路可运行不同链路层协议 2.链路层协议提供服务可能不同 3.通信环境加单两种类型：点对点信道广播信道三个问题：帧定界、透明传输、差错检测1.封装成帧帧是数据链路层的基本单位定义：在一段数据的前后分别添加首部和尾部，然后就构成了一个帧。首部和尾部的

2020-12-18 17:38:31 332

原创计算机网络传输层

在这里插入图片描述传输层（TCP/UDOP协议）管理端到端的通信连接，进程与进程的通信（为应用层提供服务）使用端口来标记不同的网络进程，端口使用16位比特位1.UDP协议详解UDP是无连接协议（想发就发）UDP不能保证可靠的交付数据（无法保证数据在网络中是否丢失）UDP是面向报文传输的（传输数据报）UDP没有拥塞控制UDP的首部开销小UDP（用户数据报协议）数据报（应用层传输过来的，应用层给的越长传输层数据报越长，不合并不拆分）2.TCP协议2.1TCP(传输控制协议)T.

2020-12-18 17:38:21 226

原创计算机网络物理层

计算机网络物理层数字通信用数字信号作为载体来传输消息抗干扰能力强，差错可控，易加密，易与现代技术相结合奈奎斯特(Nyquist)公式M为信号状态数量，W为信号带宽，C最大传输速率码元传输速率受奈氏准则的限制香农 (Shannon) 公式S为信道内所传信号的平均功率，N为信道内部的高斯噪声功率信噪比：平均功率与噪声平均功率的之比（log 2 ^ (1+1000) = 10）分贝（dB）度量信噪比=10log10(S/N)信息传输速率受香农公式的限制信噪比(dB) =

2020-12-18 17:38:10 217

原创计算机网络概论

计算机网络概论一.计算机网络概念1.计算机网络定义由通信信道链接的主机和网络设备的集合，以方便用户共享资源和相互通信（连通性和共享性）2.计算机网络的用途？共享信息，协同计算，方便通信，共享硬件军事方面：准确快速传递信息；学习方面：可以查找到更多的学习资料；医疗方面：实时了解新冠肺炎疫情状况；电子商务：价格实惠品类繁多；3.计算机网络主要特征通用性，不对特定应用优化能支持广泛，不断出现的新型应用*4.计算机网络组成两种基本构件：1.节点：计算设备（路由器） 2.链路：物理媒体（单个网络

2020-12-18 17:38:01 535

原创 IP地址计算

已知IP地址和子网掩码，求网络地址，广播地址，地址范围和主机数主机号：子网掩码有几个0主机号就有几位网络地址，子网地址，网络号：IP地址和子网掩码与运算（全1为1，有0为0）广播地址：网络地址主机号全为1地址范围：网络地址~广播地址主机范围：网络地址+1 ~ 广播地址-1主机数：2^主机号位数（子网掩码0的数量）-2子网数：2^（类型网络号数量 - 子网掩码1的数量）子网数：主机号：子网掩码取反与IP地址与运算...

2020-12-18 17:37:52 274

原创计算机网络应用层

应用层传输层以及一下的层提供完整的通信服务面向用户的一层，工作在终端设备UDP与TCP应用的场景定义应用通信的规则应用进程的报文类型（请求报文，应答报文）报文的语法，格式应用进程发送数据的时机，规则1.DNS详解DNS（域名系统）使用UDP协议IP地址太难记忆，所以引入了DNS命名规则域名由点，字母和数字组成点分割不同的域域名可以分为顶级域，二级域，三级域域名组成的树状结构2.DHCP协议DHCP（动态主机设置协议）DHCP是一个局域网协议（局域网与外网通

2020-12-18 17:37:33 240

原创计算机网络网络层

网络层协议：TCP/IP协议IP协议1.虚拟互连网络1.1 概念实际计算机网络错综复杂物理设备通过使用IP协议，屏蔽了物理网络之间的差异。当网络中的主机使用IP协议链接时则无需关注网络细节1.2 如何实现虚拟互联网络IP协议使得复杂的实际网络变成一个虚拟互联的网络IP协议使得网络层可以屏蔽底层细节二专注网络层的数据转发IP协议解决了在虚拟网络中数据报传输路径的问题2.IP协议1.IP地址IP地址与MAC地址有类似功能，但是MAC地址唯一，IP地址会跟随网络环境而变化IP地址

2020-12-18 17:37:23 436 2

原创 BOM操作（浏览器对象模型）

BOM浏览器对象模型（BOM）1.Window对象所有浏览器都支持 window 对象。它表示浏览器窗口全局变量是 window 对象的属性，全局函数是 window 对象的方法。window.open() - 打开新窗口window.close() - 关闭当前窗口window.moveTo() - 移动当前窗口window.resizeTo() - 调整当前窗口的尺寸2.Window尺寸2.1 innerwindow.innerHeight - 浏览器窗口的内部高度(包括滚动

2020-12-17 15:07:12 175 1

原创 JS中数组的遍历方法（3种）

JS中数组的遍历方法1. 方法一for循环直接遍历var a = [1, 2, 3, 4, 5]for (var i = 0; i < a.length; i++) { console.log(a[i]); }2. 方法二数组内置对象的方法forEachvar a = [1, 2, 3, 4, 5]a.forEach(function (value, index, array) { console.log(value); })3. 方法三数组内置对象的方法mapvar

2020-12-17 11:41:03 262

原创 JS中every和some，filter和find，map和forEach，累计器reduce

JS中every和some，filter和find，map和forEach的区别1.every和some返回布尔类型值every：查看每一个元素，如果都符合条件则返回true（返回值为 true / false ）some：查看每一个元素，只要有符合条件的元素就返回true（返回值为 true / false ）var a = [23, 12, 45, 6, 36]function ageSort(age) { return age >= 18 }console.log(a.

2020-12-16 20:16:09 154

原创 JavaScript有关数组的操作

JS中的数组 1.数组的声明赋值1.1 内置对象声明赋值var arr = new Array()arr = new Array(5, 3, 2, 1);console.log(arr);1.2 直接声明赋值var arr = []arr = [1, 2, 3, 4]console.log(arr); 2. 数组的追加和拼接 2.1数组的追加2.1.1 pusharr.push(num1,num2,num3……

2020-12-16 18:03:22 196 1

原创 DOM对元素属性的操作

DOM对元素属性的操作1.getAttribute获取元素属性值input.getAttribute('type')2.setAttribute给元素添加属性值（第一个参数是属性名，第二个参数是属性的值）必须两个参数input.setAttribute("yes", "ok") //yes=ok添加属性（一个值）input.attributes.setNamedItem(disabled)3.createAttribute创建属性（用变量接收）var NewAttribut

2020-12-10 14:30:21 202

原创 JaveScript中的字符串操作

JaveScript中的字符串操作一.字符串的查找 1.indexOf 和 lastIndexOf这两个方法都有两个参数：1.第一个参数是要找的字符 2.第二个参数是从那个位置开始找当只有第一个参数的时候，找的到返回字符所在的位置并且只找一次，找不到返回 -1 1.1 indexOf从字符串初始位置开始找 var str1 = 'asd12da' //从前面开始找 console.log(str1.indexOf('a'))

2020-12-07 21:22:52 159

原创 DOM事件中的几种常见问题

1.利用index计数避免了函数的闭包问题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>

2020-12-03 22:50:06 277

原创 DOM中的修改样式

DOM修改样式通过修改html来实现修改元素样式的目的（间接修改）1. 修改行内样式通过修改html标签属性中的style来达到修改元素样式的目的Element.style.display = 'none'Element.style.backgroundColor = 'red'Element.style.transform = 'translate(' + number+ 'px)' 注意：a.backgroundColor关于背景的写法，去掉-并且后面的后缀描述首字母大写b.wid

2020-12-03 22:27:22 893

原创 DOM中事件对象和尺寸属性

DOM中的事件对象1.事件对象<button style="margin: 30px; width: 50px; height: 30px;">点击</button> <script> var btn = document.getElementsByTagName('button')[0] btn.onclick = function () { //event等价window.event

2020-12-01 10:27:16 130

Dimuzero的博客