m0_46201220的博客

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

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

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

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

原创 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.在定时器内部改变的变量是加速度（随着.