Mir ㅤ-CSDN博客

1. Git 简介2. 鼠标右键 Git 选项含义：3. 用 HTTP 的方式操作 github(提交时需要输入账号密码)(1) 在 github 中复制 HTTPS 链接(2) 克隆项目(3) 登录(4) 对文件的一些操作4. 用 SSH 方式操作 github(提交时无需再输入账号密码)(1) 生成 SSH key（公钥和私钥）(2) 配置公钥(3) 复制 SSH 格式的链接(4) 克隆项目(5) 登录( 步骤同用HTTP方式操作gi...........

2022-05-30 17:19:21 553

原创 vue2中路由的安装、搭建、配置的描述及重点代码

vue2中路由的安装、搭建、配置的描述及重点代码

2022-05-30 15:57:55 295

转载如何编写md格式的文档、vscode中写.md文件的插件推荐

.md格式的文章可以用编辑器Markdown打开，Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。1. 标题标题其实和HTML中的h系列很像，想要设置为标题的文字前面加#来表示，一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。注：标准语法一般在#后跟个空格再写文字，# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题2. 字体加粗：要加粗的文字左右分别用两..

2022-05-28 14:44:19 13191

原创 vue2遍历数组的时候为数组动态的添加id

分别用操作dom和vue完成导航栏的例子实现遍历数组的时候动态的为数组中的元素添加id属性。预期效果：将数组中的数据展示在页面中，当点击不同的数据的时候，更新被选中数据的样式。

2022-05-28 10:12:56 2887

原创 axios的安装、配置、基础语法

1.axios的安装npm install axios可以在后面写上@X.x 指定下载对应的axios版本2. 配置main.jsimport axios from 'axios'Vue.prototype.$axios = axios3. axios基础语法可以在methods中的方法里直接写axios使用的时候需要在.vue文件中主动引入axiosimport axios from "axios";mounted() { axios .g

2022-05-26 17:41:38 1868

原创通过修改hosts（添加网络域名）解决axios跨域问题

（这个方法有些掩耳盗铃，笔者本意是记录一下这种解决方法）目录1. 找到hosts文件位置：2. 修改用户权限：3. 在hosts中更改本机域名4.操作完成1. 找到hosts文件位置：C:\Windows\System32\drivers\etc目录下可以找到本机hosts文件2. 修改用户权限：右键hosts→安全→选择当前用户→编辑→给当前用户最高权限，该操作能够允许当前用户在hosts文件中操作数据3. 在hosts中更改本机域名用记事本的方式打开hosts

2022-05-26 16:58:21 2481

原创前端vue2+axios+get+异步获取数据

目录1. 得到获取数据的网址2. 在vue.config.js配置：3. 在vue文件用get方法请求数据4. 将数据展示在页面上1. 得到获取数据的网址在网页中检查元素→网络→XHR(请求网址就是咱们想要获取数据的网址)2. 在vue.config.js配置：（直接在getUrl中直接写地址会出现跨域问题）3. 在vue文件用get方法请求数据（将请求的数据放在do1方法中以便html元素调用）4. 将数据展示在页面上

2022-05-24 15:45:06 461

原创 @vue/cli 5.0.4引入bootstrap的方法

说明：新版本的脚手架中没有build目录，安装bootstrap的方法和旧版本脚手架安装bootstrap的方法略有不同，为避免笔者忘记新版本如何安装脚手架作此文。1. 查看当前脚手架版本：在命令行中输入vue -V可以查看到当前脚手架版本（查看脚手架版本之前需要先确定电脑中已经安装node环境“node -v”与JavaScript生态包"npm -v"了）在命令行中看到脚手架版本超过2.0，即可使用本文安装bootstrap的方法如果电脑中没有安装脚手架在命令行中执行"cnp

2022-05-14 13:18:52 943 1

原创 github的一些使用技巧

目录1.找文件小技巧2. 复制代码3. 查看文件修改记录4. 查看文件中的源码（不需要下载到本地）5. 在线运行项目1.找文件小技巧在一个项目中往往会有很多文件，想要找到某个文件一般会一个文件夹一个文件夹去找，非常麻烦。按住一下“T”键可以在该项目中的所有文件夹下查找文件2. 复制代码我们通常是全选→复制其实在git中我们点击行号也可以完成复制3. 查看文件修改记录按下”B“键，可以查看文件的修改记录4. 查看文件中的源码（不.

2022-05-12 13:58:05 368

原创解决导入 VUE 浏览器警告问题

由于没有装Vue.js devtools工具，浏览器在运行vue程序会报警告如下：Download the Vue Devtools extension for a better development experience:https://github.com/vuejs/vue-devtools解决方法，在浏览器中添加扩展Vue.js devtools扩展资源链接：https://pan.baidu.com/s/1...

2022-05-05 17:09:44 932

原创 vue的基本知识

1. 在title下引入vue<script type="text/javascript" src="../js/vue.js"></script>2. 写一个能接收vue的组件作为容器，其中放置模板代码 <div id="root"> <h1>你好，{{name}}</h1> <h1>我今年，{{age}}岁</h1> </div>3. 创建vu

2022-03-24 13:14:28 1046

原创获取页面元素

根据id获取getElementByIdvar Byid = document.getElementById("demo");console.log(Byid);根据标签名获取getElementsByTagName var ByTag = document.getElementsByTagName("p"); console.log(ByTag); console.log(ByTag[0]);通过类名获取getElementsByClas

2022-03-22 09:43:30 207

原创通过JS获取当前时间，并让时间动起来

通过JS获取当前时间： var date = new Date(); console.log(Date()); //Tue Dec 21 2021 10:56:42 GMT+0800 (中国标准时间) console.log(date); //Tue Dec 21 2021 10:56:42 GMT+0800 (中国标准时间) console.log(date.toLocaleString()); //2021/12/21 上午11

2022-03-22 09:16:44 1558

原创 cookie

cookie是一种客户端的存储方式，Cookie 是为了解决“如何记住用户信息”而发明的，是浏览器提供的一种功能，是存在浏览器中的纯文本内容。每一次http请求，浏览器都会检查cookie，所以，登录信息适合存放在cookie中。限制：每个域名下的cookie的大小最大为4kb;每个域名下cookie数量最多为20个。...

2022-03-21 16:45:18 190

原创箭头函数的应用

箭头函数是es6新增的函数，可以简化函数的书写，可以使this的指向更容易理解普通函数： var hello1 = function(){ return "Hello World!1"; } var h1=hello1(); console.log(h1);箭头函数：var hello2 = () => { return "Hello World!2"; }

2022-03-21 12:01:39 298

原创 idea配置tomcat后控制台输出乱码：05-Jan-2021 15:21:36.485 淇℃伅 [main] org.apache.tomcat.util.net.NioSelectorPool.

配置tomcat时出现了控制台输出乱码情况，百度搜了很多方案，说修改tomcat配置啊，或者修改idea安装文件等等，都不管用，后来看到一篇文章成功解决，解决方案是这样的：找到tomcat安装目录conf下logging.properties文件，打开后搜索：java.util.logging.ConsoleHandler.encoding = UTF-8修改为：= GBK（如图）将UTF-8改为GBK后，保存退出，重启项目，执行乱码消失，如下所示：...

2022-01-17 17:48:34 297

原创 JS中使用正则表达式校验手机号

1. 正则表达式中常见的符号：.当前可以是任意字符（小数点）? 表示零次或一次* 表示零次或多次+ 表示一次或多次() 对某个存在的正则进行分组组的使用 \组号 $组号{} 当前的规则可以出现的次数{2} 正好 2次 {m,} 最少m次 {m,n} 最少m次最多n[ ] 当前位置上可以是中括号中某个字符[abc...

2021-12-23 18:32:36 22444 2

原创 JS中的定时器和循环定时器以及简单的页面倒计时案例

本文将介绍定时器 setTimeout 的三种调用方式，会介绍取消定时器 clearTimeout ，会介绍循环定时器 setInterval 以及取消循环定时器 clearInterval1. 定时器：setInterval //1. setTimeout("JS语句"，在多少毫秒数后调用JS语句) setTimeout("console.log('hhhh')", 1000); //setTimeout(函数，在多少毫秒数后调用该函数)

2021-12-23 14:26:00 3009

原创 JS对象的两种创建方式

1. 用字面量的方式创建对象var obj = { name: "鲁迅", "age": 23456, sex: "boy", setName: function (name) { this.name = name; }, getName: function () { return this.na

2021-12-23 12:30:18 481

原创 JS中定义函数的几种方法

1. 第一种定义方式：function 函数名 () { 函数体 }；调用：函数名 () ;2. 第二种定义方式：var 函数名 = new Function("参数列表","函数体"); 调用：函数名 () ;3. 第三种定义方式：var 函数名 = new function () { 函数体 }；调用：函数名 ; //直接调用4. 第四种定义方式（匿名函数）：var 函数名 =...

2021-12-15 18:34:58 9257

原创 JS中两种创建数组的方法，两种遍历数组的方法，以及数组的一些常用方法

1.字面量的方式创建数组： var 数组名 = [ 初始值1，初始值2，初始值3 ]；（其中，初始值可以是不同的数据类型）2.new arr的方式创建数组： var 数组名 = new Array(); （Array()：表示定义了一个空数组； Array(23，55，78，“89”)：传入一系列参数表示数组的初始值； Array(4)：传入一个number类型...

2021-12-15 18:02:04 1873

原创 js九九乘法表

思路：由于js中没有类似于System.out.print()的不换行输出代码。所以，我们需要定义一个空的字符串，用来接收每一行的所有数据，随后在需要换行的地方一起输出。 <script> for (var i = 1; i <= 9; i++) { var str = " "; for (var j = 1; j <= i; j++) { ...

2021-12-15 16:53:38 278

原创 JS中的三种循环语句

while 循环语句 <script> var a = 1; while (a > 5) { //只有当a > 5的时候才会执行循环语句 console.log(a++); } </script>do...while 循环语句 <script>

2021-12-15 15:35:04 636

原创 JS中的判断语句和条件分支语句

if...else判断语句：注意：0，null，undefined，NaN 被认为是 false，其他的都是 true。 <script> var index = 10; if (index % 2) { console.log("奇数"); } ...

2021-12-15 13:03:18 235

原创 JS中的运算符

JS中的运算符包括算术运算符，赋值运算符，关系运算符，逻辑运算符，三目运算符算术运算符：+ ，- ，* ，/ ，% ，++ ，--注意：字符和其他类型进行+运算的时候，实质上是字符串连接（变长的过程）!字符串和其他数据类型，进行非+运算的时候，那么会把字符串转换为number类型，在进行运算。如果字符串不能转换成number的类型，会返回NaN（表示非number，是number的一个特殊值）举例：字符串和数值进行加法运算，字符串和数值进行减法运算。...

2021-12-15 12:45:04 993

原创制作一个简单的五环

给五个div标签设置定位，运用边框和圆角可以简单实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale

2021-12-13 18:20:35 109

原创解决浮动塌陷问题的三个方法

1. 给父元素设置宽高（不到万不得已不能给父元素设置宽高）2. overflow: hidden;3. 用clear元素拦截浮动（left,right both）style="clear: left;"<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed

2021-12-13 18:06:19 805

原创相对定位，绝对定位和固定定位

1. 相对定位relative：参考自身原本的位置，新位置不占文档流，原来的位置仍然占用文档流2. 绝对定位absolute: 脱离文档流,自身变为行内块，其位置参考有相对定位（或固定定位）的父元素（兄弟元素的相对定位不可以）3. 固定定位fixed: 位置参考浏览器，会变成行内块元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta .

2021-12-13 17:15:53 352

原创左侧宽度固定右侧自适应

浮动是很重要的一个属性，可以说HTML和css中的所有标签都可以设置浮动，浮动能更好的实现左右布局，从而解决大部分网页设计中的问题。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>浮动试题</title> <style type="text/css"> .fa { backgro

2021-12-13 16:58:57 53

原创表单标签（重要）

表单标签的主要功能：它是把表单中的数据提交给远端的服务器。表单标签：一组标签不是一个标签。<form>子标签，子标签中的数据，会被提交给服务器</form>CSDN首页消息表单标签还需输入 1 个字封面&摘要：*优质的封面有利于推荐摘要（选填）：会在推荐、列表等场景外露，帮助读者快速了解内容，如不填写则默认抓取正文前256字符0/256文章标签：*分类专栏：新建分类专栏文章类型：申请原创将启用 Creat...

2021-12-12 17:11:37 134

原创简单的登陆页面，点击登录进入百度，点击重置重新输入

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>&.

2021-12-12 16:47:23 367

空空如也

CSDN移动端在哪里领取积分？