ZZhXuan的博客

原创 为什么是“Array.prototype.slice.call(arguments,1)”，而不是“arguments.slice(1)”？

在学习手写new的时候，看到的，首先是很不理解为什么通过Array.propotype调用slice，还要用call“多此一举”。昨天学习原型链，我的理解中，Array.prototype等同于一个实例数组（比如参数数组argument）的原型_proto_，在原型中寻找slice方法并进行使用，跟后者arguments直接调用slice不是一样的吗？以下是我所学习的手写new的代码（问题出于第五行）。// const xxx = _new(Foo,'哈哈',123) ==> new Fo

转载 cookies、sessionStorage和localStorage解释及区别

转载自此文：《cookies、sessionStorage和localStorage解释及区别》目录一、cookie和session 两者区别：1、保持状态：2、使用方式：（1）cookie机制（2）session机制3、存储内容：4、存储的大小：5、安全性：session的安全性大于cookie原因如下：6、应用场景：7、缺点：HTML5的本地存储第一种解释方式第二种解释方式WebStorage**两个主要目标**：1、生命周期：2、存储大小：3、存储位置：4、存储内容类型：5、获取方式：6、应用.

原创 不容错过的ES6知识点（二）：字面量、函数

ES6模板字面量创建字符串函数用 ES6 编写简洁的函数声明补习构造函数和new原理手写new构造函数使用 class 语法定义构造函数使用 getter 和 setter 来控制对象的访问练习应用：模板字面量创建字符串`${变量}`函数用 ES6 编写简洁的函数声明定义函数时省略function关键字和冒号在 ES5 中，当我们需要在对象中定义一个函数的时候，必须像这样使用 function 关键字：const person = { name: "Taylor", sayHello

原创 不容错过的ES6知识点（一）：变量、函数、扩展操作符、解构赋值

首先给大家介绍一个网站： freeCodeCamp.ES6变量var可以重复声明同一个变量Object.freeze：禁止对对象进行增删改操作函数使用箭头函数编写简洁的匿名函数设置函数的默认参数操作符、运算符理解spread运算符与rest参数rest 操作符(扩展操作符)reducer 函数使用 spread 运算符展开数组项解构赋值使用解构赋值来获取对象的值使用解构赋值从对象中分配变量使用解构赋值从嵌套对象中分配变量练习应用使用解构赋值配合 rest 操作符来重新分配数组元素练习应用使用解构赋值将对象

原创 一些递归的练习-js

使用递归创建一个倒计时函数返回一个从 1 到传递给函数的指定数字的连续数字数组。递归函数，会有一个base case。 base case 告诉递归函数什么时候不在需要调用其自身。 这是简单 情况，返回得到的值。还有recursive call，继续用不同的参数调用自身。 如果函数无误，一直执行直到 base case 为止。比如，如果想写一个递归函数，返回一个数字 1 到 n 的连续数组。 这个函数需要接收一个参数 n 代表最终数字。 然后会持续的调用自身，传入一个比 n 更小的值一直到传入的

原创 JS复习

这里写目录标题数组多维数组数据添加到数组末尾：push()移除最后一个，并将移除的值返回：pop()移入一个元素到数组的头部：unshift()移除第一个，并将移除的值返回：shift()字符串转义字符其他函数返回值var全局变量队列（排队）运算符相等运算符：`==`。||&&三元运算符switch对象概念、形式访问对象点号表示法（.）方括号表示法（[]）对象嵌套对象删除对象属性对象是否有某个属性： hasOwnProperty(propname)JSONMath()Math.random(

原创 npm创建一个简单的项目

npm init然后生成一个packsge.json文件npm install fetch-jsonp --save（这个save是npm6一下的版本需要加的）parcel打包工具npm install -g parcel-bundler命令：parcel index.html // 运行https://bootswatch.com/ 里面有很多框架可以用...

转载 1、页面导入样式时，使用link和@import有什么区别？2、浏览器内核

页面导入样式时，使用link和@import有什么区别？页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是：XML/HTML代码XML/HTML代码两者都是外部引用CSS的方式，但是存在一定的区别：区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。区别2：link引用CS

原创 parcel使用心得

是跟着别人的代码视频敲得。他们打包的时候，不会再后面带上index.html。但是实践得知，不管是打包还是运行，都要有index.html这个目标。运行parcel index.html 打包parcel build .\index.html

原创 关于js报错 Cannot read property innerHTML of null和关于Cannot set property ‘innerHTML’ of null 错误原因

解决关于js报错 Cannot read property innerHTML of null1、相信很多同学在开发过程中都会遇到Cannot read property ‘innerHTML’ of null ——这个报错的字面含义是：不能读取空的内部HTML。2、实际上，在页面的HTML结构中，innerHTML是有实际的值并可以在console进行获取查询到。3、根据浏览器的渲染原理，HTML代码从上到下执行代码，当浏览器JS解析器解析到script并进行DOM操作，下面的DOM结构还没有进行

原创 ES6，面向对象，构造函数，继承

首先说一下老版本的面向对象是什么样子的主要是构造函数和继承是什么样的1.类和构造函数一样2.属性和方法分开写的老版本构造函数// 创建类（构造函数）function User(name) { this.name = name}// prototype的运用，创建方法User.prototype.showName = function () { console.log(this.name)}// 创建实例var u1 = new User('able')// 调用

原创 bable.js是什么

browers=bable为了把高版本的ES6编译成低版本的，以供浏览器读取顺利有两个方法引入本地bable。（不建议）容易出事儿，比如延迟，或者某些奇奇怪怪的问题在线编译bable。（建议）引入本地：（不建议）// 1.引入babel包<script src="browser.min.js" charset="utf-8"></script>// 2.修改类型<script type="text/babel"></script>

原创 ES6数组新方法：map，reduce，filter，foreach

新增4个方法map 映射 一个对一个定义数组：let arr = [12, 5, 8]map应用初版：let result = arr.map(function (item) { return item*2})console.log(result)//结果：[ 24, 10, 16 ]简写版本：let result2 = arr.map(item=>item*2) // 简写console.log(result2)//结果：[ 24, 10, 16 ]还可以：le

原创 HttpServletResponse实现重定向

原创 HttpServletRequest

是

原创 HttpServletResponse

响应状态码：（记住这些就够了，不会的百度）前四个就是一些字符串游戏后四个是IO流，怎么把一个东西从一个地方输出到另一个地方后续指路：视频第十二集，Response下载文件.回头再更...

原创 ServletContext对象

这里写目录标题getInitialParameter()getServletConfig()getServletContext()一些需要了解的对象这些对象可以得到的东西在注释中getInitialParameter()其中，getInitialParameter（）的初始化参数可以在Web.xml中配置这个配置几乎不用getServletConfig()就是Web.xml中的配置getServletContext()就是，这个网站就由这个对象来管理...

原创 Servlet

补充：一个servlet对应一个class上图意思是，在前端请求一个路径/hello，他就回去12行的class那边的路径处理下图是12行的class，里面有处理请求的方式tomcat配置方式指路：在这篇文章里....

原创 MAVEN阿里云镜像+本地仓库+maven web项目创建（模板/普通）+tomcat配置+pom文件

<mirror> <id>nexus-aliyun</id> <mirrorOf>*,!jeecg,!jeecg-snapshots</mirrorOf> <name>Nexus aliyun</name> <url>http://maven.aliyun.com/nexus/content/groups/public</url>

原创 本地项目上传到GitHub

创建一个项目（仓库）填写相应信息后点击create即可Repository name: 仓库名称Description(可选): 仓库描述介绍Public, Private : 仓库权限（公开共享，私有或指定合作者）Initialize this repository with a README: 添加一个README.mdgitignore: 不需要进行版本管理的仓库类型，对应生成文件.gitignorelicense: 证书类型，对应生成文件LICENSE创建完成后的.

原创 解决wangEditor表格边框显示不出来、没有的问题

仔细阅读文档不过我一直找表格或者边框搜索，发现没有特定的栏目，所以忽略了当然也有我不够仔细的原因，有点着急莽荒了链接: 在官网的这个页面.从官网贴下来的，把这段复制到想要的地方就可以了<style>/* table 样式 */table { border-top: 1px solid #ccc; border-left: 1px solid #ccc;}table td,table th { border-bottom: 1px solid #ccc; b

原创 ES5\ES6--jSON

JSON 格式JavaScript Object Notation (JSON)是一种用于数据交换的文本格式JSON 是 JS对象 的一种JSON的标准写法 只能用双引号 所有的key都必须用双引号包起来JSON 对象JSON 对象是 JavaScript 的原生对象，用来处理 JSON 格式数据，有两个静态方法JSON.parse(string): JSON 字符串—> JavaScript 对象。JSON.stringify(obj) ：JavaScript 对象—>J

原创 ES6字符串：startsWith，endWith，字符串模板

startsWith以…开头let str = 'http://baidu.com'if(str.startsWidth('https://')){ alert('安全加密网址')}endWith以…结尾let str = '1.txt'if(str.endWidth('.txt')){ alert('文本文件')}字符串模板这个叫做反单引号，放里面的叫做字符串模板`` 好处：1.可以把东西（指变量）塞到字符串里面去2.可以换行折行以前写字符串拼.

原创 jQuery中的$和原生js的window

补个以前的课，js中产生的对象是DOM对象，不能使用jQuery中封装的方法。jQuery产生的是jQuery是jQuery对象，不能使用原生js中的方法。所以两个往往需要相互转换ps：jQuery对象是一个伪数组，所以下面会出现indexDOM转jQuery：$(DOM对象)例： $(‘div’)例： var abc = getElementById(‘abc’);$(abc) // 这里不用引号，因为已经是一个DOM对象了jQuery转DOM：(′div′)[index]∗∗或

原创 el-upload和其他东西放到一行

给el-upload添加display: inline-block;

原创 elementUI图片遍历循环+预览【el-image查看大图+预览】

我这边接受的数据结构{"code":200,"msg":"图片列表","object": [ { "id":1," partsName":"", "picturesName":"a.jpg", "picturesUrl":"http://192.168.3.65:8111/image/a.jpg", "type":null } ]}接收：this.outsidePicturesList = response.object;我在页面显示的<

原创 TypeError: Cannot read property ‘partsName‘ of null

主要是记录，搞了一天，找了俩仨人，都没办法解决。偶然发现开心到蹦起来。绝。先把结论说出来：出这个问题可能是后台数据穿过了，看后台数据库是不是有某一条数据全空，我这个情况是最后一项是空百度半天都说是ES6语法，还说.then里面要用箭头函数之类的问题，解决不了我的问题，所以记录下来，以防再犯。<el-table :data="logosList" border style="width: 100%"> <el-table-column label="日期" width="

转载 elementUI级联选择器如何使用后台的数据字段替换option里面的lable和value

链接：elementUI级联选择器如何使用自己的方法数据字段，解决方法从这篇链接里面找到的（）学无止境，他的数据结构出了点问题（只是child里面少了大括号这样的问题），我整了一份完整的，随拷随用<template> <div id="publish"> <el-cascader :options="cityList" :props="{ expandTrigger: 'hover', value: '

原创 vue-element-admin框架使用学习之旅

我对框架的理解以及不懂的地方和其他人好像不一样，我难在入门，最基础的东西，一旦入了门后面的东西反而变得简单。有些东西网上搜不到，所以自己来写一个自己的学习过程。vue-element-admin文档里这句建议应该是极其重要的。像我前前后后删除又重新下载vue-element-admin多次，一直在下载的源代码里面修改增加模块，到头来什么需要什么不需要变得冗余并且复杂，不好管理。所以应该将这个框架当成一个工具箱，填补在自己本身的项目上。当然，像我那样在原有项目上修修改改也是有作用的，可以更快地

转载 vue-element-admin中文化

原文链接：https://blog.csdn.net/Mr_LiGuo/article/details/104794444?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.c

原创 独立运行vue文件命令以及中间出的报错

vue : 无法加载文件 C:\Users\98616.LAPTOP-LINU37EU\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com /fwlink/?LinkID=135170 中的 about_Execution_Policies。+ vue serve HomeTap.vue+ ~~~ + CategoryInfo : SecurityError: (:) [].

原创 Vue小结

1.显示组件App.vue页面中的东西会被显示出来，所以我们设计想让组件中的东西出现的时候，就要在App.vue页面中引用。一个是注册全局组件（main.js）：-1.引入组件：import 取一个组件名字 from ‘ 组件所在的相对地址 ’-2.注册全局组件：Vue.component（‘ 取个名字，可以跟引入组件里的名字不一样 ’，引入组件里的名字）ps。Vue实例（import里面引用了）-3.调用组件一个是注册局部组件（哪个组件要使用，就在哪个组件里面注册）-第二步和上面不一样，只

原创 Vue目录结构

README：当前项目启动安装的一些提示package.json：至关重要。比如scripts里面有启动方式（serve、build等）package-lock：没必要管他，无用，可删babel.config.js：通过babel对ES5、ES6等语法进行转换，初学阶段对此不进行操作.gitignore：上传到git仓库时，去掉不必要的文件public-favicon.icon是标签上缩小的那个图标-index.html里面的div#app，所有的代码后期都会动态插入到这个div里面-全.

原创 注册yandex如何快捷简便还能绕过万恶的验证码和手机号

看视频写代码，途中遇到要下载翻译的API，要从yandex官网下载，而且下载的话绕不过注册，尝试十几次二十多次的验证码我崩溃了。皇天不负有心人，感谢前辈！另外如果按下面的步骤，邮箱里收不到邮件的话，自己去垃圾箱看一下，可能被垃圾箱收走了。以下为转载内容总结为了yandex.com的网盘登录网盘的APP ，于是在官网注册， 但是验证码怎么填写都不错， 输入两个图片的验证码 加不加空格，试了，几...

原创 Node.js和npm以及使用npm下载东西

这里说一下，去node.js官网可以下载node.js下载了node.js的同时，npm也会跟着下载下来（之前看到有人说node.js的8点几版本之上的不会自动跟随下载npm，但我下载的最新版本是有的）我下载的就是红框中的那个。具体下载过程可以自行百度，有很多，也不难。之后就是使用npm下载一些东西。我刚下载下来的时候，直接使用npm的命令是不成功的。可以试一下进入让命令行进入no...

原创 BGP：修改路由信息源地址

bgp收到的路由更新的源地址需要跟他的neighbor命令（neighbor x.x.x.x remote-as AS号）所指明的neighbor的地址相同。这样才能建立邻居关系（对等体）。现在问题是，邻居路由器存放的邻居信息，是本机的环回口地址单本机发送过去的路由信息的源地址是出接口地址（即物理口地址）如果是环回口，需要在本机手动将 本机路由器发送过来路由信息的物理接口改为 ...

原创 疫情在家，有哪些地方可以上自习？

说实话，放假之前我还跟以前同学约好，说寒假了有时间一起去旁边大学蹭个空教室上自习，一起搞搞学习。谁能想到愿望总是美好的，回家没几天就开始因为疫情限制进出了。前几个星期在家还有点开学的期望，现在越发觉得渺茫。之前在家学习，效率实在低，学习起来也是痛苦不堪（家庭原因，不适合在家学习）。好吧，进入正题，那些地方能够上自习，有个学习的好去处呢？我有想过咖啡厅，奶茶店，肯德基，德克士之类的地方。...

原创 初学BGP

小目录：AS企业网络到ISP链接的选择BGP报文BGP有限状态机的六种状态AS1-65535私有：64512-65535可在网上申请注册到的：1-64511企业网络到ISP链接的选择单宿主：一个企业的ASBR，一条线，一个ISP的ASBR双宿主：两条线，一个ISP多宿主：两条线（或>2），两个ISP的ASBR（或>2）双多宿主：两个企业...

原创 DHCP命令以及配置、PAT命令以及配置

(动态主机配置协议)DHCP主要目的:让局域网中的PC机能够动态的获取到ip地址，网关地址，子网掩码和DNS服务器地址。大大缩减了人工配置工作量。pc机上ip相关命令：ipconfig/all 查看到获取的IP地址 ipconfig/release 释放IP地址 ipconfig/renew 重新获取IP地址命令ip ...

原创 SQL数据库笛卡尔积、投影、选择、连接运算

笛卡尔积笛卡尔积之后列数：R列数＋S列数行数：R列数×S列数投影主要从列的角度进行运算。投影之后不仅取消了原关系中某些列，也可能取消某些元组（元组就是行，目的是为了避免重复行）。选择图片中，式子意思是，从关系R中找到B列里等于‘ｄ’并且C列里等于‘ｅ’的那一行从行的角度进行的运算连接连接，作用于两个关系，该运算的作用是：从关系R和关系S的笛卡尔积中选取满足条件ｒ的地...