yuan2018__-CSDN博客

原创 VsCode 自动设置注释的方法

学会快捷设置各种注释的方法，借助工具的力量，高效开发，记录下一、设置过程1、安装插件KoroFileHeader2、左下角选择管理---设置---输入"fileheader"---点击"在setting.json中编辑"3、把下面的代码放到json文件父对象中// 文件头部注释 "fileheader.customMade": { "Descripttion":"", "version":"1.1.1", "Author":"张三",...

2021-04-07 11:33:35 1428

转载全面分析toString与valueOf

基本上，所有JS数据类型都拥有这两个方法，null除外。它们俩是位于原型链上的方法，也是为了解决javascript值运算与显示的问题。valueOf和toString几乎都是在出现操作符(+-*/==><)时被调用（隐式转换）。toString返回一个表示该对象的字符串，当对象表示为文本值或以期望的字符串方式被引用时，toString方法被自动调用。1. 手动调用看看什么效果嗯，跟介绍的一样，没骗人，全部都转成了字符串。比较特殊的地方就是，表示对象的时候，变成...

2020-09-29 17:51:12 285

原创前端设计模式学习笔记-高阶函数

复习并且记录下今天的学习笔记高阶函数是指至少满足下列条件之一的函数。1.函数可以作为参数被传递2.函数可以作为返回值输出。一、函数作为参数传递把函数当作参数传递，这代表我们可以抽离出一部分容易变化的业务逻辑，把这部分业务逻辑放在函数参数中，这样一来可以分离业务代码中变化与不变的部分。其中一个重要应用场景就是常见的回调函数。1. 回调函数在 ajax 异步请求的应用中，回调函数的使用非常频繁。当我们想在 ajax 请求返回之后做一些事情，但又并不知道请求返回的确切时间时，最常见的方案就是把

2020-07-29 16:33:45 478 1

原创前端设计模式学习笔记-单例模式

单例模式的定义是，保证一个类仅有一个实例，并提供一个访问它的全局访问点。单例模式是一种常用的模式，有一些对象我们只需要一个，比如线程池，全局缓存，浏览器window对象。当我们点击登录按钮的时候，页面中会出现一个登录浮窗，这个是唯一的，无论单击多少次，这个浮窗只会被创建一次，那么这样就适合用单例模式来创建。1.实现单例模式要实现一个标准的单例模式并不复杂，无非是用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象var Singleto

2020-05-28 19:43:00 267

原创深入浅出React和Redux--学习笔记一

2014 FaceBook推出React,Flux，2015年Redux出现，进一步优化flux的功能作为开发者，我们应该接触不同的开发者模式，才会融会贯通。React的首要思想是通过组件来开发应用。所谓的组件，指的是能完成某个特定功能的独立、可重用的代码。在使用JSX的范围内必须要有React,JSX最终会被转译成依赖React的表达式1.1 初始化一个React项目1.1.1 cr...

2019-07-08 04:24:19 103

原创前端设计模式学习笔记（面向对象JavaScript, this、call和apply, 闭包和高阶函数）...

JavaScript通过原型委托的方式来实现对象与对象之间的继承。编程语言可分为两大类：一类是静态类型语言，另一类是动态类型语言JavaScript是一门动态类型语言鸭子类型的概念（如果它走起来像鸭子，叫起来也是鸭子，那么它就是鸭子）鸭子类型知道我们只关注对象的行为，而不关注对象的本身（关注HAS-A，而不是IS-A）面向接口编程，而不是面向实现编程如果一个对象有push和pop方法，...

2019-03-22 02:22:59 94

原创 JS 的继承

重新复习了一遍js的继承，代码为自己手敲，如有错误请指正ES6 extends 继承做了什么操作class Parent{constructor(name){this.name = name;}static sayHello(){console.log('hello')}sayName(){console.log('my name is' + this.name)return...

2019-03-22 02:06:24 46

原创 git-flow 常用基础命令和流程介绍

今天学习了一下git-flow，记录一下git-flow的流程图示：针对图示的解释：Master:这个分支只能从其他分支合并，不能直接修改此分支。Develop:主要开发分支，包含所有到下一个release版本的代码，主要合并其他分支如feature.Feature:用来开发新一个功能，一旦开发成功合并到develop分支进入到下一个release版本Release:当需要发布一个r...

2019-03-22 02:00:50 164 1

原创 vue小记-绑定点击事件无效

最近写vue的时候发现了一个以前忽略的问题，记录一下在组件上绑定事件，你不加 .native修饰符告诉它是这是原生点击事件，它会以为这是你定义的自定义事件。你在methods里定义的show()是事件触发后调用的函数。在组件上直接绑click ，Vue 会认为是绑定了一个叫click的自定义事件，当子组件有名为‘click’ 的事件被emit上来后，才会执行你的show函数。仔细读读...

2019-03-22 01:58:19 285

原创 JavaScript中内存使用规则--堆和栈

堆和栈都是运行时内存中分配的一个数据区，因此也被称为堆区和栈区，但二者存储的数据类型和处理速度不同。堆（heap）用于复杂数据类型（引用类型）分配空间，例如数组对象、object对象；它是运行时动态分配内存的，因此存取速度较慢。栈（stack）中主要存放一些基本类型的变量和对象的引用，其优势是存取速度比堆要快，并且栈内的数据可以共享，但缺点是存在栈中的数据大小与生存期必须是确定的，缺乏灵活性。1...

2018-12-13 12:13:48 61

原创学习constructor和instanceof的区别

一、constructor我们创建的每个函数都有一个prototype（原型）对象，这个属性是一个指针，指向一个对象。在默认情况下，所有原型对象都会自动获得一个constructor（构造函数）属性，这个属性是一个指向prototype属性所在函数的指针。 function Person () {} console.log(Person.prototype)复制代码打印结果如下：当调用构...

2018-12-13 12:05:36 155

原创 JavaScript精粹学习记录

对象注释一定要精确的描述代码，没有用的注释比没有注释更糟糕值NaN是一个数值，它表示一个不能产生正常结果的运算结果。NaN不等于任何值，包括它自己，你可以用函数isNaN(number)检测NaNMath对象下面列出的值被当作假：false,null,undefined,空字符串，数字0，数字NaN通常你需通过检测object.hasOwnProperty(variable)来确定这个...

2018-04-26 10:55:01 65

原创从输入URL到页面加载的过程？由一道题完善自己的前端知识体系！

转载自前端大全的一片好文，自己做了架构的梳理，受益匪浅，希望日后能及时回顾查漏补缺，内容较多，详情看下面的链接从输入URL到页面加载的过程？由一道题完善自己的前端知识体系！...

2018-04-24 09:00:43 54

原创如何确定THIS的指向

如何确定THIS的指向● this 的指向，是在函数被调用的时候确定的● 在函数执行过程中，this 一旦被确定，就不可更改了● 在一个函数上下文中，this 由调用者提供，由调用函数的方式来决定。 ○ 如果调用者函数，被某一个对象所拥有，那么该函数在调用时，内部的this 指向该对象。 ○ 如果函数独立调用，那么该函数内部的this ，则指向undefined。但是在非严格模式中，...

2018-04-23 11:42:21 197

原创关于重定向Response for preflight is invalid (redirect)

今天遇到一个bug,上网查了原来是我的地址少了个／Failed to load http://data.geekpark.net/api/v1/industrial-tag: Response for preflight is invalid (redirect)Company.vue?cea2:229 Error: Network Error at createError (crea...

2018-04-23 11:39:15 1029

原创 vue学习笔记--动态路由跳转，页面响应路由参数的变化

最近在做项目中遇到一个问题，当搜索公司名字的时候，需要刷新页面数据并且改变地址栏的参数query传递参数searchCompany () { this.$router.push({ path: 'company', query: { page: 1, word: this.searchValue === '' ...

2018-04-22 14:29:01 137

sinat_24821403的博客