- 博客(199)
- 资源 (9)
- 收藏
- 关注
原创 promise使用详解
号外号外:本篇文章主要使用了ES6箭头函数,如果不熟悉的同学建议看一看。嘻嘻开篇之前先理清下面几个问题Promise的构造函数参数可以传递什么类型?除了使用Promise构造函数进行链式调用外,Promise还有什么方式进行链式调用吗?Promise.resolve()的参数可以传递什么类型的数据?不同类型的数据产生怎样的结果?Promise的构造函数中调用resolve()/reject()这样做的目的是什么?Promise的then方法是做什么的?如何终止链式调用?(这个场景会在
2020-06-16 21:56:45 3108
原创 闭包使用详解
什么是闭包函数即使脱离了它原本所在的词法作用域,也能够访问在词法作用定义的变量。因为函数被return出去了,没有执行一直持有函数的执行期上下文,然后就形成了闭包。闭包 = 执行环境 + 函数这个函数 a 可以放在别的文件里面,然后得到的 b 函数,不管你在什么时候调用,都会正确打印「hello,闭包」,一般的 a 函数执行完,hello 变量就会被释放,但是在闭包里面,这个 hello 直到 b 函数执行之前,hello 都不会被释放。应用场景太多了,定时器、防抖按钮 什么的都需要用到闭.
2020-06-09 16:42:20 1979
原创 原型和原型链详解
原型和原型链怎么来的?1994年,网景公司(Netscape)发布了Navigator浏览器0.9版,但是刚开始的Js没有继承机制,更别提像同时期兴盛的C++和Java这样拥有面向对象的概念。在实际的开发过程中,构造函数内部的属性方法,每次new一个实例对象的时候,都会创建内部的这些属性和方法,并且不同的实例对象之间,不能共享这些方法,造成了资源的浪费。工程师们发现没有继承机制很难解决一些问题,必须有一种机制能将所有的对象关联起来。于是有了原型这个概念。Brendan Eich鉴于以上情况,但不想把
2020-06-04 18:29:03 5849
转载 axios axios成功却走了catch
问题描述:使用axios发送ajax请求,服务器返回200,数据也成功返回了,但是前台这里,axios 这边代码也走了 then方法的代码,但是走完之后,又走了catch里的代码,仔细检查了then方法里的代码,没有错误。请求截图axios then 和 catch 方法代码this.login(param).then(res => { if(res.dat...
2020-04-23 10:49:01 6341 2
原创 回顾html
当我们在.html文件里面写入一行字,在浏览器也能输出,你会发现浏览器可以正常地显示,只不过浏览器自动添加了 html、head 和 body 标签,这就是 HTML 的基本结构浏览器是不能直接理解 HTML 的,需要把 HTML 转换成 DOM,HTML 和 DOM 是不一样的,虽然它们看起来无太大的差别,你可把 DOM 理解成内存中的树状结构,可以通过 JavaScript 来动态获取...
2020-04-04 23:00:17 153
原创 vue 组件总结
组件基础 一、组件作用组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 上图由页头、侧边栏组成,我们可以把他们理解为组件,每个组件又包含了其它的像导航...
2020-03-30 14:30:14 568
原创 props 传值和常见的坑位
props传值来源于子组件无法访问父组件的数据和方法,所以考虑props 传值props使用:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device...
2020-03-29 20:48:53 2149
原创 export default 和export
exportdefault 和export 都是对外输出模块,方便代码抽取。import 是对内输入含有export和export default 的模块,也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)。这几个都是ES6的语法exportdefault:每次只能导出一个类或者方法或者变量,导入的时候名字可以变expo...
2020-03-22 11:41:38 435
原创 js 相对路径的获取方法
A 文件对于B文件的路径: 第一步:可以先把A文件的路径复制出来,然后把B文件的路径复制出来。 第二步:找到他俩的公共点,然后把A的公共路径后面截取,B的公共路径截取,然后让需要改变的那个每个节点变为../ 第三步 :两个合并例子第一步: 1.异步.html 的路径为 src\components\html\1.异步.html ; ======&...
2020-03-21 16:14:50 4862
原创 前端本地跨域解决方案
跨域来源是浏览器的同源策略导致的解决方案:一.如果用的Google浏览器,修改浏览器的目标地址,属性-----快捷方式-----目标地址后面增加--args --disable-web-security---确定二.下载google的插件(注意这里需要科学上网)https://chrome.google.com/webstore/search/Allow%20CORS%3A%...
2020-03-20 12:04:37 1718
原创 this的详解
this:谁调用了函数,谁就是this首先,new的方式优先级最高(this指向object),接下来是bind这些函数(this指向不管我们给函数bind几次,fn中的this永远由第一次bind决定),然后是 xxx.foo()这种调用方式(指向xxx),最后是foo这种调用方式(指向window),同时,箭头函数的this一旦被绑定,就不会再被任何方式所改...
2020-03-14 23:43:00 214
原创 Es6 Symbol的理解
Symbol 的用途就是如此:Symbol 可以创建一个独一无二的值(但并不是字符串)。使用 Symbol :var race = { protoss: Symbol(), terran: Symbol(), zerg: Symbol()}race.protoss !== race.terran // truerace.protoss !== race.zerg //...
2020-03-14 22:55:37 186
原创 js 面向对象的理解
我的理解是工厂模式的缺点是第一没有new;第二创建的重复对象。第一点有没有new关键字都没事,有new关键字的时候this指向object,没有new关键字的时候this指向window.对于第二点通过给类增加原型然后就可以保证对象是同一个...
2020-03-14 22:34:49 274
原创 对于深拷贝和浅拷贝的理解
为什么会使用深拷贝和浅拷贝?拷贝发生在对象和数组的层面,为了性能,深拷贝需要重新赋值一遍值,可以理解为值引用。浅拷贝是公用原有的内存地址,可以理解为对象引用怎么进行拷贝?对于浅拷贝就是对象地址的引用直接让两个对象进行=操作,深拷贝可以理解为复制对象的内容到新的对象,往往通过for循环去遍历到新的对象里面如有理解错误请指正。...
2020-03-14 15:49:28 194
原创 js基础
1.变量类型:typeof num string boolean undefined function object 注意: null是对象类型,其次undefine会在变量未声明和 变量声明了没有赋值的时候出现 建议:变量尽量存一种类型2.显示转换(强制转换) 注意数字相加的时候需要判断下typeof,如果类型出现问题需要转换 parseInt:从左到...
2020-03-12 22:25:44 134
原创 js 时间戳转年月日
vart=1521694261;console.log(timestampToTime(t))timestampToTime(t)functiontimestampToTime(timestamp){vardate=newDate(timestamp*1000);//时间戳为10位需*1000,时间戳为13位的话不需乘10...
2020-03-06 17:11:05 2658
原创 react的使用详解
ReactDOM.render((<div></div>),document.getElementById('root')),这里是渲染一个div组件到root这个容器上面。(<div></div>)这里面使用圆括号为了换行方便组件编写:1.组件名字首字母大写,这样的目的是渲染的时候证明是组件而不是html的标签...
2020-03-04 12:02:04 277
原创 前段 对于代码引用的进阶
面向过程的方式:这是html这是js文件这种方式代码随着业务越来越多,js代码越来越多,项目越来越难维护,所以我们考虑使用面向对象的方法进行,所以就衍生了创建连个对象将js的代码分开,如下这种方式会有什么缺陷呢? 这样会导致请求加载加载的时候变慢,其次依赖引入js的顺序,如果顺序调换了很有可能就会报错,其次还会出现代码不容易看,我们查看new Header()的...
2020-03-02 13:02:07 154
原创 select文字居中 居右 居左的问题
使用text-align: right;不起作用,应当使用direction:rtl;这里是真的坑啊
2019-11-04 11:35:22 1999 1
转载 Axios传参的两种方式,表单数据和json字符串(Form Data和Request Payload)
第一种方式:Form DataAxios参数配置:1、引入import Qs from 'qs'2、 return request({ headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' }, transformRequest: [fun...
2019-10-31 14:37:56 2704 1
原创 原生js获取select的索引 文本
var obj = document.getElementById('select');//获取选中项的索引var idx = obj.selectedIndex;//获取选中项的文本var text = obj.options[index].text;//获取选中项的value值var value = obj.options[index].value;...
2019-10-31 14:20:16 618
原创 vue slector下拉标签的使用
https://blog.csdn.net/idomyway/article/details/82254125
2019-10-29 14:14:51 182
原创 css 设置元素的位置
css,使两个在同一行内的display:inline-block的div顶部对齐。两个都加上:vertical-align:top;
2019-10-24 15:33:12 2042
原创 vue 提示找不到dependence
对于vue找不到依赖的原因:第一步查一下看看是否真的下载下来了第二步:确认下是否因为从一个目录切换到另一个目录导致的,如果是重新npm下载依赖。...
2019-10-23 11:29:40 1700
原创 js获取当前日期并格式化
//格式化日期:yyyy-MM-ddfunction formatDate(date) { var myyear = date.getFullYear(); var mymonth = date.getMonth() + 1; var myweekday = date.getDate(); if (mymonth < 10) { mym...
2019-09-20 16:16:26 2350
原创 html生成二维码(识别长按)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="//cdn.bootcss.com/jquery/3.1...
2019-09-20 11:48:24 3194
原创 js清空数组的三种方式
https://www.cnblogs.com/snandy/archive/2011/04/04/2005156.html
2019-09-18 11:53:26 106
原创 css构建界面的感悟(待补充)
为了复用对于有些属性可以考虑使用内联选择器,对于公用选择器要考虑通用性。比如设置居中可以考虑使用inline-block+text-align、相对定位+(top、left、right、bottom)、使用伸缩盒子模型等等,如果把这些属性放在选择器的话会导致不灵活,建议抽象到最小单位。1、对于display属性需要理解深入2、对于相对定位(根据自身偏移,相对于自己的左边或者相对于自己的右边...
2019-08-28 16:06:06 126
原创 js 回车键事件
document.onkeydown = function(e){ var e = window.event ? window.event:e; if(e.keyCode == 13){ // 自己需要的逻辑 var btn=document.getElementById("loginBtn"); btn.click();...
2019-08-27 16:37:21 172
原创 js中相对路径的详解
相对路径就是以当前文件为基准进行一级级目录指向被引用的资源文件。 以下是常用的表示当前目录和当前目录的父级目录的标识符 ../ 表示当前文件所在的目录的上一级目录/ 表示当前站点的根目录(域名映射的硬盘目录)实践:可以通过赋值出引用文件的全路径,复制出当前文件的全路径,然后一直找到两者的共有目录进行截取D:\web\webstormDemo\demo\html\Ma...
2019-08-26 17:00:28 4786
android 国际化语言适配
2018-05-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人