- 博客(90)
- 收藏
- 关注
RSS订阅原创 git基础使用
gitgit 是以行为单位维护代码的集中式版本控制:svn，所有的程序员都放到一台服务器上集中管理项目缺点：服务器宕机后无法继续协同工作分布式版本控制:git,每台电脑都相当于一个小服务器，还有一个集中式管理的远程服务器git常用命令git config --global user.name:设置用户签名git config --global user.email:设置用户签名签名作用是区分不同操作者身份，确认本次提交是谁做的，与gitHab的账号密码没有任何关系git
2022-05-09 08:54:36
254
原创 react-路由
react-路由单页面应用SPA(single page application):整个应用只有一个完整的页面点击页面中的链接不会刷新页面，只会做页面的局部更新数据需要通过ajax请求获取，并且在前端异步展示路由的理解什么是路由？一个路由就是一个映射关系(key:value)key为路径，value可能是function或componentfunction:后端路由component:前端路由路由分类？后端路由：理解：value是functi
2022-04-24 09:00:11
292
原创 react-组件间传参
react-组件间传参状态在哪里，操作状态的方法就在那里父组件向子组件传参class Parent extends React.Compnent{ render(){ return( <Son a={1}/> ) }}class Son extends React.Component{ render(){} componentDidMount(){ console.log(this.pro
2022-04-24 08:59:28
998
原创 react-ajax请求后台数据方法
react-ajaxaxios方法一：在package.json中配置 "proxy":"http://localhost:5000"这样localhost:5000就是我们要代理到的服务器 getStudentData = () => { axios.get('/students').then( (result) => { console.log(result.data); }, (reason) => { console.log(re
2022-04-18 09:01:34
1851
原创 react生命周期-旧
react生命周期-旧示意图组件各生命周期钩子componentWillMount：组件将要挂载时执行componentDidMount：组件已经挂载后执行，一般在这个钩子里做一些初始化的事，发送请求，设置定时器…，孩子出生render:只要组件变化就会触发的函数，孩子成长componentWillReceiveProps:组件将要父组件传来的属性时执行shouldComponentUpdate:判断是否需要组件更新componentWillUpdate:组件将要更新时执行compone
2022-04-06 08:38:50
250
原创 react-脚手架
react-脚手架何为脚手架脚手架：工地中建造建筑时，搭建的架子模板，就叫做脚手架xxx脚手架：就是用来帮助程序员快速创建一个基于xxx库的模板项目，包含：所有需要的配置(语法检查、jsx编译、devServer)下载好了所有相关的依赖可以直接运行一个简单的效果react提供了一个创建react项目的脚手架库：create-react-app项目整体技术架构为：react+webpack+es6+eslint使用脚手架开发的特点：模块化、组件化、工程化如何创建并启用**第一步
2022-04-06 08:38:07
378
原创 react-DOM-DIFF算法
文章目录react-DOM-DIFF算法面试题：react-DOM-DIFF算法面试题：1.React、Vue中，key的作用是什么，key的原理是什么？简单的说：key是虚拟DOM对象的标识，在更新显示时key起到了极其重要的作用详细的说：当状态中的数据发生变化时，react会根据【新数据】生成新的【DOM对象】，随后React进行【新的虚拟DOM】与【旧的虚拟DOM】==diff（different）==比较。如果旧的虚拟DOM中找到了与新的虚拟DOM相同的key：若虚拟DOM
2022-04-06 08:37:22
142
原创 react-3.19-＞3.27
文章目录React3.19React全家桶**注意点：**3.203.20虚拟DOM两种创建方式JSX原生js(一般不用)3.20 jsx特点jsx中调用变量jsx中给标签定义类名jsx中的style内联样式jsx中虚拟DOM不能有多个根节点jsx内虚拟DOM的标签必须闭合jsx中默认标签为小写，组件标签开头应大写3.20jsx中数组的遍历何为语句和表达式3.20模块与组件、模块化与组件化3.20函数式组件和类式组件函数式组件类式组件3.20组件的三大属性state(状态)props(属性)refs()R
2022-03-21 08:28:32
618
原创 必备-15.npm
文章目录必备-15.npm必备-15.npmnpm的作用？npm(node package manager):包管理器；作用：实现项目中所有依赖模块的管理，包含：安装、卸载、更新等操作默认安装源：http://www.npmjs.com,源在国外，安装较慢切换安装源(淘宝镜像)nrm/cnpmyarn…npm安装慢，我们想提速，如何操作？1.切换安装源 nrm (cnpm)$npm i nrm -g$nrm ls 查看可用源$nrm use xxx 使用某个源
2022-01-02 23:42:48
714
1
原创 必备-18.react
必备-18.reactreact：渐进式框架(react用的mvc设计模式，vue用的mvvm设计模式)官方网址：https://react.docschina.org/tutorial/tutorial.htmlnpm没有一个很好的移动端框架react的组件库：antdUI组件库、antd-proredux的发展史：react-redux->dva(集成了redux-saga)->umi[阿里研发的，针对于ract的集成封装框架]命令创建项目：npm
2022-01-02 23:22:36
497
原创 必备-8.git基础用法
文章目录必备-8.gitDOS命令git用法必备-8.gitDOS命令打开DOS命令窗口的几种方法？win+r–>输入cmd，文件资源管理器路径上输入cmd,直接进入当前文件路径的cmd安装git ->鼠标右键点击Bash Here2.常用DOS命令？DOS系统下使用，bash系统下有些不能用：进入文件夹：cd:修改路径，进入cd …/:回退上一级cd /:快速回到根目录tab:遍历当前路径下的文件和文件夹cd tab键：遍历当前路径下的文件夹cd Desk
2022-01-02 22:57:57
719
原创 必备-17.突击
必备-17.突击函数防抖节流防抖：防止"老年帕金森",如果事件在n秒内被触发了多次，就重新计时，事件绑定的函数只能在最后一次触发的n秒后执行**思路：**每次触发函数之前，都清除之前的定时器，即使没有定时器，clearTimeout(timer)也不会报错，以input为例 function debounce(fn) {//利用闭包保存timeout属性 let timeout = null; // 创建一个标记用来存放定时器的返回值 return func
2021-12-30 23:38:37
417
原创 博客之星互评
激动人心的博客之星评选活动开始啦，快来互评互评，看见必回！！！⭐ ⭐ ⭐ ⭐ ⭐ 已打五星，诚信互评，有评必回⭐ ⭐ ⭐ ⭐ ⭐链接直达：https://bbs.csdn.net/topics/603958517⭐ ⭐ ⭐ ⭐ ⭐ 五星必回！！！⭐ ⭐ ⭐ ⭐ ⭐...
2021-12-28 23:13:17
460
3
原创 必备-16.跨域身份验证方式
必备-16.跨域身份验证方式登录态校验登录态校验第一步：客户端发送POST请求做登录态校验，服务器端检验用户名密码是否准确，如果正确则返回成功第二步：客户端收到成功响应后，在本地手动设置cookie，存储登录成功，例如：isLogin=true第三步：之后再访问页面，检测本地是否有isLogin的cookie信息，有表示已经登陆过了，无需再验证缺陷：不准确，不安全，cookie可以随便修改客户端设置cookie客户端设置cookie：会话存储第一步：客户端发送POST
2021-12-28 23:04:06
1470
原创 必备-12.vuex
必备-12.vuexvuex：状态管理库**(公共大仓库)**，集中式存储管理所有组件的状态值，相当于把所有Vue组件的状态数据放到一个公共数据库中，任何一个组件修改了公共数据库中的状态值，其他使用了该状态值的组件都会跟着刷新渲染这个值Vuex 使用单一状态树——是的，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源“而存在。这也意味着，每个应用将仅仅包含一个 store 实例vuex的作用：1、vuex是专为Vue.js应用程序开发的状态管理模式(集中式存储)—&g
2021-12-28 23:03:12
1425
原创 记录一下首次登入javascript榜首
csdn诚不欺我，可能是被我每天写记录的精神打动了吧，首次荣登javascript榜首，如同看见了一丝微光，带着这份微不足道的荣耀，继续忍辱负重，砥砺前行，写更好的文章，做更精的技术！！！你是最棒的，你是最优秀的，你一定会成功，你一定要成功！！！...
2021-12-26 23:04:26
657
3
原创 必备-19.小程序
必背-13.小程序小程序官网：https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html全局配置全局配置在根目录下的app.json文件pages:创建文件和文件夹的window:全局的默认窗口表现tobBar:创建小程序的上边栏或下边栏标签<view>:-><div><text>:-><span><block>:-&
2021-12-25 18:57:33
12024
12
原创 来吧来吧来吧
文章目录来吧浏览器请求1.浏览器输入URL发生什么？2.性能优化有哪些？各构造函数方法Array30个Object26个JSON**JSON对象的方法？**继承继承的方式有哪几种?同步异步js中的同步异步方法？响应式布局什么是响应式布局，实现一个简单的响应式布局？HTTPHTTP状态码详细？http1.0、http1.1、http1.2三个版本发布时间？http1.0、http1.1、http1.2三个版本区别？http1.0、http1.1、http1.2三个版本区别？vuevue项目的优化？vue2vu
2021-12-25 00:16:38
588
原创 必备-14.vue3
必背-12.vue3vue3和vue2的版本npm i vue@lasted:下载的是vue2npm i vue@next：下载的是vue3老版本：vue2vuex3vue-router3element-ui 2新版本：vue3vuex4vue-router4element-plus 1npm i vuex@next vue-router@next element-plusvue3的安装使用一、安装vue3：npm i vue@next二、安装vue3版本
2021-12-20 23:26:08
983
1
原创 必备-13.vue-router
必背-11.vue-router什么是vue-routervue-router:Vue的路由网址：多页面/单页面前端路由有哪些？前端路由(vue-router/react-router-dom)实现SPA(single page application)：单页面应用一个项目只有一个页面，我们基于路由，控制页面展示不同的代码片段(或组件)，当展示内容改变的时候，页面并不会刷新MPA(multi page application):多页面应用一个项目有很多页面，我们做的是页面之
2021-12-13 23:49:05
1859
原创 必备-10.@vue/cli
必备-10.vue/clivue-cli是什么vue/cli(Command Line Interface):vue的命令行接口，我们称之为脚手架,其作用是帮助我们快速生成一个可以放到服务器上的项目使用网址：https://cli.vuejs.org/zh/guide/installation.htmlvue-cli创建一个项目第一步:安装@vue-cli使用vue必须有nodejs安装nodejs：(https://nodejs.org/en/) 验证 node -v(v
2021-12-05 23:06:52
1222
原创 必备-11.webpack
文章目录必背-9.webpackwebpack是什么模块化开发webpack使用webpack使用步骤webpack配置文件wepack.config.js配置项生产者模式开发者模式必背-9.webpackwebpack是什么webpack(web应用打包工具)是自动打包部署工具优点：可以把css、js按照依赖关系，打包合并成一个（压缩）Eslint词法检测(检测语法是否符合规则)小图转为base64格式编码想用webpack必须要安装nodejs，webpack的安装和使用，是基于np
2021-12-03 23:07:01
394
原创 必备-9.vue
必背-8.vue常用方法及含义vue是什么Vue是渐进式框架：vue.min.js只包含了vue最核心的内容【例如：options api/数据处理、template模板视图的解析等操作】；真实项目中我们还会根据需求导入vuex：实现公共状态管理vue-router:实现SPA(single page application)单页面应用element-ui(饿了么)、antdv(蚂蚁金服)、iview（）、vant（）、cube…基于这些UI组件库快速创建项目axios：实现数据通信@vu
2021-11-29 23:19:07
525
原创 vue面试题
vue面试题11.291.数组中常用的方法？常用迭代方法：forEach、map、filter、find、findIndex、some、every、reduce、reduceRight、、、、arr.forEach(function(item,index,obj){}),window:依次遍历数组中的每一项，不存在返回值,第二个函数是改变函数内的this指向,【箭头函数不存在this】arr.map(function(item,index){})，window：map是在forEach的基础上
2021-11-29 23:18:33
385
原创 必备-7.同源及跨域
必背-7.同源及跨域同源与跨域同源与跨域？客户端给服务器端发送请求同源：客户端的http协议、域名、端口号与服务器的三者完全相同跨域：只要客户端的http协议、域名、端口号其中一个与服务器的这三者不同真实项目开发中，基本都是跨域的还是同源的？开发环境：我们在本地开发项目，我们需要调用后台的接口，此时前后端代码基本不在一起，这样的访问是跨域的生产环境：如果我们把前后端代码放在同一个服务器下，这样数据的请求是同源的【很少】一般我们都是分服务器部署[web服务器、数据服务器
2021-11-26 21:34:31
742
1
原创 必备-6.axios和fetch用法
文章目录必背-6.axios和fetch用法axiosFetch同源与跨域必背-6.axios和fetch用法axios1.axios是什么？axios官方网址：http://www.axios-js.com/zh-cn/docs/axios是什么：axios是基于Promise封装的ajax库，基于这个类库发送ajax请求，默认就是基于promise管理的，核心是XMLHttpRequest==axios基于请求方式分为了:get/head/delete/opations/post/put/
2021-11-20 22:54:43
1354
1
原创 前端名词全称汇总
前端名词全称visual studio code**(vs code)** :可视化工作时代码编译器Intergrated Development Environment**(IDE)**:集成开发环境Hyper Text transfer protocol**（http）**:超文本传输协议Hyper Text Markup Language**（html）**：超文本标记语言Document Type Definition**(DTD)**:文档类型声明The Word Wide Web
2021-11-20 22:47:36
467
原创 必备-5.http状态码及报文字段列表
必备-http状态码列表状态码分类(判断响应)1xx:信息响应类，【快递正在路上】，表示服务器端接受了请求并正在处理2xx:处理成功响应类,【快递送到了你手上】，表示操作被成功接收并处理3xx:重定向响应类，【快递送到了快递柜】，表示为了完成指定动作，必须接受进一步处理4xx:客户端错误，【客户地址的错误】，客户请求包含语法错误或者不能正确执行5xx:服务器端错误，【商家无能的错误】，服务器不能正确执行一个正确请求状态码状态码英文名称中文描述1xx2个响应处理类
2021-11-18 22:01:06
2791
原创 张三学前端-Promise篇
张三学前端-Promise篇1.前情提要 张三是一名刚毕业的前端小白，在经历了数百次面试无果后，张三已经身无分文，内心已经万念俱灰，准备明天再面一家，不行就回老家种地了，所以，张三对明天的面试十分重视，因为这将成为它人生的转折点。 第二天，张三如约到xx公司去面试，身经百战的张三，已经没有了刚毕业时的胆怯，更多了一丝成熟，当面试的问答部分顺利结束后，张三答的虽然说不上流畅，也算的上五五开了，就这样，面试官问张三：“你认为，你来到公司，能给公司创造多大的价值呢，就是你的工作效率会怎样呢？”。张三
2021-11-17 08:17:20
277
原创 必备-3.Promise详细解读
Promise详细学习Promise是ES6新增的一个内置类(不兼容IE浏览器)如果需要兼容，则自己手写Promise（PromisesA+）【有一个模块实现了Promise的封装@babel/polyfill】Promise是什么？Promise是一种设计模式（承诺者模式）Promise的作用是什么 ？Promise是为了管理异步编程代码，解决异步编程中的回调地狱问题Promise的组成需要什么？@1立承诺：要干的事情、状态(成功、失败)、成功对应要做什么、失败对应要做什么
2021-11-16 20:41:19
844
原创 必备-4.前端优化方案整理
文章目录前端优化方案整理一、关键渲染路径优化二、页面打开速度优化三、运行时代码优化四、webpack层面优化五、vue/react层面优化前端优化方案整理将前端项目性能优化的方案做了大致的整理，以针对方面不同进行了分类，共分为三类：1、针对于关键渲染路径的优化 【13种】2、针对于提高页面第一次打开速度的优化{减少白屏等待时间}【6种】3、针对于运行时代码优化【9种】4、针对于webpack层面优化【补充】5、针对于vue/react层面优化【补充】一、关键渲染路径优化@1 不同的
2021-11-16 20:40:37
898
原创 必备-2.浏览器底层渲染机制全套详解
文章目录浏览器底层渲染机制全套详解一、如何创建一个个人的网站二、URL请求网址过程1.URL地址解析2.缓存检查2.1强缓存2.2协商缓存2.3数据缓存3.DNS解析4.TCP三次握手5.基于HTTP建立连接6.TCP四次挥手7.浏览器底层渲染浏览器底层渲染机制全套详解一、如何创建一个个人的网站我们如何发布一个自己的网站，可以供别人看？第一步：购买一台服务器：阿里云、腾讯云每台服务器都有一个自己的外网IP:123.111.222.12第二步：基于FTP上传工具[fileZilla]将
2021-11-15 21:19:19
1310
原创 jquery方法属性详解
jquery方法属性详解!1.jquery简介jquery是什么，作用是什么？jquery用来简化js操作DOM元素jquery不能用DOM的方法，DOM不能用jquery的方法各种选择器的使用特征：基本选择器5种：$(".#*,空格")；关系选择器4种：$(“空格>+~”)基本过滤选择器8种：$(":first/:last/:even/:odd/eq(index)/:gt(index)/:lt(index)/:not(selector)")内容过滤选择器4种：$(":
2021-11-08 22:57:59
1439
原创 JS正则表达式-精益求精
---------------------------------------------------------------------------基础硬才是真的硬，谁摸鱼不会cv呀---------------------------------------------------------以思维导图的形式将数据类型进行了一次总结：可以存在手机慢慢看[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SUJ25746-1635766267284)(https://i.lo
2021-11-01 19:31:30
70
原创 js数据类型大总结-基础硬才是真的硬，谁摸鱼不会cv呀
---------------------------------------------------------------------------基础硬才是真的硬，谁摸鱼不会cv呀---------------------------------------------------------以思维导图的形式将数据类型进行了一次总结：可以存在手机慢慢看如果有不理解，或者博主理解错误的地方，欢迎大家在评论区提出，共同进步。...
2021-10-29 09:29:19
116
原创 http及Ajax
http及Ajax学习1.前后端通信1.1前后端通信是什么？前端和后端数据交互的过程浏览器和服务器之间数据交互的过程后端向前端发送数据的过程：访问页面前端向后端发送数据的过程：用户注册前后端通信的过程？浏览器向服务器请求数据服务器给浏览器响应数据前后端通信的过程是在**“请求-响应”**中完成的前后端的概念解释？前端：浏览器端客户端：只要能够与服务器通信的都交客户端用命令行工具：curl +网址，可获取请求网址的数据后端：服务器端前后端的通信方式？浏览器
2021-10-25 23:14:43
246
原创 必备-1.js各数据类型必知必会方法
js各数据类型必知必会方法StringES5的11个，ES6的6个ES5除了replace，其他常用方法不会改变原字符串一共11个方法。三对方法：charAt():得到指定位置字符，如果超出范围则返回undefinedcharCodeAt():得到指定位置字符的ASCII码indexOf（）：检索字符在字符串中第一次出现的位置lastIndexOf():检索字符在字符串最后一次出现的位置toUpperCase（）：将字符串全部转为大写toLowerCase():将字符串全部转
2021-10-23 23:51:16
464
原创 js图解之-图解静态、私有、公有属性和方法的区别
js图解之-图解静态方法、私有方法、公有方法区别首先，在方法之前，我们需要先铺垫一下我们的基础知识，从一砖一瓦开始，最终解决我们的问题一、什么是面向对象面向对象是一个伟大的编程思想，本质：创建多个类，然后让类的实例去工作思想：万事万物皆对象，小到数字、字符串，大到Function、Object内置类，他们的本质都是对象三个重要概念：对象、实例、类（构造函数），我们需要注意的就是面向对象的这三个重要概念，接下来，我们就聊聊他们。二、面向对象的三大重要概念类（构造函数）：用于构造出对象
2021-10-23 23:48:15
1375
2
原创 js牛客问题总结
文章目录js牛客问题总结10.2010.21js牛客问题总结10.201.不会发生冒泡排序的事件有哪些？妈妈不放心我：mouseenter、mouseleave、blur、foncus、load、unload、resize2.DOM2级事件的处理过程分几步？事件捕获->事件处理->事件冒泡10.211.同步、异步、回调代码的执行顺序？同步-》异步-》回调异步分为微异步和宏异步，微异步在宏异步之前执行Promise是微异步，setTimeout等时宏异步...
2021-10-21 21:35:55
83
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人