前端基础
关注
分享
扫一扫
文章平均质量分 86
本栏专注于写前端知识。
轻松玩编程
你好，我是梦阳辰，一位渴望学习更多知识的在校小白。平时喜欢写写博客分享生活和编程相关知识，期待与你相遇！
展开
-
css3内容垂直居中对齐
第一步：首先需要给盒子添加高度和宽度属性（勿忘）第二步：然后用flex布局： Justify-content:center; align-items:center; display:flex;原创 2021-06-06 16:22:11 · 285 阅读 · 0 评论 -
axios网络请求
人的一生就像一篇文章，只有经过多次精心修改，才能不断完善。你好，我是梦阳辰，期待与你相遇！01.概述Vue中发送网络请求有非常多的方式。那么,在开发中,如何选择呢?**选择一:**传统的Ajax是基于XMLHttpRequest（XHR)为什么不用它呢?非常好解释,配置和调用方式等非常混乱.编码起来看起来就非常蛋疼.所以真实开发中很少直接使用,而是使用jQuery-Ajax选择二：在前面的学习中,我们经常会使用jQuery-Ajax相对于传统的Ajax非常好用.为什么不选择它呢?首.原创 2021-01-30 10:52:19 · 512 阅读 · 0 评论 -
Vuex详解
我们总以为，是生活欠我们一个“满意”，其实是我们欠生活一个“努力”。你好，我是梦阳辰！期待与你相遇！01.Vuex概述1.Vuex是做什么的？官方解释:Vuex是一个专为Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue 的官方调试工具devtools extension，提供了诸如零配置的 time-travel调试、状态快照导入导出等高级调试功能。2.状态管理到底是什么?状态管.原创 2021-01-29 11:13:55 · 1586 阅读 · 0 评论 -
vue-router路由
在这个世界上取得成就的人，都努力去寻找他们想要的机会，如果找不到机会，他们便自己创造机会。你好，我是梦阳辰！期待与你相遇！01.什么是路由？说起路由你想起了什么?路由是一个网络工程里面的术语。路由( routing )就是通过互联的网络把信息从源地址传输到目的地址的活动.—维基百科在生活中,我们有没有听说过路由的概念呢?当然了,路由器嘛.路由器是做什么的?你有想过吗?路由器提供了两种机制:路由和转送.√路由是决定数据包从来源到目的地的路径.√转送将输入端的数据转移到合适的输出端..原创 2021-01-27 10:31:30 · 504 阅读 · 0 评论 -
flex布局详解
当你越来越优秀的时候就会遇见越来越好的人。你好，我是梦阳辰！期待与你相遇！文章目录01.概述02.flex布局原理flex布局的使用flex布局父元素常见的属性flex布局子元素常见的属性01.概述操作方便，布局极为简单，移动端应用很广泛PC端浏览器支持情况较差IE11或更低版本，不支持或仅部分支持display:flex;02.flex布局原理flex是flexible Box的缩写，意为"弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。当我们.原创 2021-01-26 16:47:17 · 795 阅读 · 0 评论 -
若重要，总会想办法（Vue学习笔记two)
志向太远，不可怕；没有到达，不可怕；可怕的是没有志向，失去了奋斗的方向。你好，我是梦阳辰！期待与你相遇！原创 2021-01-22 22:25:55 · 187 阅读 · 0 评论 -
不变的就是变化本身（Vue学习笔记one)
奋斗是这么个过程，当时不觉累，事后不会悔。走一段再回头，会发现一个更强的自己，宛如新生。你好，我是梦阳辰！期待与你相遇！学习Vue前，我们需要先了解一些MVVM,因为它很重要。01.MVVM1.什么是MVVM?MVVM (Model-View-ViewModel)是一种软件架构设计模式，由微软WPF(用于替代WinForm，以前就是用这个技术开发桌面应用程序的）和Silverlight(类似于Java Applet，简单点说就是在浏览器上运行的 WPF）的架构师Ken Cooper和Ted .原创 2021-01-21 16:20:49 · 507 阅读 · 0 评论 -
JavaScript简单快速入门
“ 别害怕顾虑，想到就去做，这世界就是这样，当你把不敢去实现梦想的时候梦想就会离你越来越远，当你勇敢地去追梦的时候，全世界都会来帮你。”你好，我是梦阳辰！未来我陪你一起成长！01.变量定义：变量是存储信息的“容器”，是内存单元。1.格式：var pi;//声明变量var x =5;//赋值2.注意：如果重新声明变量，该变量的值不会丢失。var name = "MengYangChen";var name;name的值依然是MengYangChen3.动态类型变量的类型，为赋值语.原创 2020-11-26 00:22:47 · 654 阅读 · 0 评论 -
AJAX&JSON基础入门与提升
身材不好就去锻炼，没钱就努力去赚。别把窘境迁怒于别人，唯一可以抱怨的，只有不够努力的自己。你好，我是梦阳辰！快来和我一起学习吧！1.什么是JSONJSON(JavaScript Object Notation,JS对象标记)是一种轻量级的数据交换格式，目前使用特别广泛。采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。在JS语言中，一切都是对象。因此，任何JS支持的类型都.原创 2020-11-08 11:32:47 · 867 阅读 · 0 评论 -
Bootstrap前端开发框架
在那一刻，我意识到，我必须选择，要么对一切屈服，得过且过地生活，要么就得努力，争取梦想的生活。你好，我是梦阳辰！快来和我一起学习吧！01.响应式开发1.响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。2.响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。3.平时我们的响应式尺.原创 2020-11-06 14:24:47 · 475 阅读 · 0 评论 -
网页的布局与定位看完这篇就够了
写在前面的话:"你想要的东西很贵，你想去的地方都很远，只有不停的努力，才能攒好足够的勇气，跨过人生中的每一场冒险。"每次学习都会问自己这次学习，学习到了什么？通过反问可以让自己真正的去学习东西，而不是假装很努力。希望静下心来，体会身边的美好，探索未知的世界。我是梦阳辰！期待与你相遇！文章目录01.元素的类型1.块元素2.行内元素3.行内块元素01.元素的类型HTML标记被定义成了不同的类型，一般分为块标记和行内标记，也称块元素和行内元素。1.块元素特点：1.每个块元素通常都会独自占据一整行或.原创 2020-09-28 10:24:40 · 827 阅读 · 0 评论 -
HTML5基础知识回顾
01.标签1.文字：p,span,h1~h62.图像：img3.表格：table4.表单：form5.音频： audio6.视频：video7.超链接:a8.锚点:a是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。9.H5移动开发API,canvas02.页面元素2.1列表元素1原创 2020-09-08 19:52:37 · 468 阅读 · 0 评论 -
你不得不知道的HTTP协议和HTTPS协议
前言:“不是井里没有水，而是你挖的不够深；不是成功来的慢，而是你努力的不够狠。”你好，我是梦阳辰！一起学习起来吧！HTTP概述HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，所有的WWW文件都必须遵守这个标准。是一个基于请求与响应的模式的，无状态的网络协议。是浏览器和服务器间最常用的通讯协议。HTTP协议是浏览器与服务期间的数据传递格式的一种约定，浏览器与服务器只要都遵循这个约定，就可以进行数据通讯了。HTTP是一个.原创 2020-05-18 16:33:00 · 511 阅读 · 0 评论 -
jQuery你不得不知的知识点（jQuery入门详细教程）
“正确的态度既然是一种品质，它就不能靠一时兴起的冲动，更不能急于求成。它应渗透在我们生活的每一点一滴当中，成为我们日常生活的一部分。”你好，我是梦阳辰！下面让我们一起走进jQuery的世界吧！01.jQuery概述jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能.原创 2020-05-15 16:29:56 · 578 阅读 · 0 评论 -
最通俗易懂的JavaScript实用案例
前言:"人生最大的喜悦是每个人都说你做不到，你却完成它了！"你好！我是梦阳辰！快和我一起学习起来吧!01.复选框的全选和取消全选<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>复选框</title></head><body> <script type="text/javascrip.原创 2020-05-12 12:11:47 · 2933 阅读 · 0 评论 -
最通俗易懂的JavaScript进阶教程
前言：“当你停止尝试时，就是失败的时候。”你好!我是梦阳辰。快和我一起继续学习起来吧！如果你对JavaScript了解甚少，也许下面一篇文章对你有用！最通俗易懂的JavaScript入门教程文章目录01.JS的常用事件02.JS代码的执行顺序01.JS的常用事件1.blur失去焦点光标失去2.focus获得焦点光标获得3.change 下拉列表选中改变，或文本框内容改变。4.click鼠标单击5.dbclick鼠标双击6.keydown键盘按下7.keyup键盘弹起8.loa.原创 2020-05-11 11:35:34 · 4948 阅读 · 3 评论 -
最通俗易懂的JavaScript入门教程
前言：“成功没有捷径，脚踏实地一步一个脚印，该来的总会来，不好高骛远，不急功近利，付出总会有回报，不管处于哪个阶段，都要一步一个脚印，踏实的走好每一步！”你好，我是梦阳辰！快和我一起走进JavaScript的世界吧。01.JavaScript概述1.什么是JavaScript?JavaScript是运行在浏览器上的脚本语言。简称JS。JavaScript是王景公司（NetScape)...原创 2020-05-08 13:36:20 · 74643 阅读 · 25 评论 -
走进CSS的世界
前言：“ 永远不要沉溺在安逸里得过且过，能给你遮风挡雨的，同样能让你不见天日，只有让自己更加强大，才能真正撑起一片天。”你好，我是梦阳辰！快和我一起走进CSS的世界吧！文章目录01.CSS概述02.MTML中使用CSS的三种方式03.列表样式04.绝对定位01.CSS概述1.什么是CSS?CSS（Cascading Style sheet):层叠样式表语言。层叠样式表(英文全称：C...原创 2020-05-07 20:10:19 · 753 阅读 · 0 评论 -
HTML入门详细总结
前言：”不肯下一点功夫，永远不会明白自己从何而来，又将立足于何处。“你好，我是梦阳辰，期待与你相遇，和我一起进入HTML的世界吧！01.HTML概述1.知识的引入：关于系统的结构：B/S架构：Browser/Server(浏览器/服务器的交互形式）Browser支持哪些语言：HTML CSS JavaScript写HTML CSS JavaScript代码的叫做：WEB前端开发...原创 2020-05-02 15:24:18 · 2181 阅读 · 0 评论