自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

beanBag

生活明朗 万物可爱 人间值得 未来可期

  • 博客(33)
  • 资源 (2)
  • 问答 (3)
  • 收藏
  • 关注

原创 02-JSX核心语法一

02-JSX核心语法一前言本节课以两个案例展开,主要还是对React有一个具体的认识,具体讲解JSX的一些知识点,并且在讲这些知识点的同时有对ES6中类的定义、类的继承以及高阶函数的使用做了补充。文章的相关代码放在GitHub仓库,有需要的小伙伴看这里( https://github.com/hqchqc/FrontendLearningIntegration/tree/master/React%E5%AD%A6%E4%B9%A0 ,多多 star 哦! 另外博客也会同步更新的,感兴趣的小伙伴可以多多留

2020-11-29 16:08:14 20 2

原创 01-邂逅React开发

01-邂逅React开发前言特别喜欢coderwhy老师的讲课风格,每接触一个新技术第一节课教学的时候都喜欢用”邂逅“这个词,一开始看它Vue视频的时候还觉得没什么,但是在看它的React视频的时候,发现也是用的邂逅,感慨良多,希望自己能够保持学习的热情,爱上前端工程师这份工作。React是什么官网描述:用于构建用户界面的JavaScript库原生HTML、CSS、JS存在的问题操作DOM兼容性问题过多兼容性代码的冗余问题代码组织和规范的问题所以在很长时间以来用的都是jQuery这

2020-11-25 17:13:41 22

原创 初探Vue源码(一)

初探Vue源码(一)前言        这段时间因为忙着秋招,好像很久都没有更新过了,现在秋招也没个着落,花了几天的时间看了一下Vue的源码,当然是跟着视频教程走的,但是视频有几节没有,所以还是挺遗憾的,知识点还是比较多的,这里做个总结,希望能够帮助到后面的面试。        一上手就直接翻Vue源码的话,还是比较痛苦的,这里采用的是另一种方

2020-10-09 19:54:50 33

原创 ThinkPHP+Vue的单页面的部署经历
原力计划

ThinkPHP+Vue的单页面的部署经历背景上个学期在学校有个类似于课程设计吧,老师让我们做一个网站嘛,然后当时那个项目就用原生的php实现了一下,然后就没管它了,后来上个星期吧,老师找到我,希望我把那个项目完善一下,恰好当时在做一个Vue的项目练手,然后想着能不能用Vue把项目重构一下,这个项目期间做起来还好,就是部署的时候,那叫一个懵逼啊,记一下这次的经历吧!前言这个项目分析了一下,...

2020-04-11 19:56:27 647

原创 将Hexo博客部署到阿里云服务器
原力计划

将Hexo博客部署到阿里云服务器前言疫情期间,阿里云推出了学生“在家实践”计划,可以免费领取6个月的服务器,本着学习(白嫖)的目的,咱也得领啊,第一天没有抢到,主要不知道要先答题,答案网上都有,当然,大佬忽略我这句话,第二天答题过后很容易就抢到了,配置也还可以,链接在这( https://developer.aliyun.com/adc/student/ ),于是乎搭建了这个博客,期间也踩了...

2020-03-12 15:50:40 932

原创 Vue.js学习第十六天——网络请求模块axios及项目相关

Vue.js学习第十六天——网络请求模块axios及项目相关在开发项目的过程中,一定会使用到网络请求,使用一个合适的网络请求模块是很重要的,不论哪一种网络请求方式我们都需要自己封装,防止项目代码过于庞大不易管理,那么选择什么网络模块开发我们后边的项目呢?参考一 、Ajax,ajax是基于XMLHttpRequest(XHR),但是配置后调用该方式非常混乱,真实开发很少用,所以不推荐参考二、 ...

2020-02-22 21:33:38 202

原创 Vue.js学习第十五天——Vuex中各个属性的使用

Vue.js学习第十五天——Vuex中各个属性的使用今天的学习围绕一张图片展开(图片引用自Vuex官方文档),当我们的项目比较大时,Vuex为我们在可以在组件外部管理状态提供了条件一、 State      【解释】状态的意思,顾名思义,这里就是存放状态的地方,简单来说,就是存放你需要共享的某些变量的地方  ...

2020-02-21 22:01:07 326

原创 Vue.js学习第十四天——Promise的使用及了解Vuex

Vue.js学习第十四天——Promise的使用及了解Vuex一、 Promise的使用       【背景】:Promise是ES6中的新特性,是异步编程的一种解决方案,一种很常见的应用场景就是网络请求,如果当我们的网络请求非常复杂时,就会出现回调地狱,就是如下代码的一种情况:<script> $.a...

2020-02-20 22:19:01 419

原创 Vue.js学习第十三天——导航守卫、keep-alive、项目相关

Vue.js学习第十三天——导航守卫、keep-alive、项目相关一. 导航守卫背景:有时候在我们的项目中,需要在跳转路由的时候进行相关操作,比如有这么一个需求,当我们跳转页面时,页面的title会随之发生改变,这时候就要用到我们的导航守卫。导航守卫主要是用来监听路由的进入和离开,vue-router提供的beforeEach和afterEach的钩子函数,他们会在路由即将改变前和改变后...

2020-02-18 23:04:03 58

原创 Vue.js学习第十二天——动态路由、懒加载、嵌套路由及传递参数相关

Vue.js学习第十二天——动态路由、懒加载、嵌套路由及传递参数相关一. 动态路由背景:有时候当我们在访问某些页面的时候,一个页面的path路径可能是不确定的,比如会有这样一个场景:我们在用户登录的时候,我们希望它的路径不是一个固定的,例如 www.xxx.com/user,我们希望后面跟着用户的id,类似这样www.xxx.com/user/beanBag,这样的需求我们怎么实现呢?使...

2020-02-17 23:19:11 158

原创 Vue.js学习第十一天——vue中的路由基本使用

Vue.js学习第十一天——vue中的路由基本使用一. 概念相关什么是路由​ 路由就是通过互联的网络把信息从源地址传输到目的地址的活动(维基百科)​ 路由器提供了两种机制,路由和转送路由:路由是决定数据包从来源到目的地的途径转送:转送是将输入端的数据转移到合适的输出端路由表:本质上就是一个映射表,决定了数据包的指向什么是前端渲染、前端路由、后端渲染、后端路由...

2020-02-16 20:34:17 201

原创 剑指offer——第一题

剑指offer——第一题【第一天】打算以后每天做几道算法题,希望能找到一个好的实习 加油????【题目】在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数。【背景知识】二位数组中的查找【思路】算法题嘛,先来看看用暴力能不能解决,再去考虑取巧的问题,刚开始还是...

2020-02-15 21:09:28 160

原创 Vue.js学习第十天——webpack中VueCLI3的创建及ES6相关

Vue.js学习第十天——webpack中VueCLI3的创建及ES6相关一. runtime-compiler和runtime-only的区别​ 在安装CLI2的版本的时候,我们同时安装了一个选择runtime-compiler另一个选择runtime-only的版本,我们现在来对比一下它们的区别​ runtime-compiler版本:import Vue from 'Vue'i...

2020-02-15 19:47:00 271

原创 Vue.js学习第九天——webpack插件相关、配置分离及CLI的安装

Vue.js学习第九天——webpack插件相关、配置分离及CLI的安装继昨天学习的BannerPlugin继续今天有关插件的学习吧!1.webpack插件相关HtmlWebpackPlugin作用:自动生成一个index.html文件(可以指定模板来生成)安装:npm install html-webpack-plugin --save-dev配置:下载完成之后,同样需要在web...

2020-02-14 19:20:20 111

原创 Vue.js学习第八天——webpack中的loader、配置vue及插件使用

Vue.js学习第八天——webpack中的loader、配置vue及插件使用- webpack中的loader昨天我们学习了webpack中的css-loader和style-loader,今天我们来学习剩下常用的几个loader1. less-loader顾名思义,这个loader模块是用来加载less文件的,安装命令为npm install --save-dev less-loade...

2020-02-13 19:55:32 228

原创 Vue.js学习第七天——webpack的使用及ES6相关

Vue.js学习第七天——webpack的使用及ES6相关今天是学习Vue的第七天,但是感觉自己进度有点慢,不过没关系,还是把基础打扎实比较重要,继续努力吧!首先我们可以回顾一下,当我们学习了这么多关于前端开发的东西之后,真正使用到项目当中的时候,会带来什么问题,在实际开发过程中,同一个页面可能会由非常多的人共同完成,这时候就会带来一个问题,当我们把每一个人编写的文件汇总到一起的时候,难免会出...

2020-02-12 21:03:40 122

原创 Vue.js学习第六天——父子组件之间访问及插槽使用相关

Vue.js学习第六天——父子组件之间访问及插槽使用相关继昨天学习了父子组件之间的通信后,有一个案例可以帮助我们加以巩固,需求如下图:当我们在第一个文本框中输入数据时,第一个父组件中的data和子组件中的props会一起改变,并且第二个父组件中的data要是第一个的100倍。步骤大致如下:父组件向子组件传递数据,拿到数据后props和data就会有值了;此时修改文本框中的值,虽然界面上...

2020-02-11 21:37:32 142

原创 Vue.js学习第五天——表单绑定、组件化及ES6语法的补充

Vue.js学习第五天——表单绑定、组件化及ES6语法的补充- 表单绑定 v-model作用:实现表单元素和数据的双向绑定;本质:v-bind 指令和 v-on指令的结合,v-bind绑定一个value属性,并且            v-on给当前元...

2020-02-10 23:43:04 77

原创 Vue.js学习第四天——购物车案例

Vue.js学习第四天——购物车案例实现的大致效果如下图:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...

2020-02-09 21:51:06 160

原创 Vue.js学习第四天——事件监听、条件判断及循环的使用

Vue.js学习第四天——事件监听、条件判断及循环的使用Vue.js学习第四天——事件监听、条件判断及循环的使用事件监听v-on:语法糖形式:@参数:event作用:绑定事件监听器注意事项:在传入参数时,有以下几种情况需要特别注意(见代码中的注释部分)并且在传入event作为参数的时候,要加$,即$event<!DOCTYPE html><html l...

2020-02-09 21:23:52 219

原创 Vue.js学习第三天——动态绑定style及计算属性

Vue.js学习第三天——动态绑定style及计算属性今天是元宵节,先祝大家元宵节快乐,也祝在前线的医务人员节日快乐,希望疫情早日过去,加油????继昨天学习的动态绑定class属性,今天是动态绑定style属性,同样的,也分为数组语法和对象语法,一般数组语法应用的不多,了解即可。对象语法<!DOCTYPE html><html lang="en"><he...

2020-02-08 19:32:45 880 2

原创 Vue.js学习第二天——MVVM、插值操作及绑定属性

Vue.js学习第二天——MVVM、插值操作及绑定属性- 什么是MVVMModel–view–viewmodel,它是一种软件架构模式(其实我也不理解,大概就是数据和视图相分离吧)- Vue中的MVVM如上图,Model模型对视图View中的DOM进行事件监听,视图View中的DOM的数据与Model模型进行绑定。- 插值操作Mustache(胡子/胡须)语法,也叫双大括号语法{{ ...

2020-02-07 19:22:37 225

原创 Vue.js学习第一天——初体验

Vue.js学习第一天——初体验学完了Ajax,再来学习一下前端的三大框架吧,第一个就是Vue.js ????1. 认识 Vue.jsVue是一个渐进式的框架,什么是渐进式呢?简单来说,就是它可以做到一点一点把原本使用的技术替换成Vue的,两种技术可以共存,例如从jQuery慢慢地过渡到Vue.js。它意味着你可以将Vue作为你应用地一部分嵌入其中,带来更丰富地交互体验,或者如果你希望将更多...

2020-02-06 19:20:06 201

原创 Ajax学习第七天

Ajax学习第七天Ajax学习第七天——CORS跨域资源共享及jQuery中$.ajax()的使用第二种解决非同源数据的方案CORS:Corss orgin resource sharing 即跨域资源共享,它允许浏览器向跨域服务器发送Ajax请求,克服了Ajax只能同源使用的限制。具体使用:需要在服务器端进行配置,客户端无需配置服务器端代码如下:app.get('/cross',(r...

2020-02-05 20:33:36 114

原创 Ajax学习案例——使用JSONP实现腾讯天气

Ajax学习案例——使用JSONP实现腾讯天气注:本次案例实现较为简单,这里捋一下大致思路:到腾讯天气网站,按F12切换到Network,找到common开头的一次请求,点击查看需要传递的参数,见下图...

2020-02-04 19:04:51 221

原创 Ajax学习第六天

Ajax学习第六天Ajax学习第六天——JSONP代码优化,使用最初版本的JSONP代码,即昨天博客上写的步骤,会有以下3个问题:使用JSONP方法时,每次都要将函数名称发送给服务器端,一旦服务器端程序员修改函数名,前端界面也要一起修改,造成了沟通成本的增加;一旦出现有多个请求时,采用此时的JSONP代码会出现若第一个请求还未执行完成,发送第二个请求,服务器端会覆盖第一次请求的结果,导致第...

2020-02-04 18:37:49 91

原创 Ajax学习第五天

Ajax学习第五天——FormData及同源政策背景:由前几天的学习可以知道,当对表单数据进行提交的时候,Ajax需要我们指明需要提交的属性及数据并进行拼接,在这之前,我们必须手动获取对应控件的相关内容,一旦数据量过大,就很容易造成拼接错误等问题,所以提出了FormData这一解决方案。FormData对象的作用1. 模拟HTML表单,相当于将HTML表单映射成表单对象,自动将表单对象中...

2020-02-03 19:39:59 72

原创 Ajax学习案例二之省市区三级联动

省市区三级联动注:1.以下代码我把key值省略了,如需使用到网站申请即可。2.Ajax封装的函数见我第三天写的博客,链接在这(https://blog.csdn.net/qq_43709292/article/details/104137293)。接口选择腾讯位置服务的接口,见链接(https://lbs.qq.com/webservice_v1/guide-region.html),这是...

2020-02-02 21:55:40 132

原创 Ajax学习案例一之验证邮箱地址唯一性

验证邮箱地址唯一性注:未贴出服务器端代码,只贴出前端界面代码,Ajax封装代码见前两天的博客代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...

2020-02-02 21:28:26 155

原创 Ajax学习第四天

Ajax学习第四天今天主要是写了两个案例,这两个案例还是单独开一栏写好了,这里介绍一下模板引擎的使用。作用:使用模板引擎提供的模板语法,可以将数据和HTML拼接起来,这里我使用 的是art-template,使用步骤如下:下载 art-template 模板引擎库文件并在HTML页面中引入库文件准备 art-template 模板<script typ...

2020-02-02 21:24:10 74

原创 Ajax学习第三天

Ajax学习第三天今天主要围绕以下两个问题解决:1. 低版本IE浏览器的缓存问题     解决方案:在请求地址的后面加上请求参数,保证每一次请求中的请求参数的值不相同即可。xhr.open('get','http://www.example.com?t='+Math.random());2. 发送一次请求代码过多,发送多次请求代码冗余且重复  &...

2020-02-01 22:04:37 70

原创 Ajax学习第二天

Ajax学习第二天•请求参数传递Get请求方式请求参数需要自己拼接并且需要注意拼接的格式和方法 xhr.open('get','http://www.examples.com?name='zhangsan'&age=20');Post请求方式需要设置请求报文头在这里插入代码片...

2020-01-31 20:21:16 69

原创 Ajax学习第一天

Ajax学习第一天•传统网站中存在的问题网速慢导致的页面加载时间过长表单重填问题页面的跳转问题(有时候页面中只需要某个特定部分实现改变而使整个页面发生跳转)以上的问题导致用户体验不佳,故提出Ajax解决方案,它是浏览器提供的一套方法,实现页面无刷新更新数据,它是运行在客户端上的。•应用场景页面上拉加载更多数据列表分页表单验证搜索框提示文字下拉列表•运行环境5. Aj...

2020-01-30 20:47:42 83

京东项目实战.zip

黑马程序员 传智播客 京东项目实战 静态页面 HTML+CSS 不含js! 不含js! 不含js! 包含完整注释及引用图片 注释详细,含个人更改 ,最新版 2019.7.5

2019-07-07

通讯录管理系统.zip

大二Java课程设计——通讯录管理系统,大二的课程设计,数据库部分,就五张表,需要的可以与我联系

2019-06-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除