- 博客(13)
- 收藏
- 关注
RSS订阅原创 ES6语法:let、const
ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6实际上是一个泛指，指ES2015及后续的版本。为什么使用 ES6 ?每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方，比如：① 变量提升特性增加了程序运行时的不可预测性② 语法过于松散，实现相同的功能，不同的人可能会写出不同的代码ES6新增语法letES6中新增的用于声明变量的关键字具有块级作用域、不存在变量提升、暂时
2020-12-25 18:43:02
140
原创 js数组方法整理
1.join() （数组转字符串）数组转字符串，方法只接收一个参数：即默认为逗号分隔符（）2.push()和pop()（数组尾操作）push()：方法可向数组的末尾添加一个或多个元素，并返回新的长度。pop()：方法用于删除并返回数组的最后一个元素。3.shift() 和 unshift()（数组头部操作）shift()：方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。unshift()：方法可向数组的开头添加一个或更多元素，并返回新的长度。4.sort()（排序）方法用
2020-12-24 18:57:28
129
1
原创 react虚拟dom转真实dom
function toReaDom(vDom, box, fn) {// 先对vDom进行判断if (typeof vDom === ‘string’) {return document.createTextNode(vDom)}// 结构对象let { tagName, props, children } = vDom// 添加属性let dom = document.createElement(tagName)for (let i in props) {dom.setAttribut
2020-12-23 20:09:26
433
原创 GET请求和POST请求的区别
1.对比2. post在真正接受数据之前会先将请求头发送给服务器进行确认，然后才真正发送数据post 请求的过程：1.浏览器请求tcp连接（第一次握手）2.服务器答应进行tcp连接（第二次握手）3.浏览器确认，并发送post请求头（第三次握手，这个报文比较小，所以http会在此时进行第一次数据发送）4.服务器返回100 continue响应5.浏览器开始发送数据6.服务器返回200 ok响应get 请求的过程1.浏览器请求tcp连接（第一次握手）2.服务器答应进行tcp连接（第二次握
2020-12-22 18:44:06
320
原创 MVVM框架
MVVM是Model-View-ViewMode的简写。它本质上就是MVC的改进版。MVVM就是将其中的View的状态和行为抽象化，让我们将视图UI和业务逻辑分开。当然这些事ViewModel已经帮我们做了，它可以取出Model的数据同时帮助处理View中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、DependencyProperty、Ro
2020-12-21 19:08:44
847
原创 cookie的理解
cookie是什么Cookie是服务端发送到用户浏览器并且保存到本地的一小块数据，它会在浏览器下次向同一服务器发起请求时，被携带到服务器上。**cookie的作用经常用来做一些用户会话状态管理、个性化设置等等。前端可以通过document.cookie来访问cookie。cookie是跨域的，也就是在不同的域名中，访问的cookie的时候，只能访问对应的域名的cookie。关于cookie，前端面试中，问的东西比较多，总结了一下，会有这么一些问题。cookie的优点1.通过良好的编程，控制保
2020-12-20 12:31:47
290
1
原创 vue生命周期
vue生命周期其中包含了8个生命周期钩子，也叫生命周期函数beforeCreate( 创建前 )使用这个钩子，组件的选项对象并没有创建，el和data都还没初始化，所以data、methods和computed等都用不了。一般用来在组件挂在之前渲染一些东西。created ( 创建后 ）这时候上面的data、methods、computed都已经创建完成了，数据观测，属性和方法的运算，watch/event事件回调都完成了，但这时候挂载阶段mount还没开始，是el并没有完成。这是最常用的生命周
2020-12-20 11:43:03
95
1
原创 react框架和vue框架的区别以及相同之处
简单介绍React–Facebook创建的JavaScript UI框架。它支撑着包括Instagram在内的大多数Facebook网站。React与当时流行的jQuery,Backbone.js和Angular 1等框架不同，它的诞生改变了JavaScript的世界。其中最大的变化是React推广了Virtual DOM（虚拟DOM）并创造了新的语法——JSX，JSX允许开发者在JavaScript中书写HTML（译者注：即HTML in JavaScript）。Vue致力解决的问题与React一致，
2020-12-18 19:15:06
1041
原创 理解深浅拷贝
深浅拷贝拷贝有个大前提，是针对对象的操作，当想复制一个对象的时候，才存在浅拷贝深拷贝之分！！1.浅拷贝的实现方式1.Object.assign()可以把任意多个的源对象自身的可枚举属性拷贝给目标对象，然后返回目标对象。2.lodash的clone方法.3…操作符let obj1 = { name: ‘Kobe’, address:{x:100,y:100}}let obj2= {… obj1}obj1.address.x = 200;obj1.name = ‘wade’console.
2020-12-17 20:58:24
102
转载 react生命周期
挂载期constructor()：需要在组件内初始化state或进行方法绑定时，需要定义constructor()函数。static getDerivedStateFromProps()：执行getDerivedStateFromProps函数返回我们要的更新的state，React会根据函数的返回值拿到新的属性。render()：函数类组件必须定义的render()函数，是类组件中唯一必须实现的方法。render()函数应为纯函数，也就是说只要组件state和props没有变化，返回的结果是相同的。
2020-12-16 18:55:39
66
原创 react路由封装
router.config.jsconst routes = []router.view.jsimport React, { Component } from ‘react’import { Switch, Route, Redirect } from ‘react-router-dom’export default class Index extends Component {render() {const { routes } = this.propsconst normalRoutes
2020-12-16 13:43:05
509
原创 手写call函数
let obj = {name: 123,myFunc:‘hello’}function test(){console.log(this)}Function.prototype.myCall = function(thisObj,…args){let Func = thislet s = Symbol(‘myFunc’)let sArr = Object.getOwnPropertySymbols(thisObj)delete thisObj[sArr[0]]thisObj[s] =
2020-12-14 19:10:11
135
原创 bfc的理解
BFC直译为块级格式化上下文,它是一个独立的渲染区域,只有Block-level box参与,它规定了内部Block-level Box如何布局,并且与这个区域外部毫不相干;规则：1. BFC里面的box都会以垂直方向排列2. 同一个BFC里面中相邻的两个盒子的外边距会重叠3. 每个元素的左margin box的左边与包含块的border box的左边相接触(对于从左往右的格式,否则相反),即使存在浮动也一样4. BFC的区域不会和float Box重叠5. BFC就是一个独立的容器,容器里面的元
2020-12-13 18:46:51
88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人