蓝镜的博客

原创 OSI参考模型——数据链路层Data Link

数据链路层的功能：完成网络之间相邻节点的可靠传输。物理层Physical传输的是比特流bit数据链路层Data Link传输的是帧Frame数据链路层Data Link是用过MAC地址负责主机之间数据的可靠传输MAC全称：Media AccessControl数据链路层的主要设备：网卡NIC：Network Interface Card 网桥：Bridge 它的作用是将两个局域网LAN链接到一起，并且按MAC地址转发数据 交换机：Switch...

原创 冲突域Collision和广播域Broadcast

冲突域Collision：发送数据给一个明确的目标时所影响的范围。广播域Broadcast：发送数据给一个不明确的目标时所影响的范围。那集线器Hub有几个冲突域Collision和几个广播域Broadcast了？因为集线器发送数据的方式是将数据发送到除发送信号电脑以外的其他所有电脑上，这里影响的范围是链接到集线器Hub上的所有电脑，所以集线器有一个广播域Broadcast。当集线器Hub在广播数据的时候，只要有另外的一台计算机也同时发送了一个信号，那么集线器Hub就会努力将这个信号发送到其他

原创 OSI参考模型——物理层Physical

物理层的作用：完成相邻节点之间比特流的传输，控制数据是怎样被放到通信介质上的，用什么物理信号来表示0和1，最初的链接是如何建立的，又是如何终止的。物理层有两个主要的设备：中继器Repeater 和 集线器Hub可以看到，集线器Hub其实就是一个拥有多个端口的中继器Repeater。双绞线的有效传输距离是100米，超过100米信号就会发生衰减。这时候就可以用中继器Repeater将信号进行放大。我们再来看一下集线器Hub的工作原理集线器Hub正因为它有多个端口，所以..

原创 OSI参考模型

想要让两台电脑进行通信，必须使用相同的信息交换规则，我们把网络中用于规定信息的格式，以及如何发送和接收信息的一套规则成为网络协议或通信协议。为了减少网络设计的复杂，人们往往按功能将计算机网络划分为不同的功能层。网络体系结构就是网络中分层模型及各层功能的精确定义，其中一个重要的网络体系结构就是OSI参考模型。OSI参考模型将网络划分为7层：应用层 Application表示层 Presentation会话层 Session传输层 Transport网络层 Network数据

原创 ping 和 tracert 命令

ping命令的作用：ping是用来检测网络连通性的命令，使用的是 ICMP 协议。基本格式：ping 空格 ip地址/域名 -t例如：ping www.baidu.com -t-t是无限发包的意思。ICMP协议：ICMP协议是TCP/IP协议族里的一个子协议，它用于在IP主机和路由器之间传递控制消息。控制消息就是指网络通不通，主机是否可达，路由器是否可用等。ping命令其实就是ICMP协议的一个工作过程。我们来重点说一下TTL值提一下：百度不只一台服务器，我这里.

原创 JS中的类class

//定义一个类class Person{ constructor(a){ //构造函数 this.name = a; //属性 } state = "没有毛"; //属性 skill = function(){ //方法 console.log("直立行走"); }}let objPerson1 = new Person("易先生"); //实例化一个类的对象 objPerson1console.log(objPerson1.name,objPerson1.state);.

原创 计算机网络的分类

什么是网络？网络就是在一定的区域内将两台或两台以上的计算机以一定的方式链接起来，起到共享文件、程序、数据的作用。网络按覆盖范围分类：【局域网】LAN——Local Area Network范围：几十米~几千米 容量：几十~几千台计算机【城域网】MAN——Metropolis Area Network包含多个局域网【广域网】WAN——Wide Area NetworkInternet网络按拓扑结构分类：【总线型】【环型】【星型】【树型】【总线型】：使用.

原创 用Promise封装Ajax

我们先来看看Promise的用法。let PromiseObj = new Promise((resolve,reject)=>{ resolve("凝固结果");});PromiseObj.then((res)=>{ console.log(res);}).catch((err)=>{ console.log(err);});let PromiseObj = new Promise((resolve,reject)=>{ //resolve("凝固结

原创 学Node.js之前你需要掌握变量解构赋值

我们先来看看数组let people = ["蓝镜","易先生","万象归尘"];//通过下标的方式获取数组中的成员let p1 = people[0];let p2 = people[1];let p3 = people[2];console.log(p1,p2,p3);用们可以使用变量结构赋值这么来做。let [a,b,c] = ["苹果","梨子","香蕉"];console.log(a,b,c);我们再来看看对象let person = {name:".

原创 学Node.js之前你需要掌握对象新特性

ES5时，我们想将变量的值赋给对象的某个属性，是这么做的。let name = "易先生";let obj = { name:name, skill:function(){ console.log("搞你的电脑"); }}console.log(obj.name);ES6当中，我们可以省略掉变量的名称，即对象属性的简写。let name = "蓝镜";let obj = { name, //注意这里没有冒号 skill:function(){ console.l

原创 学Node.js需要搞懂rest参数

这是一个拥有两个参数的函数：function fun1(x,y){ //该函数有两个参数x和y a = x + y; console.log(a);}fun1(1,2);如果我们不确定函数到底需要几个参数时，我们可以干脆不管，然后在调用函数的时候，函数需要几个参数我们就传几个参数进去就好，再通过 arguments 对象来获取传入到函数里的参数。function fun1(){ //一个参数都不定义 for(let i=0;i<arguments.length;i++){

原创 学Node.js开发前你需要掌握箭头函数即=＞

这是之前的写法：<script>window.onload = function(){ var fun1 = function(){ console.log("以前的写法"); } fun1();}</script>输出结果：然后我们来看看箭头函数 => 的写法：<script>window.onload = function(){ var fun2=()=>{ console.log("箭头函数的写法".

原创 学Node.js开发前你需要掌握let语法

首先我们来看看用 var 申明变量的情况：<script>window.onload = function(){ for(var i=0;i<3;i++){ } console.log(i);}</script>输出结果如下：分析：for循环的 {} 之间为一个代码块，由于用 var 申明的变量不具有块级作用域，所以在for循环 {} 代码块之外可以访问 i 变量的值。我们再用 let 申明变量试试：<script&.

原创 微信公众号开发获取用户基本信息

微信公众号获取用户基本信息全屏观看更高清，点击这里！微信公众号开发获取用户基本信息-->全屏观看

原创 如何获取openid

微信公众号获取openid全屏观看点击这里！如何获取openid

原创 微信公众号开发配置token验证过程

token是一个令牌；有了token之后，我们才能去换取access_token，access_token俗称凭证，有了凭证，我们才可以去调用微信公众号的接口。那么在配置公众号的时候，怎么验证token了？我录好了视频；我觉得视频讲解更加的生动具体。微信公众号开发之token验证...

原创 微信公众平台开发入门前须知

为了识别用户，公众号会给每一位用户发一张号码牌，这张号码牌上印有OpenID公众号是通过OpenID来辨别不同用户的值得提醒的是，用户在进入不同的公众号的时候，每一个公众号都会给用户发一张印有OpenID的号码牌需要注意的是，不同的公众号给用户发的OpenID号码牌是不一样的那么，假如某集团公司有3个分公司，分别经营的是超市、酒店、旅游。分别又开通了3个《微信公众号》，分别叫做《超...

原创 html_26内联框架和网页乱码及乱码处理

内联框架就是在当前页面中，嵌入另一个网页。用到的标签是iframe<iframe src='网页地址'>你的浏览器不支持iframe</iframe>我们可以通过CSS对内联框架进行样式设置，在HTML课件里，我们就不展开讲解了。网页编码网页编码常用的是 UTF-8编码 和 GBK编码我们可以把编码想象成一个翻译员，用户所看到的网页是经翻译员...

原创 html_25表单中的下拉列表

什么是下拉列表，废话不多说，我们先来看看它的真容吧：）记住：一定不要忘记给select标签写上name属性，否则服务器无法接收到数据哦！转存失败重新上传取消那！要是我们想让用户一下选择多个选项可不可以了？当然可以！我们只要给select标签写上multiple属性就好。当列表的选项很多时，我们可以通过select标签的size属性来控制显示选项的数量。例如，这里...

原创 html_24表单验证那些事儿

总有一些用户比较调皮，他们在填写表单的时候喜欢胡乱填写，造成后端程序不能接收到想要的数据。或许你会说：“这没关系！难不到我！”。于是你在后端程序通过一系列的判断，来检验用户输入的数据，有不对的地方就提示用户重新填写。这样做，虽然能解决问题，可是又增加了服务器的工作量。服务器的资源有限，任何能在前端解决掉的事情尽量还是不要交给服务器来做。HTML5早就为我们考虑到了这样的事情，让我们来看...

原创 html_23表单里的那些组件（五）单选框和复选框

原创 html_22表单里的那些组件（四）文件选择框

原创 html_21表单里的那些组件（三）日期输入框和颜色输入框

原创 html_20表单里的那些组件（二）数字输入框

<input type='number' />这样就可以得到一个数字输入框了我们来看看它的样子吧：）它只接受输入数字不接受 字母 和 汉字点击右边的小箭头可以增加或减少数字的大小，当数字变为0的时候，如果继续减小，就会变成负数。当然我们还可以设置步长属性，让它每次增加或减少2个数<input type='number' ste...

原创 html_19表单里的那些组件（一）

单行文本输入框 密码输入框 多行文本输入框 提交按钮 重置按钮 隐藏域

原创 html_18表单组件的重要属性

表单组件的重要属性及其用法

原创 百度地图开发（3）添加和修改控件

温馨提示：学习百度地图开发得有HTML CSS JS基础哦：）我的课件目标是：如果对于学习的人来说很难看懂或理解，就证明我的表达方式有问题：），还请指出，以便加以改正！这一节的内容必须在完成百度地图初始化的基础之上进行开发百度地图开发（1）地图初始化 在地图上添加缩放控件：myMap.addControl(new BMap.NavigationControl(...

原创 html_17表单是如何发送数据的

本地服务器搭建和表单传送数据过程原理讲解，以及后端服务器是如何接受表单传过来的数据的过程展示。

原创 百度地图开发（2）缩放地图

温馨提示：学习百度地图开发得有HTML CSS JS基础哦：）我的课件目标是：如果对于学习的人来说很难看懂或理解，就证明我的表达方式有问题：），还请指出，以便加以改正！在我的文章：百度地图开发（1）初始化地图的代码基础之上增加地图缩放的代码即可，如下：myMap.enableScrollWheelZoom(true);然后就可以用鼠标滚轮来缩放地图了：所有源码如下：&...

原创 html_16什么是HTML中的表单以及它的作用

原创 html_15如何做好规范的页面布局

原创 百度地图开发（1）地图初始化

温馨提示：学习百度地图开发得有HTML CSS JS基础哦：）我的课件目标是：如果对于学习的人来说很难看懂或理解，就证明我的表达方式有问题：），还请指出，以便加以改正！第一步：申请百度账号和ak这里有两件事：（1）拥有百度账号（2）申请ak，ak就是秘钥，秘钥就是一串字符，没啥神秘的：）申请地址：申请地址这是我申请成功的样子第二步 至 第八部 在代码的注释当中，按步骤顺...

原创 html_14表格标签

原创 html_13网页开发中的列表标签

html_13网页开发中的列表标签

原创 html_12内联标签和块级标签的概念以及文本标签和字符实体

知识点

原创 html_11网页开发中多媒体那些事儿

html_11网页开发中多媒体那些事儿

原创 html_10网页中的文件下载和锚点运用

html_10网页中的文件下载和锚点运用

原创 html_09网页超链接

原创 html_8网页跳转和自动刷新

原创 html_07网页关键字和描述