- 博客(64)
- 收藏
- 关注
RSS订阅原创 计算机网络-Cookie
在经历一场笔试后，才知道作为一个web前端开发人员，计算机网络和算法也是要有点知识储备的。下面给大家分享一下 我整理的Cookie。在说Cookie的时候 不得不先来了解下HTTP协议HTTP服务器在向客户发送被请求的文件后，不保存任何关于该客户的状态信息。假设某个客户在短时间内连续两次请求同一个对象，HTTP服务器并不会因为刚刚为该 客户提供了该对象就不再做出反应，而是重新发送该对象，服务器已经完全忘记了之前做过的事情，因为HTTP服务器不会保存关于客户的任何信息，所以HTTP是一种无状态协议
2022-04-13 14:36:21
2979
1
原创 React基本使用
概念React是一个用于构建用户界面的JavaScript库 React只要用来写HTML页面，或构建Web应用 如果从MVC的角度来看，React仅仅是视图层（V），也就是只负责视图的渲染，而并非提供了完成的M和C的功能基本使用1、安装React安装命令：npm i react react-domreact包是核心，提供创建元素、组件等功能 react-dom包提供DOM相关功能等2、引入两个js文件、创建React元素、渲染React元素到页面中 1）创...
2022-03-26 10:53:08
1780
原创 Agile在线项目管理平台
在最后一个冲刺来，我始终抱着最开始对项目的积极态度来完成每一次的项目迭代。在最后一个冲刺我主要负责的模块是：用户找回密码和修改密码；改变项目用户故事下任务的状态；用户首页的平台简介、个人信息学情概览以及系统日志、关卡概览、项目概览；关卡统计界面展示个人基本信息、关卡完成人数、逾期统计、验收统计的基本信息模块；对axios进行二次封装以及整体页面的自适应；在这个冲刺，相对于我还说有点困难的还是解决跨域的问题；之前在学习跨域的时候其实挺简单的，但是怎么来说呢，我们需要解决的是cors跨域，之前怎么尝试都不行
2022-03-24 15:09:20
741
22
原创 项目总结-项目冲刺三
项目预期计划和现实进展：我所负责的模块是：对用户故事的添加、将添加的用户故事移入当前迭代、对用户故事下的任务进行状态的拖拽、实时更新我们的燃尽图、以及对关卡查看的权限问题总的来说，这个冲刺上手比较快，有了一些经验的积累，...
2022-03-08 08:56:16
200
原创 项目总计-项目冲刺二
项目预期计划和现实进展：我所负责的该页面是会员页面，主要实现功能：ul设计 学科阶段关卡的初次展示 查看关卡的信息 开启一个关卡 完成一个关卡（返回关卡的实际完成天数） 关闭一个关卡 以及对关卡的排序（进行-逾期-未开始-已完成-关闭） 操作部分-蓝色可点、灰色不可点技术：组件结合element-UI 很多的子页面是通过路由跳转的 当开启一个关卡的时候，页面局部刷新操作，是通过$nextTick钩子完成的 sort方法对关卡进行排序在经历第一个项目冲.
2022-02-08 13:39:44
217
原创 项目总结-项目冲刺一
项目预期计划和现实进展：此项目是一个基于vue的禅道管理系统，主要技术就是vue框架，主要实现功能：登录系统ui设计 实现密码+邮箱 或 手机号+邮箱的登录 利用路由守卫，实现单页面不能访问 利用token实现记住密码的功能 向邮箱发送验证码的功能遇到的技术问题：在发起ajax请求时，由于后端设置请求头的问题，前端在url携带参数的时候是有一定要求的，这里用到的一个新的技术qs库qs.parse将 get 参数转为JSON对象||qs.stringify将...
2022-02-08 13:39:13
761
原创 JavaScript是基于对象的编程语言
为什么说javascript的一切皆为对象， 首先我们先知道什么是对象？在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。大家应该对Object并不陌生它就叫对象 它是用来定义的对象，本身没有固定的属性和方法，开发者定义了才有使用new运算符就可以创建一个对象，创建之后可以为其添加属性和方法：let person = new Object()person.name = '张三'person.age = 18.
2022-01-22 18:05:32
595
原创 2021学习总结
“保剑锋从磨砺出，梅花香自苦寒来“，短短的学习时间又迎来的尾声，学习期间，一直都严格要求并鞭策自己，坚定自己的目标。在学习期间，我合理安排时间，调整好作息时间，分配好学习、娱乐时间。时间是搞好学习的前提与基础，效率和方法更为重要，回看自己的学习笔记，一年的收获还是很多，选择了这条道路就要坚定不移的走下去。但是自我反思的是：基础知识还是不牢固，要想走的远，基础还得要过关，之前学习的知识点，运用到项目中，还会有很多疑惑的地方，学习是一个过程而不是一个结果，因此要在今后弥补自己的不足，就要从改善自己的内在素质
2022-01-22 18:04:03
371
1
原创 登录重定向问题
路由拦截器的路径和登录成功后路由重定向发生冲突导致在路由跳转的时候把错误抛出this.$router.push({}).catch(()=>{})main.jsconst originalPush = Router.prototype.pushRouter.prototype.push = function push(location, onResolve, onReject) { if (onResolve || onReject) return originalPus..
2022-01-07 12:51:57
808
原创 前端路由的实现方式
抽点时间学点知识，说不一定面试就问到了呢，机会是留给有准备的人哒前端路由主要应用在SPA（但页面开发），在不刷新路径的情况下，根据不同的URL来显示不同的组件或者内容方法一、hash值+onhashchange事件...
2021-12-31 09:19:31
134
1
原创 Vue3-拉开序幕setup
对比Vue2.0，Vue3最不一样的就是data()变成了setup()setup是Vue3中一个新的配置项，值为一个函数组件中所用的：数据、方法等均要配置在setup中setup函数的两种返回值：1、若要返回一个对象，则对象中的属性、方法、在模版中均可以直接使用2、若返回一个渲染函数：则可以自定义渲染内容（只做一个了解）<template> <h1>学生信息</h1> <h2>姓名:{{ name }}</h2>
2021-12-31 08:43:54
540
原创 webpack入门
一、什么是webpackWebpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源二、五个核心概念Entry 入口指示 Webpack以那个文件为入口起点开始打包，分析构建内部依赖图 Output 输出指示webpack打包后的资源bundles输出到哪里去，以及如何命名 Loader 让webpack能够去处理哪些非js文件 Plugins 插件可以用于执行范围更广的任务，插件的范围包括：从打包优化和压缩。一直到重新定义
2021-12-24 14:30:58
619
1
原创 vuex的知识梳理
目录一、概念二、使用步骤三、四个map方法的使用---------多组件共享数据3.1、mapState 方法3.2、mapGetters 方法3.3、mapMutations方法3.4、mapActions方法四、模块化加命名空间一、概念什么是vuex：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信什么时候使用Vuex：...
2021-12-21 09:50:35
427
7
原创 vue-路由的知识总结
目录一、概念二、使用步骤三、路由嵌套四、路由命名五、query参数 和 params参数5.1、路由的query参数5.2、路由的params参数六、路由的params配置6.1、方法一6.2、方法二6.2、方法三七、两个新的生命周期钩子（路由）八、路由守卫8.1、全局守卫8.2、独享守卫8.3、组件内守卫一、概念路由用于设定访问路径，并将路径和组件映射起来一般用Vue做的都是单页应用，只有一个主页面index.ht...
2021-12-14 09:26:50
3281
22
原创 Vue-全局事件总线/消息订阅与发布
前面很详细的介绍了子组件与父组件通信 以及 父组件如何与子组件通信下面将给大家介绍两种组件间通信的方式，适用于任意组件间通信
2021-12-09 16:20:07
943
12
原创 Vue-组件自定义事件
父组件使用props传递数据给子组件，子组件给父组件通信除了通过父组件提前给子组件传递一个函数，子组件使用该函数，利用传递参数的形式给父组件传值，回调在父组件中，这里再提供一种方法：Vue的自定义事件，本文将详细介绍Vue自定义事件使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）绑定自定义事件的方式 ...
2021-12-07 11:12:34
1869
27
原创 基于Vue组件实现TodoList
实现功能：1、将已有的任务渲染到页面2、在输入框中输入内容后按enter键，即可把内容添加到下面的列表中（如果内容为空则不添加）3、动态计算有几个已完成的任务4、点击复选框，实现选中或不选中效果（即完成或未完成）5、鼠标移入列表，会出现一个删除按钮，点击删除按钮即可删除该列表所拆分的组件有：管理所有的组件App[ Header组件、List组件[Item组件]、Footer组件]功能一：将已有的任务渲染到页面...
2021-12-03 17:41:45
2034
9
原创 Vue组件
???? 组件事什么组件事可复用的Vue实例，把一些公共的模块抽取出来，然后写成单独的工具组件或者页面，在需要的页面中就直接引入即可，实现应用中局部功能代码和资源的集合当应用中的功能都是多组件的方式来编写的，那这个应用就是一个组件话的应用????今天就来聊聊单文件组件：单文件组件就是一个文件中包含n个组件???? Vue中使用组件的三大步骤：1、定义组件（创建组件）注意点：使用Vue.extend(options)创建 el不要写，为什么？ ——— 最终所有的组件都要经过
2021-12-03 09:26:19
339
3
原创 Vue与VueComponent的关系
下面这个案例 复习我们之前学过的原型链的知识点 // 定义一个构造函数 function Demo() { this.a = 1 this.b = 2 } //创建一个Demo实例对象 const d = new Demo() console.log(Demo.prototype); //显示原型属性 console.log(d.__pro...
2021-12-02 14:39:09
2233
18
原创 vue-生命周期
Vue实例从创建到销毁的过程，就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。生命周期又名：什么生命周期回调函数、生命周期函数、生命周期钩子通俗的来讲生命周期是：Vue在关键时刻帮我们调用一些特殊名称的函数生命周期函数中的this指向是vm或组件实例对象主要的生命周期函数分类：创建期间的生命周期函数： ❤️ beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性...
2021-12-01 17:14:13
225
12
原创 vue-计算属性和监视属性
计算属性 - computed定义：要用的属性不存在，要通过已有的属性计算得来的原理：底层借助了Object.defineproperty方法提供的getter和setter如下案例：通过以下的姓和名，计算得到全名方法一：可以直接使用 methods 函数的返回式实现其功能<body> <div id="root"> 姓：<input type="text" v-model="firstName"><br /&...
2021-11-27 10:21:37
235
12
原创 Git分支
几乎每一种版本控制系统都以某种形式支持分支。使用分支意味着你可以从开发主线上分离开来，然后在不影响主线的同时继续工作。在很多版本控制系统中，这是个昂贵的过程，常常需要创建一个源代码目录的完整副本，对大型项目来说会花费很长时间。master主分支在初始化本地Git仓库的时候，Git默认已经帮我们创建了一个名字叫做master的分支不再主分支上修改代码 而是在master创建的分支上修改代码，将修改好的代码合并到主分支上------- 功能分支 ---------专门用来开发新功能的分支
2021-11-26 14:30:13
279
11
原创 Vue基础学习
什么是Vue一套用于构建用户界面的渐进式JS框架Vue的特点采用组件化模式，提高代码复用率、且让代码更好维护 声明式编码，让编码人员无需直接操作DOM、提高开发效率 也就是从命令式编码编程声明式编码 使用虚拟DOM+优秀的Diff算法，尽量复用DOM结点Vue的基本使用引入Vue <script type="text/javascript" src="../js/vue.js"></script>准备一个容器 <div id
2021-11-24 11:33:40
1159
12
原创 Git入门起步
一、关于版本控制1.1、概念版本控制软件：是一个用来记录文件变化，以便将来查阅特定版本修订情况的系统，因此有时也叫做“版本控制系统”通俗的理解：把手工管理文件版本的方式，改为由软件管理文件的版本；这个负责管理文件版本的软件，叫做“版本控制软件”1.2、好处操作方便 易于对比 易于回溯 不易丢失 协作方便1.3、分类本地版本控制系统 【单机运行】采用某种简单的数据库来记录文件的历次更新差异集中化的版本控制系统 【联网运行】基于服务器、客户端的...
2021-11-23 14:36:31
921
22
原创 mac系统 SSH配置
在学习Git将本地文件push到远程服务器的库，由于学习资料都是教windows系统如何配置，这里分享下mac系统如何快速配置SSH，git是分布式的代码管理工具，基于SSH协议。ssh的作用就是为了不用每次都输入账号和密码。没有github账号的，先注册一下https://github.com/一、github的ssh配置如下：在终端中设置git的user name 和email：git config --global user.name "用户名"git config --.
2021-11-22 10:18:59
12133
23
原创 js中的原型链
什么是原型：原型指的就是原型对象，至于是谁的原型对象，需要靠函数的prototype属性和示例的_proto_属性来区别什么是原型链：指从一个实例对象开始往上找，这个实例对象的_proto_属性所指向的则是这个实例对象的原型对象，如果obj表示这个实例，则原型对象表示为obj._proto_。这个原型对象顾名思义也是一个对象，而且它也有上一级的原型对象，相对于上一级原型对象而言，它是一个实例对象，那么它拥有_proto_属性，它的_proto_属性也指向它的原型对象，一直到Object.prot
2021-11-20 16:38:59
1302
7
原创 前后端交互的必备知识
前言在前面学习的内容中，虽然我们能初步实现获取数据和渲染数据到我们的页面中，但是像我们所做的echarts数据图，里面的数据都是我们自己提前准备好的，非常的麻烦，我们如何将后台准备的数据渲染到我们的页面呢，在学习Ajax前，先来了解一些基础知识服务器概念：上网过程中，负责存放和对外提供资源的电脑，叫做服务器服务器对外提供了哪些资源？文字内容、图片、视频、数据【股票数据、各行业排行榜】数据则是网页的灵魂我们来看看网页中如何请求数据--------这里只是简单的提下，具体用法就期待博主
2021-11-17 17:25:29
1099
2
原创 封装一个函数获取和修改属性
最近在做一个前后端交互的项目，根据不同的需求获取页面不同元素的属性，根据属性修改不同的样式，虽然我们有获取属性和修改属性的方法，但是每次都要写一遍，学前端的同学应该深有体会吧，当页面元素过多时，挨个的去获取非常的麻烦，别急，众多方法中总有最简单的那一个。用一个函数将其功能封装起来， // obj是哪个对象 attr哪个属性 function getStyle(obj, attr) { if (obj.currentStyle) { ...
2021-11-15 10:17:32
1396
13
原创 HTTP相关知识
作为一名前端开发人员，HTTP是必须要储备的知识，这里做了一个小小的总结，让你有种恍然大悟的感觉什么是通信协议通信协议是指通信的双方完成通信所必须遵循的规则和约定通俗的理解：通信双方采用约定好的格式来发送和接受消息，这钟事先约定好的通信格式，就叫做通信协议什么是HTTP协议HTTP协议即超文本传输协议，他规定了客服端与服务器之间进行网页传输时所必须遵循的传输格式客服端要以HTTP协议要求的格式把数据提交到服务器 服务器要把以HTTP协议要求的格式把内容响应给客服端..
2021-11-14 13:53:56
2633
8
原创 你真的了解input表单吗？---采集用户输入的信息
一、什么是表单表单在网页中主要负责数据采集功能，HTML中的<form>标签，就是用于采集用户输入的信息，并通过<form>标签的提交操作，把采集到的信息提交到服务器端进行处理表单的组成部分：表单标签 ：<form></form> 表单域 ： 包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等 表单按钮 ：buttom...
2021-11-11 14:52:59
2017
9
原创 实现网页与服务器之间的数据交互
彼晨风，郁彼北林。未见君子，忧心钦钦通过一些方法能让我们轻松实现网页与服务器之间的数据交互 ，在学习这章节的同学们，可能会有点懵，方法很多，不急不急，今天就让我来为大家总结总结，同样都是打工人，但是你好我好才是真的好！一、Ajax1.1、什么是Ajax？即异步的JavaScript和XML，是一种用于创建快速动态网页的技术；传统的页面(不使用Ajax)如果需要更新内容，必须重加载整个网页面；使用Ajax则不需要加...
2021-11-06 10:07:38
4668
29
原创 基于Ajax的聊天机器人
????️ 哈喽！大家好呀在初步进入Ajax学习 就忍不住给大家分享今天的劳动成果啦先来看看效果图：功能实现：点击发送按钮事件 将用户输入的内容渲染到页面中 点击回车键将表单的内容渲染到页面中 获取机器人的内容渲染到页面中 播放机器人的内容先来看看项目的总体结构引入相关的文件：html框架比较简单 <div class="wrap"> <!-- 头部 Header 区域 --> &...
2021-11-03 16:16:00
335
11
原创 常用正则表达式
一、概念正则表达式是用于匹配字符串中字符组合的模式，正则表达式也是对象使用场景：用户名表单只能输入英文字母、数字或者下划线，昵称输入框可以输入中文（匹配） 还常用于过滤页面内容中的一些敏感词(替换)，比如替换成*号 从字符串中获取我们想要的特定部分(提取)，页面搜索时二、创建方法一：通过调用RegExp对象的构造函数创建var 变量名 = new RegExp（/表达式/） // 方法一 var regexp = new RegExp(/...
2021-10-29 17:15:37
1177
1
原创 再不学ES6你就out啦
目录一、概念二、声明变量 let var const 的区别2.1let 关键字声明变量2.2、const关键字声明变量2.3 声明变量的总结三、解构赋值3.1数组解构3.2对象解构四、箭头函数五、Array的扩展运算符5.1、扩张运算符可以运用于合并数组5.2、将伪数组或可遍历对象转换为真正的数组5.3、find()方法5.4、findIndex()方法5.5、includes方法六、模版字符串七、内置对象扩展八、新的数...
2021-10-29 08:39:00
4006
32
原创 带你看透闭包的本质
一、概念闭包（closure）：指有权访问另一个函数作用域中变量的函数；简单理解就是，一个作用域可以访问另一个函数内部的局部变量闭包函数：声明在一个函数中的函数，叫做闭包函数。闭包：内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）了之后。闭包的主要作用是：延伸了变量的作用范围二、特点 让外部访问函数内部变量成为可能 局部变量会常驻在内存中 可以避免使用全局变量，防止全局变量污染 会造成内存泄漏（有一块内存..
2021-10-28 11:10:51
258
12
原创 还在担心this指向问题？
前端this指向总结使用js开发的时候，很多初学者以及很多的老老师多多少少会被this的指向搞蒙圈，其实只要你彻彻底底的理解了它，它一点都不难，记住最核心的一句话：哪个对象调用函数，函数里面的this指向哪个对象。我相信看了这篇文章，你不在处于一个蒙圈的状态。离不开的是函数，接下来了解几个函数的调用场景：function foo() { console.log(this.a);}var a = 1;foo();const obj = { a: 2, foo: foo}.
2021-10-28 08:42:52
255
18
原创 二叉树的性质
看上面的图 左边的是层数，右边是每层上的结点数每一层上的结点数等于上一层结点数乘以2 从第一个性质再来理解第二个性质就很容易啦从上图可以知道：总的结点数 就是1+2+4+8+.....+2的k-1次方 算法如下是不是很清楚呢？????满二叉树肯定是完全二叉树，而完全二叉树不一定是满二叉树完全二叉树从完全二叉树的性质可以知道，假设...
2021-10-22 11:12:31
116
4
原创 Believe in yourself
今天就给大家分享博主的变形之路 我的大学专业是物联网，但是身边的朋友没有想到一个高中文文静静的文科生，居然要转为格子衫、拎电脑的程序猿，OMG；文科生一般都是英语好，数学差；但是我却是一个例外呀，英语使劲奔跑高考还是只有一百零几，高中三年非常痛苦，为什么不选理科，因为化学看都看不懂咧，天天都被老师叫去办公室逼着背英语代码，我就想我大学一定不要读文，不要天天背东西。但是大学才是噩梦的开始。。。 大学的第一节课就是什么-c语言，我的天我都没有接触过，但是我当时很有自信，以...
2021-10-22 09:18:31
112
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人