![](https://img-blog.csdnimg.cn/61061df4af0d4b00b8e449c93798905e.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端三剑客
文章平均质量分 63
1、基础知识
2、代码实例
3、开发实战
Mr.Aholic
全栈开发工程师 主java后端。喜欢旅游,已经旅游的城市地点:河南老家、广州、佛山、深圳、上海、山西、长沙、张家界、武汉、新疆-乌鲁木齐、新疆-吐鲁番、云南-昆明,郑州等。备考明年的 高级系统分析师 和 系统架构师【2022届毕业生---软件工程专业】
展开
-
HTML基础知识(3)浮动、塌陷问题
1、浮动1.1 代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>浮动</title> <style type="text/css"> .box{ width: 100px; height: 100px; background-原创 2022-04-26 18:44:59 · 539 阅读 · 1 评论 -
HTML+CSS基础知识(5)相对定位、绝对定位、固定定位
文章目录1、相对定位1.1 代码1.2 测试结果2、绝对定位2.1 代码2.2 测试3、固定定位3.1 代码3.2 测试结果1、相对定位1.1 代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>相对定位</title> <style type="text/css"> .box1{ wi原创 2022-04-26 22:26:38 · 454 阅读 · 1 评论 -
HTML+CSS基础知识(2)选择器的使用、盒子模型的讲解、列表的使用
文章目录1、CSS基础知识2、css样式2.1、代码:2.2 测试结果3、CSS的语法3.1 代码4、块元素和行内元素4.1 代码4.2 测试结果5、常用的选择器5.1 代码块5.2 测试结果6、父类和子类选择器6.1 代码6.2 测试结果7、列表7.1 代码7.2 测试结果8、盒子模型8.1 代码8.2 测试结果9、内边距9.1 代码块9.2 测试结果10、外边距10.1 代码块10.2 测试结果11、块元素和行内元素、display11、代码11.2 测试结果12、overflow12.1 、代码12.原创 2022-04-26 13:12:04 · 431 阅读 · 2 评论 -
HTML+CSS基础知识(4)简单的广告界面
文章目录1、网页实例1.1 代码1.2 测试效果1、网页实例1.1 代码css样式 /* 清除页面样式 */ *{ margin:0; padding: 0; } /* 统一页面的样式 */ body{ font:12px/1 宋体; } /* 设置outer大小 */ .outer{ width: 300px; /* height: 500px;原创 2022-04-26 19:52:50 · 569 阅读 · 3 评论 -
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
文章目录1、背景1.1 代码1.2 测试结果2、背景练习2.1 代码2.2 测试结果3、表格3.1 代码1、背景1.1 代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>背景</title> <style type="text/css"> .box1{ width: 1200px;原创 2022-04-27 16:39:35 · 1088 阅读 · 2 评论 -
HTML基础知识(1)常用标签的使用 h、p、img、meta、a、iframe...
文章目录1、html简介2、html注释3、标签的属性3.1 代码3.2 测试结果4、常用的标签4.1 代码4.2 测试结果5、实体5.1 代码5.2 测试结果6、图片引入6.1 代码6.2 测试结果7、meta标签7.1 代码7.2 测试结果8、内联框架8.1 代码8.2 测试结果9、超链接9.1、代码9.2、测试结果10、小节测试10.1、代码10.2 测试结果1、html简介2、html注释<!-- 注释内容-->举例:<!DOCTYPE html><h原创 2022-04-25 22:47:10 · 1181 阅读 · 1 评论 -
HTML基础
HTML基础1、网页基本信息<!DOCTYPE html> 告诉浏览器要使用什么规范<head> 代表网页的头部<meta> 用来描述网站的一些信息<title> 网页的标题<body> 网页的主题2、网页的基本标签<h1></h1> 标题标签<p></p> 段落标签<br/> 换行标签<hr>原创 2021-08-16 11:24:42 · 206 阅读 · 1 评论 -
JavaScript中的代码执行顺序
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> </head> <!--load事件的使用,只有在整个页面加载完成后才会执行--> <body onload="say()"> <script type="text/javascript"> /* * javascript中的代码会顺序执行 *原创 2022-03-02 09:14:30 · 462 阅读 · 1 评论 -
JavaScript中通过按回车键进行数据的录入
1、代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <!--通过按回车键进行数据的录入--> <!-- <script type="text/javascript"> window.onload=func原创 2022-03-03 15:17:58 · 745 阅读 · 1 评论 -
javascript中常用的事件
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> /* *JS中常用的事件 * blur 失去焦点 * focus 获得焦点 * click 鼠标单原创 2022-03-02 08:33:32 · 209 阅读 · 0 评论 -
JavaScript基础&实战(3)js中的流程控制语句、条件分支语句、for循环、while循环
文章目录1、流程控制语句1.1 代码1.2 测试结果2、弹窗提示输入内容2.1 代码2.2 测试结果3、条件分支语句3.1 代码3.2 测试结果4、while和 do...while循环4.1 代码4.2 测试结果5、for循环5.1 代码5.2 测试结果1、流程控制语句1.1 代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>标题</title原创 2022-04-28 13:52:05 · 1043 阅读 · 2 评论 -
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
文章目录1、对象的简介2、对象的基本操作2.1 代码2.2 测试结果3、属性和属性值3.1 代码3.2 测试结果4、对象字面量4.1 代码4.2 测试结果5、函数5.1 代码5.2 测试结果1、对象的简介2、对象的基本操作2.1 代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>对象的基本操作</title> <style原创 2022-04-28 20:19:00 · 247 阅读 · 1 评论 -
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
文章目录1、工厂方法创建对象1.1 代码块1.2、测试结果2、原型对象2.1 代码2.2 测试结果3、toString3.1 代码3.2 测试结果1、工厂方法创建对象1.1 代码块<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>工厂方法创建对象</title> <style type="text/css"> </st原创 2022-04-29 13:58:29 · 1205 阅读 · 1 评论 -
复选框的全选和取消
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> </head> <body> <script type="text/javascript"> window.onload = function() { var first = document.getElementById("first"); //获取 var aihaos原创 2022-04-07 22:59:30 · 774 阅读 · 2 评论 -
在js中正则表达式验证小时分钟,将输入的字符串转换为对应的小时和分钟
将字符串转化为对应的小时和分钟,正则表达式验证小时和分钟原创 2022-06-21 13:28:23 · 1155 阅读 · 1 评论 -
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
文章目录1、JavaScript简介2、输出语句2.1 代码块2.2 测试结果3、JS编写位置3.1代码3.2 测试结果4、基本语法4.1 代码5、标识符5.1 代码6、数据类型6.1 代码7、强制类型转换--String7.1 代码1、JavaScript简介2、输出语句2.1 代码块<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title原创 2022-04-27 22:51:19 · 671 阅读 · 1 评论 -
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
文章目录1、强制类型转换Number1.1 代码1.2 测试结果2、进制表示2.1 代码2.2 测试结果3、强制类型转换为Boolea3.1 代码3.2 测试结果4、运算符4.1 代码4.2 测试结果1、强制类型转换Number1.1 代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>强制类型Number</title> <s原创 2022-04-28 11:34:41 · 1000 阅读 · 1 评论 -
定义一个超链接,点击超链接后,执行一段代码,页面不跳转
1、代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <!-- 定义一个超链接,点击超链接后,执行一段代码,页面不跳转 --> <h1>这是超链接</h1> <br /><br /><b原创 2022-03-03 15:29:23 · 928 阅读 · 6 评论 -
JavaScript基础&实战 JS中正则表达式的使用
文章目录1、正则表达式1.1 代码1.2 测试结果2、splict | search2.1 代码2.2 测试结果1、正则表达式1.1 代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>正则表达式</title> <style type="text/css"> </style> <script原创 2022-06-07 08:33:35 · 193 阅读 · 2 评论 -
js中通过正则表达式验证邮箱是否合法
文章目录1、描述2、代码3、测试结果1、描述当用户在输入框输入邮箱后、点击验证邮箱按钮。系统给出提示信息。2、代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> wind原创 2022-03-31 17:00:19 · 6844 阅读 · 3 评论 -
一张图搞懂盒子模型 margin padding、我咋老是记混
一张图搞懂盒子模型 margin padding、我咋老是记混原创 2022-11-20 14:19:19 · 158 阅读 · 0 评论 -
CSS基础
Css作用:用来修饰HTML页面,设置元素的样式,让html页面更加美观一、引入css的三种方式1、内联定义:在对象的标记内使用语法格式:<标签 style=“样式名:样式值;样式名:样式值...”></标签>2、定义内部样式快对象(在head标签中使用style块)<head> <style type="text/css"> 选择器{ 样式名:样式值; 样式名:样式值; ...原创 2021-08-16 14:51:13 · 111 阅读 · 1 评论 -
什么是零代码?零代码与低代码有什么联系与区别?
零代码(No code),或称无代码是一种完全不需要任何代码编程的开发方式,它主要是围绕企业数据和业务管理需求,通过可视化方式设计数据结构,用户交互形式、设置访问权限和定义工作流程的平台。零代码的开发是为那些不知道也不需要知道任何实际的编程语言来开发应用程序的普通开发者而构建的。它针对的是全民开发者,只要业务人员足够了解业务需求,就能够列出所有的需求点,然后通过拖拉拽的形式就可以快速按需搭建应用程序。摆脱对传统软件开发人员的以来。转载 2022-08-19 10:35:43 · 598 阅读 · 3 评论 -
Vue学习之--------脚手架的分析、Ref属性、Props配置(2022/7/28)
脚手架的分析、Ref属性、Props配置原创 2022-07-28 00:25:15 · 275 阅读 · 4 评论 -
Vue学习之--------内置指令的使用【v-bind、v-model、v-for、v-on、v-if 、v-else、v-show、v-text。。。】(2022/7/19)
Vue学习之--------内置指令的使用【v-bind、v-model、v-for、v-on、v-if 、v-else、v-show、v-text。。。】原创 2022-07-19 23:02:07 · 417 阅读 · 3 评论 -
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用原创 2022-07-19 22:15:39 · 1708 阅读 · 1 评论 -
Vue中router路由的使用、router-link的使用(在项目中的实际运用方式)
Vue中router路由的使用、router-link的使用原创 2022-07-03 00:19:53 · 855 阅读 · 1 评论 -
echarts在Vue项目中的实际运用效果图
echarts在Vue项目中的实际运用效果图原创 2022-07-02 23:55:04 · 246 阅读 · 1 评论 -
vue中使用分页组件、将从数据库中查询出来的数据分页展示(前后端分离SpringBoot+Vue)
vue中使用分页组件、将从数据库中查询出来的数据分页展示(前后端分离SpringBoot+Vue)原创 2022-07-02 23:14:22 · 4314 阅读 · 4 评论 -
2022最新最详细必成功的在Vscode中设置背景图、同时解决不受支持的问题
2022最新最详细必成功的在Vscode中设置背景图、同时解决不受支持的问题原创 2022-07-01 22:54:00 · 2978 阅读 · 15 评论 -
去除router-link中的下划线
去除router-link中的下划线原创 2022-07-01 14:35:08 · 3318 阅读 · 6 评论 -
Vscode设置标签页多行显示
Vscode设置显示标签页多行显示的方法原创 2022-07-01 13:41:24 · 3811 阅读 · 5 评论 -
理想之光不灭
理想之光不灭原创 2022-06-30 21:57:16 · 184 阅读 · 2 评论 -
VScode将代码提交到远程服务器、同时解决每次提交都要输入密码的问题(这里以gitee为例子)
VScode将代码提交到远程服务器、同时解决每次提交都要输入密码的问题(这里以gitee为例子)原创 2022-06-30 19:02:00 · 1888 阅读 · 8 评论 -
Node.js的安装
1 、 Node.js的官网地址:http://nodejs.cn/download/2 、下载一直点击下一步3 、判断是否安装成功输入 node -v安装成功会显示安装的版本信息4、安装Node.js淘宝镜像加速器(cnpm)npm install cnpm -g (不太推荐)#或使用如下语句解决npm速度慢的问题npm install --registry=https://registry.npm.taobao.org......原创 2022-06-23 11:36:37 · 176 阅读 · 2 评论 -
怎样在vue中隐藏el-form-item中的值、设置输入框的值是只读
1、如何在前端vue中隐藏某一个元素(el-form-item怎样隐藏)给每项表单项添加一个自己的id名,并用v-model绑定相对应的数据,利用v-if根据上一个表单项的数据值来进行显示或隐藏 <el-form-item id="ShowOrHide" v-mode="showEl" v-if="showEl==true" label="编号" type="hidden" prop="user_id"> <el-input v-model="ruleForm原创 2022-06-23 11:34:11 · 13418 阅读 · 4 评论 -
Unexpected token u in JSON at position 0
1、Unexpected token u in JSON at position 01.1 错误原因:因为JSON.parse()不能解析字符串中的undefined出错的结果:某一行的这个字段的值为空,就会报错,整个表格都显示不出来了1.2 解决思路:解析之前进行判断2、vue-router提供的钩子函数beforeEach()对路由进行判断router.beforeEach((to, from, next) => { if (to.meta.requireAuth) {原创 2022-06-23 11:30:30 · 1643 阅读 · 2 评论 -
前端网页练习
html和css的网页练习原创 2022-06-21 18:39:56 · 517 阅读 · 1 评论 -
MVVM视图模型
mvvm模型原创 2022-06-16 15:11:20 · 202 阅读 · 1 评论 -
前端网站学习大全
前端学习网站大全原创 2022-06-15 16:13:27 · 217 阅读 · 2 评论