前端
关注
分享
扫一扫
ThatMonth
星光不问赶路人，时光不负有心人。
展开
-
SpringBoot项目国际化的步骤
国际化原创 2022-06-09 12:55:07 · 289 阅读 · 0 评论 -
Springboot的静态资源配置原理
静态资源原创 2022-06-04 10:08:08 · 106 阅读 · 0 评论 -
Axios实现前后端异步通信(代替Jquery)
IDEA中javaScript必须设置为ES6标准cdn方式引入axios的js文件<script src="https://unpkg.com/axios/dist/axios.min.js"></script>cdn方式引入vue的js文件<script src="https://cdn.staticfile.org/vue/2.5.21/vue.min.js"></script>data.json...原创 2022-05-28 11:02:39 · 367 阅读 · 0 评论 -
ElementUI+Vue创建一个简单的前端工程
ElementUI用在Vue2上ElementPlus用在Vue3上1.新建一个Vue2项目vue create elementuistudy2.安装vue-router路由组件cnpm install vue-router --save-dev版本过高需要降cnpm install vue-router@3.2.03.安装ElementUI组件vue2使用：cnpm i element-ui -svue3使用：cnpm install element-plus原创 2022-05-30 19:20:11 · 327 阅读 · 0 评论 -
vue-router路由怎么使用以及怎么传递参数
安装vue-routercnpm install vue-router --save-dev如果浏览器报错app.js:271 Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_42__.defineComponent) is not a function，原因是版本太高，需要降低版本npm install vue-router@3.2.0演示代码：main.jsimport Vue from 'vue'...原创 2022-05-30 13:39:32 · 299 阅读 · 0 评论 -
Webpack前端打包工具
安装webpacknpm install webpack -gnpm install webpack-cli -g查看版本webpack -vwebpack开始打包：1.把idea设置为管理员启动2.编写webpack.config.js文件（文件名不能写错）3.idea控制台输入webpack命令4.打包完成写一个index.html页面测试一下效果...原创 2022-05-30 11:44:41 · 287 阅读 · 0 评论 -
手把手教你在实际开发中怎么创建第一个Vue3程序
1.安装Node.js（点击下方地址）下载 | Node.js2.安装npmnpm install cnpm -g3.版本要对应npm选择指定的版本npm -g install npm@6.12.04.查看npm的地址npm config list4.npm安装vue-clinpm install -g vue-cli...原创 2022-05-30 11:45:11 · 451 阅读 · 0 评论 -
Vue的slot插槽怎么使用
demo.html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <todo> <todo-title slot="mytodo-title" ...原创 2022-05-28 12:19:00 · 217 阅读 · 0 评论 -
Vue的计算属性
demo.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <p>时间戳1:{{currentTime1()}}</p> &l...原创 2022-05-28 11:32:46 · 93 阅读 · 0 评论 -
Vue组件，怎么样自定义标签
demo.html中自定义fdw标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <!--传递给组件的值怎么接收 v-bind:接收参数="遍历参数"-->...原创 2022-05-27 11:21:14 · 587 阅读 · 0 评论 -
Vue的双向数据绑定
v-model原创 2022-05-27 10:42:16 · 91 阅读 · 0 评论 -
史上最简单的Vue入门教程，Vue基础语法
Vue简介：IDEA中安装vue插件demo.html（cdn引入vue.js）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> {.原创 2022-05-27 10:03:46 · 349 阅读 · 0 评论 -
html的冷门知识
原样输出锚点（到某个页面的某个地方）#+name路径问题实体/转义符（不加分号；也行）空格html代码里不管多少空格，都当成一个空格对待，所以用 代替...原创 2022-05-15 16:15:06 · 130 阅读 · 0 评论 -
HTML的src路径怎么设置
HTML的src路径怎么设置1、*html文件跟*.jpg文件(f盘)在不同目录下：<img src="file:///f:/*.jpg" width="300" height="120"/>2、*.html文件跟*.jpg图片在相同目录下：<img src=".*.jpg" width="300" height="120"/>;3、*.html文件跟*.jpg图片在不同目录下：a、图片*.jpg在im...转载 2021-04-11 13:52:44 · 5399 阅读 · 0 评论 -
Html中a标签的使用方式
Html中a标签的三大用法用法一：访问其他网址<a href="http://www.baidu.com">访问百度!</a>用法二：用图片作为链接<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><.原创 2020-11-27 20:52:43 · 2258 阅读 · 0 评论 -
CSS中div的属性技巧
1.设置大小width:300px; height:300px;或width:20%;height:300px;2.设置边框border:1px solid reddotted虚线,dashed点画线,double双线,ridge脊线)3.设置轮廓圆滑度border-radius:50% 50% 50% 50%;4.定位相对定位：position:relative；绝对定位：position:absolute;left,right,top,b...原创 2020-11-22 13:17:18 · 1706 阅读 · 0 评论 -
如何把多个html元素一起水平居中
方法：把这些元素都写在<center></center>里效果原创 2020-11-22 12:58:34 · 542 阅读 · 1 评论 -
用css画苹果
代码<!DOCTYPE html><html><head> <title>苹果</title> <style type="text/css"> .a{ background-color: red; border-radius: 70% 70% 50% 50%; width: 300px; height: 300px; position:relative; margin: 0原创 2020-11-22 12:48:12 · 781 阅读 · 0 评论 -
JavaWeb中关于form标签
举例form.html<!DOCTYPE html><html><head> <title>表单练习</title></head><body> <form action="" method="get"> <p> 用户名：<input type="text" name="a" size="20" maxlength="100" value="apple">&l原创 2020-11-21 20:27:48 · 1186 阅读 · 0 评论 -
JavaWeb中关于table标签
table标签介绍HTML表格由table标签以及一个或多个tr、th或td标签组成：table标签用来定义表格，整个表格包含在<table>和</table>标签中；tr标签用来定义表格中一个行，它是单元格的容器，每行可以包含有多个单元格，由<tr>和</tr>标签表示；td标签和th标签用来定义单元格，所有单元格都在tr标签内，每个单元格由一对<td>和</td>标签或一对<th>和</th>原创 2020-11-21 16:08:43 · 3719 阅读 · 1 评论 -
开源中国-仿写代码
开源中国源码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>开源中国</title> <link rel="stylesheet" href="oschina.css"> <link rel="stylesheet" type="text/css" href="https://static.oschina.ne原创 2020-09-07 14:41:27 · 1698 阅读 · 2 评论 -
学习javascript的学习记录1
网址：https://uniapp.dcloud.io/非常重要，好好学类型随时改变做动画：引入外部js文件：js的数据类型：运算符：break和continue函数没有重载，会覆盖实参和形参的个数可以不同javascript对象函数内定义函数数组对象...原创 2020-08-13 12:57:34 · 114 阅读 · 0 评论 -
怎样学习Bootstrap响应式布局，详细教程
响应式布局：根据浏览器大小，进行页面的自适应。基本模板：<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca.原创 2020-08-13 12:55:13 · 527 阅读 · 0 评论 -
CSS里的Flex布局,flex属性详细教程
Flex布局：伪类：使用成果水平方向：垂直方向：弹性盒的好处(按比例缩放）flex-grow:放大比例flex-shrink:缩小比例flex-basis:基本值，最小缩小值显示在一行：方法一：给ui加上float:left方法二：给ul加display:flex给ul加上flex后，就显示在一行了，原因是flex只对它...原创 2020-08-13 12:51:37 · 211 阅读 · 0 评论 -
html的学习记录1，html元素周期表
html元素周期表：http://www.html5star.com/manual/html5label-meaning/<input type="text" placeholder="在49296开源软件中搜索"/><button>搜索</button></div><!DOCTYPE><html><head><base href="https://www.baidu.com/.原创 2020-08-13 12:48:14 · 949 阅读 · 0 评论 -
html怎么样写表单，表单详细教程
表单：注意：html里属性都是字符串！注意：button必须写在tr里，否则程序卡死！不切割换行键:ctrl+回车<form method="POST"><table><tr><td>姓名</td><td><input type="text" id="uname" name="uname"></td></tr></table></form&原创 2020-08-13 12:46:32 · 10847 阅读 · 0 评论 -
初学者怎样学习html,详细教程
HTML:html快捷键：ctrl+c 复制 ctrl+v 粘贴 ctrl+x 剪切一行或删除一行 ctrl+d 复制本行到下一行 ctrl+z 退回之前操作 ctrl+shift+z 已经做好的退回之后的下一步 ctrl+a 全选 ctrl+/ 注释行 ctrl+shift+/ 注释选定区域 ctrl+g 查找行号 ctrl+shift+up/down 上下移动代码 table 补齐代码 ctrl+f 查找文本三种标记的形式：1. <font>文学</fon.原创 2020-08-13 12:43:04 · 1599 阅读 · 0 评论 -
CSS进阶学习，详细的网页学习教程
平移：居中：图片：布局：设置宽高：菜单设置：写菜单：示例展示：li写在ul里面：原创 2020-08-13 12:39:41 · 325 阅读 · 0 评论 -
html怎么样学好CSS，终极教程
CSS: html的美容师快速创建html文档模板的方法：！+tab引入样式的三种方式：样式优先级：样式选择：在css文档中的id选择器#：设置最高优先级！important选择器(非常重要):通配：消除所有边框空格表示包含在内的CSS属性颜色设定：让一行上下居中边...原创 2020-08-13 12:36:47 · 165 阅读 · 0 评论 -
sublime崩溃了怎么办，别慌看看这里就行了
出错原因：一般出现这种错误，最常见的可能性就是内存出问题了，一些插件的进程太多，引发的问题。解决办法：1.打开首选项2.点击设置3.default文档拖到最后4.找到一个叫“index-files"的属性然后把属性值都改为false接下来你会发现，世界清净了！...原创 2020-08-02 17:32:48 · 1966 阅读 · 0 评论 -
sublime的tab键出错怎么解决，不要慌我来告诉你
出错原因：如果在用sublime text写网页时，突然发现tab键不灵了，出现异常，那很可能就是快捷键冲突问题了。解决办法：1.打开首选项2.快捷键设置3.找到user文档4.按图示把tab多余信息删除接着你会发现，世界安静了，如此美好！...原创 2020-08-02 17:26:59 · 1209 阅读 · 0 评论