Pretty Few Fears-CSDN博客

转载 JS箭头函数的优势在哪里

本文我们介绍箭头(arrow)函数的优点。更简洁的语法我们先来按常规语法定义函数：function funcName(params) {return params + 2;}funcName(2);// 4该函数使用箭头函数可以使用仅仅一行代码搞定！var funcName = (params) => params + 2;funcName(2);// 4是不是很酷！虽...

2020-03-27 21:47:54 285

原创 create-react-app 创建项目很慢和创建时出错

create-react-app 是 facebook 官方出的 react 项目生成器，在使用过程中遇到了一些坑，这里记录下在使用 create-react-app 生成项目时候速度很慢// 安装create-react-app// 使用npm或者cnpmnpm install -g create-react-app// 安装成功以后就可以这样来创建一个项目create-reac...

2020-03-25 22:18:14 1062

原创 git相关的基本指令

git status // 查看当前仓库分支的一个基本状态git init // 在本地初始化一个仓库git add <file,dir> //将工作区的修改提交到暂存区git commit -m ‘注释’ //将暂存区的修改提交到分支git log // 打印提交记录git log --pretty=oneline //在一行内打印提交记录gi...

2020-03-24 22:19:11 121

原创 react-redux 优化模块优化redux的使用过程

npm install redux react-redux 通过react-redux 提供的provider提供器将全局状态对象挂载到根元素的上下文上import Provider from 'react-redux'import store from './store/store.js'...<Provider store = {store}> <App...

2020-03-23 22:33:06 131

原创什么是vue生命周期？有什么作用？

1.什么是vue生命周期？有什么作用？每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。（ps：生命周期钩子就是生命周期函数）例如，如果要通过某些插件操作DOM节点，如想在页面渲染完后弹出广告窗，那我们...

2020-03-21 21:40:40 1260

原创 webpack是什么，有什么作用?

直接解释为：模块化打包机或者模块打包工具。首先，认为它是一个工具，帮助我们更好的处理事情的。其次，“打包”，如何理解？假设我们需要寄快递。我们将许多的物品都放进了一个纸皮箱，然后进行封箱。这就是打包。对应到前端开发来说，就是将很多的的 css文件，js文件，图片等“物品”，全都写进一个js文件，而不是在一个html页面通过script,link标签去引入多个静态资源。模块化，其实...

2020-03-21 00:07:32 404

原创 React.Component 钩子函数

1.constructor(props, context)构造函数，在创建组件的时候调用一次。2.componentWillMount()在组件render之前立即调用Tip1: 不建议在此请求数据，由于请求数据接口一般都是异步，这时候render已经被执行，建议在componentDidMount 数据Tip2: 如果在服务端渲染，该钩子函数将被调用两次，一次服务端，一次浏览器端，而c...

2020-03-19 19:14:13 320

原创字符串和数组的常用方法

一、字符串string常用方法1、substring(start开始位置索引,end结束位置索引) 字符串截取从0开始索取，不包含结束位置的字符；只写一个参数表示重开始位置截取到最后；输入负值将变成0，那个较小就作为开始。var str = ‘abcdefg’;str.substring(2); //cdefgstr.substring(1,-3); // => str.sub...

2020-03-18 21:53:16 407

原创字符串、数组、对象的遍历

1、字符串遍历// 可使用for循环或for/in来遍历字符串，将索引值赋值给循环变量var str = ‘asd fgh’for(var i = 0; i < str.length; i ++) {console.log(str[i])}for(var i in str) { console.log(str[i]) }2、数组遍历// for遍历var arr = [11...

2020-03-17 21:12:11 188

1，首先说一下入口文件main.js ,我们在开发的时候千万不要把用到的所有ui框架、css文件、js文件都一口气的在main.js 中引入，因为vue是单页面应用，势必会在开始加载的时候把main.js中所有需要的引入全部加载。我们最好是哪个组件用到了，就在哪个组件中引入，这样会减少一些加载时间。2，下面我要说的就是路由的懒加载，办法有很多种，不过我觉得，我的这种办法是比较快的，也简单。通...

2020-03-16 23:55:58 152

原创 Vue双向绑定原理

vue实现数据双向绑定的原理就是用Object.defineproperty()重新定义（set方法）对象设置属性值和（get方法）获取属性值的操纵来实现的Object.property()方法的解释：Object.property(参数1，参数2，参数3) 返回值为该对象obj其中参数1为该对象（obj），参数2为要定义或修改的对象的属性名，参数3为属性描述符，属性描述符是一个对象，主要...

2020-03-13 23:12:18 67

原创 React的优缺点

React速度很快与其它框架相比，React采取了一种特立独行的操作DOM的方式。它并不直接对DOM进行操作。它引入了一个叫做虚拟DOM的概念，安插在JavaScript逻辑和实际的DOM之间。这一概念提高了Web性能。在UI渲染过程中，React通过在虚拟DOM中的微操作来实对现实际DOM的局部更新。跨浏览器兼容虚拟DOM帮助我们解决了跨浏览器问题，它为我们提供了标准化的API，甚至...

2020-03-12 23:32:26 1163

原创 Vue响应式原理

1.如何追踪变化当把一个普通的JavaScript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty把这些属性全部转为getter/setter。每个组件实例都有相应的watcher实例对象。它会在组件渲染的过程中把属性记录为依赖，之后依赖项的setter被调用时，会通知watcher重新计算，从而致使它关联的组件得以更新。2.检...

2020-03-11 23:30:55 161

原创 Veu响应式原理

1.如何追踪变化当把一个普通的JavaScript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty把这些属性全部转为getter/setter。每个组件实例都有相应的watcher实例对象。它会在组件渲染的过程中把属性记录为依赖，之后依赖项的setter被调用时，会通知watcher重新计算，从而致使它关联的组件得以更新。2.检...

2020-03-11 23:27:07 899

原创 http的常见状态码

100-199 用于指定客户端应相应的某些动作。200-299 用于表示请求成功。300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。400-499 用于指出客户端的错误。400 语义有误，当前请求无法被服务器理解。401 当前请求需要用户验证403 服务器已经理解请求，但是拒绝执行它。500-599 用于支持服务器错误。503 – 服务不可用...

2020-03-11 00:57:18 67

原创事件绑定和普通事件的区别

普通添加事件的方法：var btn = document.getElementById(“hello”);btn.onclick = function(){alert(1);}btn.onclick = function(){alert(2);}执行上面的代码只会alert 2事件绑定方式添加事件：var btn = document.getElementById(“hello...

2020-03-09 23:13:55 100

原创实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制

// 方法一：Object.prototype.clone = function(){var o = this.constructor === Array ? [] : {};for(var e in this){o[e] = typeof this[e] === “object” ? this[e].clone() : this[e];}return o;}//方法二：/**...

2020-03-08 01:53:05 692

原创 css中绝对定位和相对定位的区别

一：绝对定位position: absolute;绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。绝对定位本身与文档流无关，因此不占空间，普通文档流中的元素的布局就当绝对定位的元素不存时一样，所以它们可以覆盖页面上其他的元素，且可以通过z-index属性来控制这些层...

2020-03-06 19:42:45 477

原创数组和对象的部分原生方法

Array.concat( ) 连接数组Array.join( ) 将数组元素连接起来以构建一个字符串Array.length 数组的大小Array.pop( ) 删除并返回数组的最后一个元素Array.push( ) 给数组添加元素Array.reverse( ) 颠倒数组中元素的顺序Array.shift( ) 将元素移出数组Array.slice( ) 返回数组的一部分Arr...

2020-03-06 08:33:36 131

原创 JS中的简单继承 call方法！

//定义个父母类，注意：类名都是首字母大写的哦！function Parent(name, money){this.name = name;this.money = money;this.info = function(){alert('姓名： ‘+this.name+’ 钱： '+ this.money);}}//定义孩子类function Children(name){Pa...

2020-03-04 22:07:37 191

原创 HTML5中BFC是什么？

BFC就是“块级格式化上下文”的意思，创建了 BFC的元素就是一个独立的盒子，不过只有Block-level box可以参与创建BFC，它规定了内部的Block-level Box如何布局，并且与这个独立盒子里的布局不受外部影响，当然它也不会影响到外面的元素。BFC有一下特性：内部的Box会在垂直方向，从顶部开始一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两...

2020-03-04 00:14:26 406

原创 BFC是什么？

BFC就是“块级格式化上下文”的意思，创建了 BFC的元素就是一个独立的盒子，不过只有Block-level box可以参与创建BFC，它规定了内部的Block-level Box如何布局，并且与这个独立盒子里的布局不受外部影响，当然它也不会影响到外面的元素。BFC有一下特性：内部的Box会在垂直方向，从顶部开始一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两...

2020-03-04 00:09:13 60

转载五大主流浏览器及四大内核

五大主流浏览器及四大内核只是用户看到仅仅只是浏览器本身，却很少能看到浏览器最核心的部分—浏览器内核。从第一款libwww（Library WorldWideWeb）浏览器发展至今已经经历了无数竞争与淘汰了。现在国内常见的浏览器有：IE、Firefox、QQ浏览器、Safari、Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、遨游浏览器、世界之...

2020-03-02 21:49:04 220

原创 node js

NodeJs1.Node的优点和缺点：*（优点）因为Node是基于事件驱动和无阻塞的，所以非常适合处理并发请求，因此构建在Node上的代理服务器相比其他技术实现（如Ruby）的服务器表现要好得多。此外，与Node代理服务器交互的客户端代码是由javascript语言编写的，因此客户端和服务器端都用同一种语言编写，这是非常美妙的事情。*（缺点）Node是一个相对新的开源项目，所以不太稳定...

2020-02-29 21:07:35 197

原创 JS正则表达式常见分享

//ipv4地址正则var ipP = /^(??????:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?).){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)KaTeX parse error: Expected group after '^' at position 95: …ar cPattern = /^̲#?([a-fA-F0-...

2020-02-24 09:35:27 153

qq_43621905的博客