![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 60
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原创 2021-10-25 16:43:11 · 524 阅读 · 0 评论 -
不容错过的ES6知识点(二):字面量、函数
ES6模板字面量创建字符串函数用 ES6 编写简洁的函数声明补习构造函数和new原理手写new构造函数使用 class 语法定义构造函数使用 getter 和 setter 来控制对象的访问练习应用:模板字面量创建字符串`${变量}`函数用 ES6 编写简洁的函数声明定义函数时省略function关键字和冒号在 ES5 中,当我们需要在对象中定义一个函数的时候,必须像这样使用 function 关键字:const person = { name: "Taylor", sayHello原创 2021-05-26 10:59:10 · 572 阅读 · 0 评论 -
不容错过的ES6知识点(一):变量、函数、扩展操作符、解构赋值
首先给大家介绍一个网站: freeCodeCamp.ES6变量var可以重复声明同一个变量Object.freeze:禁止对对象进行增删改操作函数使用箭头函数编写简洁的匿名函数设置函数的默认参数操作符、运算符理解spread运算符与rest参数rest 操作符(扩展操作符)reducer 函数使用 spread 运算符展开数组项解构赋值使用解构赋值来获取对象的值使用解构赋值从对象中分配变量使用解构赋值从嵌套对象中分配变量练习应用使用解构赋值配合 rest 操作符来重新分配数组元素练习应用使用解构赋值将对象原创 2021-05-14 19:21:01 · 238 阅读 · 0 评论 -
一些递归的练习-js
使用递归创建一个倒计时函数返回一个从 1 到传递给函数的指定数字的连续数字数组。递归函数,会有一个base case。 base case 告诉递归函数什么时候不在需要调用其自身。 这是简单 情况,返回得到的值。还有recursive call,继续用不同的参数调用自身。 如果函数无误,一直执行直到 base case 为止。比如,如果想写一个递归函数,返回一个数字 1 到 n 的连续数组。 这个函数需要接收一个参数 n 代表最终数字。 然后会持续的调用自身,传入一个比 n 更小的值一直到传入的原创 2021-05-13 17:21:19 · 955 阅读 · 2 评论 -
JS复习
这里写目录标题数组多维数组数据添加到数组末尾:push()移除最后一个,并将移除的值返回:pop()移入一个元素到数组的头部:unshift()移除第一个,并将移除的值返回:shift()字符串转义字符其他函数返回值var全局变量队列(排队)运算符相等运算符:`==`。||&&三元运算符switch对象概念、形式访问对象点号表示法(.)方括号表示法([])对象嵌套对象删除对象属性对象是否有某个属性: hasOwnProperty(propname)JSONMath()Math.random(原创 2021-05-13 15:09:22 · 222 阅读 · 2 评论 -
Node.js和npm以及使用npm下载东西
这里说一下,去node.js官网可以下载node.js下载了node.js的同时,npm也会跟着下载下来(之前看到有人说node.js的8点几版本之上的不会自动跟随下载npm,但我下载的最新版本是有的)我下载的就是红框中的那个。具体下载过程可以自行百度,有很多,也不难。之后就是使用npm下载一些东西。我刚下载下来的时候,直接使用npm的命令是不成功的。可以试一下进入让命令行进入no...原创 2020-05-04 14:51:02 · 873 阅读 · 0 评论 -
注册yandex如何快捷简便还能绕过万恶的验证码和手机号
看视频写代码,途中遇到要下载翻译的API,要从yandex官网下载,而且下载的话绕不过注册,尝试十几次二十多次的验证码我崩溃了。皇天不负有心人,感谢前辈!另外如果按下面的步骤,邮箱里收不到邮件的话,自己去垃圾箱看一下,可能被垃圾箱收走了。以下为转载内容总结为了yandex.com的网盘登录网盘的APP ,于是在官网注册, 但是验证码怎么填写都不错, 输入两个图片的验证码 加不加空格,试了,几...原创 2020-05-07 13:25:51 · 21938 阅读 · 1 评论 -
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里面-全.原创 2020-05-17 16:40:53 · 233 阅读 · 0 评论 -
Vue小结
1.显示组件App.vue页面中的东西会被显示出来,所以我们设计想让组件中的东西出现的时候,就要在App.vue页面中引用。一个是注册全局组件(main.js):-1.引入组件:import 取一个组件名字 from ‘ 组件所在的相对地址 ’-2.注册全局组件:Vue.component(‘ 取个名字,可以跟引入组件里的名字不一样 ’,引入组件里的名字)ps。Vue实例(import里面引用了)-3.调用组件一个是注册局部组件(哪个组件要使用,就在哪个组件里面注册)-第二步和上面不一样,只原创 2020-05-18 19:17:36 · 122 阅读 · 0 评论 -
独立运行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: (:) [].原创 2020-05-25 23:48:31 · 416 阅读 · 1 评论 -
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转载 2020-10-03 20:34:22 · 261 阅读 · 0 评论 -
vue-element-admin框架使用学习之旅
我对框架的理解以及不懂的地方和其他人好像不一样,我难在入门,最基础的东西,一旦入了门后面的东西反而变得简单。有些东西网上搜不到,所以自己来写一个自己的学习过程。vue-element-admin文档里这句建议应该是极其重要的。像我前前后后删除又重新下载vue-element-admin多次,一直在下载的源代码里面修改增加模块,到头来什么需要什么不需要变得冗余并且复杂,不好管理。所以应该将这个框架当成一个工具箱,填补在自己本身的项目上。当然,像我那样在原有项目上修修改改也是有作用的,可以更快地原创 2020-10-23 18:42:54 · 411 阅读 · 0 评论 -
elementUI级联选择器如何使用后台的数据字段替换option里面的lable和value
链接:elementUI级联选择器如何使用自己的方法数据字段,解决方法从这篇链接里面找到的()学无止境,他的数据结构出了点问题(只是child里面少了大括号这样的问题),我整了一份完整的,随拷随用<template> <div id="publish"> <el-cascader :options="cityList" :props="{ expandTrigger: 'hover', value: '转载 2020-10-26 21:02:19 · 1255 阅读 · 0 评论 -
TypeError: Cannot read property ‘partsName‘ of null
主要是记录,搞了一天,找了俩仨人,都没办法解决。偶然发现开心到蹦起来。绝。先把结论说出来:出这个问题可能是后台数据穿过了,看后台数据库是不是有某一条数据全空,我这个情况是最后一项是空百度半天都说是ES6语法,还说.then里面要用箭头函数之类的问题,解决不了我的问题,所以记录下来,以防再犯。<el-table :data="logosList" border style="width: 100%"> <el-table-column label="日期" width="原创 2020-10-30 19:16:11 · 362 阅读 · 0 评论 -
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;我在页面显示的<原创 2020-10-31 18:47:08 · 6054 阅读 · 0 评论 -
el-upload和其他东西放到一行
给el-upload添加display: inline-block;原创 2020-10-31 19:28:30 · 1577 阅读 · 0 评论 -
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]∗∗或原创 2020-11-10 15:45:39 · 513 阅读 · 0 评论 -
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.可以换行折行以前写字符串拼.原创 2020-11-10 19:47:28 · 167 阅读 · 0 评论 -
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原创 2020-11-10 21:28:03 · 141 阅读 · 0 评论 -
解决wangEditor表格边框显示不出来、没有的问题
仔细阅读文档不过我一直找表格或者边框搜索,发现没有特定的栏目,所以忽略了当然也有我不够仔细的原因,有点着急莽荒了链接: 在官网的这个页面.从官网贴下来的,把这段复制到想要的地方就可以了<style>/* table 样式 */table { border-top: 1px solid #ccc; border-left: 1px solid #ccc;}table td,table th { border-bottom: 1px solid #ccc; b原创 2020-11-18 20:21:49 · 7134 阅读 · 9 评论 -
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原创 2021-02-04 17:50:33 · 132 阅读 · 0 评论 -
bable.js是什么
browers=bable为了把高版本的ES6编译成低版本的,以供浏览器读取顺利有两个方法引入本地bable。(不建议)容易出事儿,比如延迟,或者某些奇奇怪怪的问题在线编译bable。(建议)引入本地:(不建议)// 1.引入babel包<script src="browser.min.js" charset="utf-8"></script>// 2.修改类型<script type="text/babel"></script>原创 2021-02-04 17:52:23 · 419 阅读 · 0 评论 -
ES6,面向对象,构造函数,继承
首先说一下老版本的面向对象是什么样子的主要是构造函数和继承是什么样的1.类和构造函数一样2.属性和方法分开写的老版本构造函数// 创建类(构造函数)function User(name) { this.name = name}// prototype的运用,创建方法User.prototype.showName = function () { console.log(this.name)}// 创建实例var u1 = new User('able')// 调用原创 2021-02-04 18:14:38 · 112 阅读 · 0 评论 -
关于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结构还没有进行原创 2021-04-07 19:33:43 · 18580 阅读 · 1 评论 -
parcel使用心得
是跟着别人的代码视频敲得。他们打包的时候,不会再后面带上index.html。但是实践得知,不管是打包还是运行,都要有index.html这个目标。运行parcel index.html 打包parcel build .\index.html原创 2021-04-08 16:58:47 · 115 阅读 · 0 评论 -
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转载 2021-04-18 10:14:50 · 270 阅读 · 0 评论 -
npm创建一个简单的项目
npm init然后生成一个packsge.json文件npm install fetch-jsonp --save(这个save是npm6一下的版本需要加的)parcel打包工具npm install -g parcel-bundler命令:parcel index.html // 运行https://bootswatch.com/ 里面有很多框架可以用...原创 2021-04-24 15:12:25 · 479 阅读 · 0 评论