- 博客(12)
- 收藏
- 关注
原创 【一起进大厂】7天掌握react基础系列-React Router(5)
学习目标react router 使用 ★ ★ ★ ★ ★路由介绍本教程直接说 react router, 对原生的路由感兴趣可以可以看一下这篇文章。 路由原理,目前主流框架原理都是这个。现代的前端应用大多都是 SPA(单页应用程序),也就是只有一个 HTML 页面的应用程序。因为它的用户体验更好、对服务器的压力更小,所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能,前端路由应运而生。前端路由的功能:让用户从一个视图(页面)导航到另一个视图(页面)前端路由是一套映射规则,在Reac
2022-05-06 17:36:02
782
6
原创 在JavaScript中如何使用高阶函数
将另一个函数作为参数或将函数定义为返回值的函数称为高阶函数。JavaScript 可以接受高阶函数。这种处理高阶函数的能力以及其他特性使 JavaScript 成为非常适合函数式编程的编程语言之一。JavaScript 将函数视为一等公民您可能听说过 JavaScript 函数是一等公民。这意味着 JavaScript 中的函数是对象。它们具有 Object 类型的属性,可以作为变量的值赋值,并且可以像任何其他引用变量一样传递和返回。一等函数赋予 JavaScript 特殊的能力,使我们能够从.
2022-05-05 23:41:14
957
原创 前端学习路线(前端零基础)
Hello! 我是程序员米粉。目前在一家世界500强上市公司做全栈开发,曾担任10多人的前端小组的组长,喜欢分享各种前端技术、以前受人帮助,所以我也会传承这种助人为乐的精神。前言今天我们来简单聊一聊前端程序员的成长,学习什么前端技术,以及怎么学,如何从一个小白如何独当一面。前端的发展从我刚毕业那会只要会点 HTML、css、JavaScript、jquery 就有很多公司抢着要,甚至前端开发那个岗位,也要会点 PS 设计。我曾经也做过,自己设计自己开发页面,自己也跟着用 php 开发。不过现在好多了,
2022-04-30 15:58:06
5465
8
原创 前端路由你现在还不会?详解hash模式与history模式原理
导读在很久以前,每次切换 url 浏览器整个页面都会刷新一次。有时候只是想切换一点内容,url 也变变化了,那整个浏览器页面也跟着变了,体验非常不好。但是随着技术的进步,出现了 AJAX技术,AJAX 可以让网页的页面局部内容更新,url 可以保持不变。但是这个时候又发现一个问题,我页面利用 AJAX 更新的内容。我重新刷新浏览器,内容又重新变回了老样子。为了解决这个问题,出现了单页面应用。什么叫单页面应用?其实就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面
2022-04-27 22:37:46
2238
原创 【一起进大厂】7天掌握react基础系列-组件周期(4)
学习目标组件生命周期 ★ ★ ★ ★ ★组件的生命周期组件的创建到销毁整个过程称之为组件的生命周期。组件的生命周期不同时期让开发者可以做不同的事。例如:组件刚创建的时候可以请求接口数据渲染到页面上,组件不同的时候卸载,等等。组件的生命周期分为3个部分:挂载阶段、更新阶段、卸载阶段。挂载阶段组件创建之前执行。执行顺序: constructor => render => componentDidMount钩子函数触发时候作用constructor组件创建
2022-04-26 10:55:52
166
原创 【一起进大厂】7天掌握react基础系列-组件(3)
学习目标组件如何通讯props ★ ★ ★ ★组件通讯方式:父传子、子传父、兄弟传值、 ★ ★ ★ ★ ★Context组件通讯组件通讯示例图:在 React 项目里面,整个应用、系统,都是由不同组件组成的。就像搭积木一样,一块一块堆积完成,每个组件都有自己内部的数据,例如:属性、函数方法、等等。组件之间是独立的,组件内部修改方法,属性,相互之间是不受影响的。正因为如此,多个组件组合成一个新功能、页面,避免不了通讯。例如:父组件通知子组件,该做什么任务。子组件完成该项任务,就通知父组件完
2022-04-26 10:50:59
252
原创 【一起进大厂】7天掌握react基础系列(2)
学习目标学会使用函数组件 ★ ★ ★ ★ ★学会使用 class 语法 extends继承以及 class 创建组件-类组件 ★ ★ ★ ★ ★学会 绑定事件 ★ ★ ★ ★ ★学会处理表单事件 ★ ★ ★ ★ ★组件暂时先学这么多,一步步来组件简介: 组件是 react 最基本内容。组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树:例如随便打开一个百度网页,都是由不同组件组合在一起
2022-04-22 23:34:34
505
原创 【一起进大厂】7天掌握react基础系列(1)
导读本教程适合初学者入门,以及很久没有开发过react项目的同学温故知新。由于本人所在公司,大多数同学原来多数是vue技术栈,在一次项目组会上分享上面,分享了react的项目,因为大厂基本都用react,所以为了提升组员的竞争力。打算写了react从入门到整个项目开发的流程,用来当做培训资源。看官网有点零散,为了节约时间,就出这个教程了。为什么要学?学了提升自己,说白了,工资高,进大厂必备。各大厂都在用,例如:BAT、字节、美团、银行、拼多多、滴滴。这个系列教程,都是围绕每天的学习量来,这样轻松,时
2022-04-21 22:31:35
1780
3
原创 JavaScript深入理解系列(3):执行上下文与作用域
定义每次当控制器转到ECMAScript可执行代码的时候,即会进入到一个执行上下文。执行上下文(简称-EC)是ECMA标准里一个比较抽象的概念,用于同可执行代码(executable code)概念进行区分。活动的执行上下文组在逻辑上组成一个堆栈。堆栈底部永远都是全局上下文(global context),而顶部就是当前(活动的)执行上下文。堆栈在EC类型进入和退出上下文的时候被修改(推入或弹出)。简单一句话概括:上下文就是js运行的一个环境。分别是全局上下文、函数上下文、eval上下文(很少用)
2022-04-19 15:57:31
447
原创 JavaScript深入理解系列:深拷贝与浅拷贝
导读在平时工作中或者面试中都会接触到对数据的复制,下面来实现一个比较完整的功能,提供全部思路,下面直接进入正文。定义回顾一下JavaScript中存在两大数据类型:基本数据类型:String、Number、Boolean、Null、Undefined、Symbol(ES6 引入了一种新的原始数据类型,表示独一无二的值)引用数据类型:Object(Array、Function、RegExp、Date…)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uEI
2022-04-15 06:15:00
442
原创 JavaScript深入理解系列(2):手写bind方法
定义bind() 方法创建一个新的函数,在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用。由定义可知,函数调用bind()方法的时候,会返回一个新函数,并且this指向bind函数的第一个参数,简单来表示。fn.bind(obj对象)执行 返回一个函数,想调用的时候,fn.bind(obj)()这样来执行;举个例子:var name = '炒米粉';var obj = { name: '程序员米粉'};f
2022-04-14 15:45:14
1589
11
原创 JavaScript深入理解系列(1):call与apply
定义call和apply:函数调动call()方法在执行的时候,函数的里面的this会指向第一个参数值,除第一个参数值后面的若干支都是传进该函数,简而言之就是改变函数运行时的this指向。使用示例: fn.call(obj, args1, args2...), fn.apply(obj, [arg1, arg2 ...]), call与apply调用除了第二个传参方式不一样,其余一样。举个例子1:var obj = { name: '程序员米粉'};function fn() {
2022-04-14 15:42:56
559
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人