m0_46201220的博客

原创 每日一题以及每日微课总结

每天的js基础习题总结2020-10-26输出结果：分析与联想：这道题目考查的是数组以及数组中的join方法。声明部分，说明一下第一个数组a，这是通过new来进行生成，这样生成通常有两种形式，第一种就是现在这样，这样数组当中时没有值的，只是有三位，都是undefined，第二种是有多个值，如下：输出部分：先看前三个，需要记住的是undefined，null都是当成是空串进行处理，所以说相当于：所以说前三个打印的都是–，而后两个正常进行join，即每两个之间通过-进行连接，所以说结果就是上面

原创 2020-10-17（学生管理系统）

使用原生的js第一次实现一个与后端接口相关的实时更新的一个小的demo。

原创 逍遥游 先秦-庄周

北冥有鱼，其名为鲲。鲲之大，不知其几千里也；化而为鸟，其名为鹏。鹏之背，不知其几千里也；怒而飞，其翼若垂天之云。是鸟也，海运则将徙于南冥。南冥者，天池也。《齐谐》者，志怪者也。《谐》之言曰：“鹏之徙于南冥也，水击三千里，抟扶摇而上者九万里，去以六月息者也。”野马也，尘埃也，生物之以息相吹也。天之苍苍，其正色邪？其远而无所至极邪？其视下也，亦若是则已矣。且夫水之积也不厚，则其负大舟也无力。覆杯水于坳堂之上，则芥为之舟，置杯焉则胶，水浅而舟大也。风之积也不厚，则其负大翼也无力。故九万里，则风斯在下矣，而后乃今培

原创 2020-11-05(jQuery)

jQueryjQuery简介jQurey是一个javascript工具库，极大地简化了javascript编程。全称是javascript query。Query使用户可以更加方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，而且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详尽，同时还有很多成熟的插件可供选择。jQuery可以使用户的html页面保持代码和html的内容分离，也就是说，不需要再在html里面插入一

原创 2020-11-01（网络部分试题解析）

Web前端应该从哪些方面来优化网站的性能？一、 减少页面体积，提升网络加载• 静态资源压缩合并，（JS/css代码压缩合并，雪碧图）• 静态资源缓存• 使用CDN加载资源更快二、 优化页面渲染• css放在前面，js放后面• 懒加载• 减少dom操作重排和重绘是什么？什么情况下会触发重排和重绘？浏览器中的存储有哪些？说出他们的区别。三种。cookie，localStorage，sessionStorage。cookie在网络请求中会被携带，存储容量较小，大约是4kb，没有直接获取.

原创 2020-10-31(js收官大题)

原创 2020-10-29（js完美收官试题解析）

哪个是DOM独有的对象（）A. HistoryB. ScreenC. DocumentD. Location分析：由于上面的图片可以很清楚的得出答案document，这里就不一一展开，下面的题目中会详细的解释。分析：location.href = "http://www.baidu.com"这是刷新当前页面跳转到我们在href输入的超链接地址；location.search会返回url中的查询的部分，不会刷新页面。关于reduce方法（不会改变原始数组）reduce会遍历数组.

原创 2020-10-27（网络应用2）

一、原生JS实现ajax var xhr = null; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } xhr.open("GET", "http://developer.duyiedu.com/edu/testA

原创 2020-10-27（网络部分应用）

一、发送网络请求通过在url输入网址（无法用代码控制）通过location.href = “https://www.baidu.com”，但是会刷新页面。通过src进行跳转（img或者是script）请求是可以发出的，服务器端也是可以处理的，但是返回值后能否被使用要看浏览器是否应用。比如说我们在这里img里面的src是百度的地址，img期望收到图片，但是返回的是一个页面所以不会应用在img上面，无法显示正确的图片，但是可以作为其他的用途。带有href的标签，比如说a标签，link标签。带有a

原创 2020-10-26（网络部分理论）

一、IP地址及公网为什么我的电脑、手机可以互相访问得到？在两个人是用微信互发消息的时候是如何进行网络连接的？原因：通过一个腾讯微信的公网ip作为中间来进行互相的连接。二、域名与DNS解析过程对于我们在浏览器的地址栏输入www.baidu.com然后访问到百度首页这一行为的分析。分析：当输入www.baidu.com的时候，我们输入的是域名。但是通过域名是无法访问到百度的，我们在访问的时候访问的ip地址，以下面图片为例：那么我们为什么可以通过www.baidu.com访问到呢？

原创 2020-10-24（规划与执行力）

执行力企业需求（努力方向）努力方向：上面是腾讯公司对于前端方向人员的招聘条件以及简历需要书写的内容，基础现在的个人情况，虽然说不应该妄自菲薄，但是我还是差了很多，但是这不应该成为我不努力的理由，无论在上面时候，都应该明确我现在拥有的，我缺少的，我应该努力的程度。课内知识的掌握专业知识的掌握js的不断重复（知识点+demo练习）进阶总结：本篇博客置顶，不断更新，当我迷茫时，不想付出的时候，希望可以成为我不断前进的动力。什么都不应该成为自己不努力的理由。...

原创 2020-10-22（利用ajax实现一个聊天机器人）

聊天机器人的实现思路分步实现html+css实现的效果html结构：css样式：解决办法：js：功能以及思路：再点击发送按钮（或者是enter键）之后，机器人可以为我们发送相对应的信息。为按钮绑定对应的事件创建一个相对应的dom对象使得每次在输入还有机器人回应之后的最终的视口都在最下面enter键的输入实现总结与反思上面的接口实现并没有使用图灵机器人后端的node.js也没有手动实现...

原创 2020-10-21（利用ajax实现瀑布流）

实现瀑布流js部分html+css比较简单，这里就不再赘述js主要是首先要通过ajax获取到本地的json数据，获取到数据之后进行数据的渲染。处理细节：分析：这里通过creatPic()功能函数创建一个类似的结构li，然后根据他们模4的索引值appendchild进行插入，虽然无法实现瀑布流，但是也是一个不错的思路。上面分析得知，我们哪样子是不行的，所以分析可知瀑布流的实现的话应该是我们每次插入itemDom的时候进行计算，分析得出当前最短的li是什么，然后在当前位置下面进行插入，最后

原创 2020-10-20(ajax的实现)

共勉：当有一天你满足于现状，觉得自己很努力的时候，你有很大的风险在走下披路。ajax首先ajax的全称是async javascript and xml(json)，异步的javascript和xml。ajax是异步的，此时要区分一个计算机中异步和同步的概念。同步：注意不是同时进行，比如说js是解释型语言，一行一行执行，而不是同时都执行。异步：最典型的例子是setTimeout,就是定时器不会阻碍下面语句的执行，同时进行的。用途：数据交互。下面进行简单的手写一个ajax函数：思路：要想.

原创 2020-10-19（JS收官答题卡）

js收官

原创 2020-10-18（错题分析）

对于题目中涉及到知识点的总结与联想开班考试题目分析分析：js中非常重要的三个概念，es，dom，bom，dom是对元素的一些操作，bom是对浏览器的一些操作，比如说对滚动条，前进和后退，或者是地址栏的解析。分析：这道题目是对for循环的一个扩展，以分号为界限，第一个是初始化条件，第二个是是否继续进行循环的分析，第三个是每次变量变化的内容。我们可以看到这个题目中有两个变量，所以需要同时两个条件，所以说是循环到i和j都是5的时候结束循环，返回一个累加的结果，所以说，最终返回的结果是0+0+1+1+2+

原创 2020-10-17(数组应用)

数组简单的实际应用一、问题描述本次demo的目的是对前面的数组各项方法的一次实际演练，这个demo主要最终可以为我们展示的效果是有两个：一个是过滤（筛选出来男性、女性），或者是实现一个模糊的搜索（可以在输入框中输入姓来进行查找）二、样式布局首先我们先要进行布局分析：html：观察上面的最终显示的效果，我们可以非常简单的想到分为两个结构，一个是上面的过滤区域，一个是下面的一个下拉列表，它在未添加样式之前的效果是这样的。加下来我们为他们添加样式分析：巧妙地设置使得img元素绝对定位，脱离原来

原创 2020-10-16（数组方法的拓展）

Love what you do,do what you want.数组深入拓展foreach <script> var personArr = [{ name: '王港', src: './src/img/3.png', des: '颈椎不好', sex: 'm' }, { name: '刘莹', src: '.

原创 2020-10-15（重力场、拖拽、轮播图）

js运动一、模拟重力场的js实现思路分析：1.模拟重力场的实现，要完成的四个方向是多方向运动+碰撞检测+重力加速度+能量的损失。2.首先要声明一个元素来控制他的运动，并设置定位为绝对定位（相对于页面文档），方便操作他的运动。3.实现多方向的运动就是既要改变这个dom的left，又要改变他的top，从而形成一个合力来改变。4.实现碰撞的检测：就是比如说当碰撞到底部的时候，速度反向，同时设置相对应的实时left或者是top与之相对应（避免出现滚动条）。5.重力加速度的实现：只要在每次定时器进行运

原创 2020-10-13（js运动之弹性运动）

做一件事情应该向闻一多先生学习，做了再说或者是做了也没有必要说出去。弹性运动分析：当拿到一个问题的时候，要进行三步分析，明确已知，明确所求，找已知与所求之间的联系。要想实现弹性运动，抽象出来的话就是类似于物理学当中的小球在用皮筋拉长之后的来回伸缩运动，是加速度指向皮筋中心的加速度不断变化的运动。我在自我实现过程中出现的问题是：1.在赋予初值速度，加速度，摩擦力的时候出现了在定时器内部赋值的问题，这样子会导致速度每次都重新更新为第一次的情况，根本无法减速。2.在定时器内部改变的变量是加速度（随着.

原创 2020-09-24 JS深加工之数组

关于数组中简单的一些算法1.请写出一段代码块，实现字符串的反转，比如说将’abc123’转化为’321cba’。思路分析：要实现一段字符串的反转，首先想到的是在数组中有一个方法是reverse，他可以实现数组中元素的反转，但是由于我们这里的是字符串，此时可以类比进制之间的转化，比如说我想要把一个八进制的数字抓化为一个十六进制的数字，那么我们可以首先将八进制的数字转化为二进制（除k取余法），然后在将一个二进制的数字转化为16进制的数字。此时我的想法就是将字符串转化为数组，然后调用数组当中的reverse

原创 js运动

匀速运动初级实现 <div></div> <span></span> <button>Run</button> div{ width: 100px; height: 100px; background-color: orange; margin-top: 10px; position: a

原创 js收官

BOM（Brower Object Model）BOM的核心bom的核心是window，window对象是bom的顶层对象，就是玩转window的属性和方法。window对象它具有双重特色，既是通过js访问浏览器窗口的一个接口，又是一个全局对象，它意味着网页中定义的任何对象、变量、和函数，都是window的属性。BOM与DOM的关系dom的标准化组织是w3c，但是bom比较尴尬，没有他的标准化组织。（兼容性不太好）BOM的组成部分window javascript 层级中顶层对象表示浏览器

原创 2020-9-15-一些JS练习题目

当点击红色方块的时候，在控制台会输出什么？ <div class="test1"> <div class="test2" style="height: 40px; width: 40px; background: red" ></div> </div> <script> // .test1 冒泡事件 document.querySelecto

原创 渡一每日一题

第一天下面的代码的输出结果是什么，并分析原因。 var func = function course(){ course = 1; console.log(course); console.log(typeof course); } func();

原创 开班考试错题修改

分析：A选项 getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。B选项 getElementsByTagName() 方法返回一个动态的包含所有指定标签名的元素的HTML集合HTMLCollection。 C选项 Document的方法 getElementById()返回一个匹配特定 ID的元素。D选项 该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。// 16.

原创 JS中一些比较有思考的题目以及认真的分析

阅读下面的代码，问a.n的值是多少？ var a = {n : 1}; var b = a; a.m = a = {m : 2}; console.log(a.m); console.log(b.m); console.log(a.n);结果:分析：结合图片进行解释：结合图片，那么a.m的值应该为2，b.m的值应该是一个对象{m : 2 },a.n在新的a对象中没有n这个属性，所以应该是undefine.

原创 CSS进阶

@规则at-rule: @规则、@语句、CSS语句、CSS指令import@import “路径”; 导入另外一个css文件charset@charset “utf-8”;告诉浏览器该CSS文件，使用的字符编码集是utf-8，必须写到第一行。行高的取值问题行高的取值line-heightpx, 像素值无单位的数字em单位百分比body背景画布 canvas一块区域特点：最小宽度为视口宽度最小高度为视口高度HTML元素的背景覆盖画布

原创 HTML核心

iframe元素功能：框架页，通常用于在网页中嵌入另一个页面。iframe 是可替换元素1. 通常行盒2. 通常显示的内容取决于元素的属性3. CSS不能完全控制其中的样式4. 具有行快盒的特点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in

原创 领跑计划的练习题目

本文中的题目都是来自渡一的题目的当天的题目以及JS的练习题目。每日一题1.html标签身上的lang属性下面说法不正确的是（C）A.定义html标签内使用的语言B.向搜索引擎表示该页面为html页面，并且为英文网站C.如果lang="en"表示在页面中不允许存在中文（解析：lang=“en”是告诉收索引擎爬虫这个网页是英文的，只是主体语言是英文，而比如说p标签内部可以写中文，并不是不可以包含中文。）<p>可以存着在中文</p>2.下面有关html Doctype.

原创 Java_day02

数组数组的特点数组是一种应用数据类型数组当中的多个数据，必须类型统一数组的长度在程序运行期间不可改变（注意区分js）数组的初始化方式动态初始化（指定长度）数据类型[] 数组名称 = new 数据类型[数组长度]； int[] array = new int[300];静态初始化（指定内容）数据类型[] 数组名称 = new 数据类型[] {}; int[] arrayA = new int[] {5,15,25};省略形式的静态初始化 int[] arrayB

原创 Java_day01

命令提示符——常用的命令JVM JRE JDKJava最基本语句的阐述

原创 ALU181

ALU181设计一、ALU181简要介绍算术逻辑单元（ALU）是计算机的核心部件之一，它能执行加法和减法等算术运算，也能执行“与”、“或”、“非”等逻辑运算。算术逻辑单元的基本功能可以根据74LS181的功能用VHDL编辑而成。ALU181的运算功能功能简要分析：说明: ALU执行的运算有6个输入端S3-S0、 M、Cn，能执行48种运算;M输入有特别的作用，当M=1时，屏蔽Cn，即Cn的值不影响执行的运算;当M=0时，ALU执行的运算除受S3-S0外，还受Cn值得影响。二、设计原理和电路图

原创 一位全加器

一位全加器一、实验原理与目的实验目的：使用vhdl设计出来一个一位全加器。实验原理：本实验的原理是利用两个一位的半加器来组成一个一位的全加器。在程序设计中，利用组件化的思想来调用两个功能比较简单的半加器来实现功能稍加复杂的全加器。而一位半加器的设计思想就是利用真值表来进行设计即可。二、实验代码**代码分析：**实验代码由三部分组成，第一部分是使用真值表来描述一个半加器，有两个输入端a，b和两个输出端co，so；第二部分是或门的逻辑描述，是进位的输出端；第三部分是顶层的设计描述，综合两个部

原创 mux21a

mux21a实验名称以及实验原理该实验的目的：利用quaturs实现一个二选一多路选择器二选一多路选择器功能描述:输入端口 a,b输入信号，在通道选择控制输入端口s输入低电频时，输出端口y输出a输入端口信号;在通道选择控制输入端口s输入高电频时，输出端口y输出b输入端口信号。代码描述 ENTITY mux21a IS PORT ( a, b, s: IN BIT; y : OUT BIT );END ENTITY mux21a;ARCHITECTURE

原创 数组

1.用JS写出一个数组的sort真正升序、降序方法：2.改写数组当中的sort方法，使得sort方法能够使得一个有序的数组变成乱序 var arr = [1,2,3,4,5,6]; arr.sort(function (a,b){ return Math.random() - 0.5; });分析：对于给定的数组arr，我们通过Math.random()操作使得每次生成一个(0,1)之间的一个数，根据sort方法的原理，如果返回正数，b就

原创 数组

数组构造数组的两种方式var arr = [];var arr = new Array();注意事项：上面的两个构造数组的方式基本一致，但是，当使用var arr = new Array(10);的时候，其中只传入10这一个参数的时候，这个10被当作为是稀松数组的长度，而不是数组的值，所以说生成的数组中的元素的值是undefined*10.数组中关于sort方法的解释与注意事项：虽然说sort方法是对数组中的元素进行排序，但是在排序的过程中，是对每个元素的ASCII码进行比较，所以说有时候会出

原创 this，笔面试真题

1.分析：javascript中的六种数据类型：object(function,array,null)，string，number，boolean，undefined，function。 var f = ( function f (){ return "1"; }, function g (){ return 1; } )(

原创 计算机网络

IP地址 利用超网合并网段分析：与划分子网相反，这是向左移动，而不是向右移动。原因：0,1，2,3的二进制分别是00,01,10,11，对于0,1来说只需要向左移动一位。 73集

原创 计算机网络 网络层 子网以及子网的划分

将一个c类网络等分子网分析：根据192可以判断出来这是一个c类地址，根据子网掩码最后的128，可以判断出来，这不是普通的子网掩码，而是经过处理之后的子网掩码，以128为界限，之前的是一部分，之后的又是一部分。对于A类子网来说，它的网关地址是192.168.0.1；但是对于B类子网来说，它的网关地址从首位开始应该是193.168.0.129。这样就做到了等分网络，此时子网掩码向后移动了一位，不单单是255.255.255.0，而是255.255.255.128。分析的来源：因为想两等分，所以从0到255