- 博客(20)
- 收藏
- 关注
RSS订阅原创 利用APi实现字符串的翻转
<script> let nums = '12345'; let res = nums.split(''); //['1','2','3','4','5'] 字符串切割，变为数组 res.reverse(); //['5','4','3','2','1'] 数组翻转 console.log(res.join('')); //54321 数组转为字符串 </script>里面的数组换成字母也可以...
2022-01-03 00:31:10
441
原创 Vue生命周期与钩子函数
ue的生命周期就是：从创建到销毁的一个过程，就像一个人一样，从出生到死亡，这个过程一共经历8大阶段（8大函数，beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,beforeDestroy,destroyed），4大过程（创建，挂载，更新，销毁）
2021-12-04 13:10:40
160
原创 Vue中的导航守卫
将的不好的地方，多多理解，单单看看下面的讲解，可能是看不懂我在说什么，因为想要一点前置知识：vuex,路由，vue脚手架,token路由权限：访问是否有token，token是令牌，因为http跳转，传输是没有状态的，可别拿着后退，前进抬杠，那个是浏览器自带的，具体我也没有了解那么深，（HTTP无状态协议对于交互性场景是没有记忆能力的。前一句网络搜索的，想了解http无协议状态，直接搜索一下，http无协议算是浏览器早期的设定），token算是通行的令牌，身份。有token，说明它已经登陆
2021-12-01 12:24:02
466
原创 在Vue中解决跨域问题的方法之一---数据代理（开发环境中）
原因：1-----因为浏览器的同源策略的影响，协议，端口，Ip(域名)要一致,才可以实现请求，2------跨域出现的原因：假设vsode终端（8080）通过（浏览器） 浏览器先带着前台的请求地址去向后台请求，如果后台响应的地址不一致，就会造成跨域，（页面的数据向后台请求）3------以后工作，后台的小伙伴给你的接口，一些可以，一些跨域，就要解决跨域原理：个人理解数据代理是服务器向服务器发送请求浏览器是一定会接收请求和响应的，既然由浏览器向后台服务器会造成跨域，那就直接由终端（vscod
2021-12-01 11:29:04
648
原创 简单配置vue脚手架中
配置脚手架1.开始@vue/cli模块包（下包）npm install @vue/cli -g2.查看vue脚手架版本vue -V3._@vue/cli 创建项目启动服务（创建脚手架）vue create vuecli-demo //vuecli-demo自己定义的文件名4.进入脚手架项目下, 启动内置的热更新本地服务器cd vuecil-demo5.在src同级目录下创建vue.config.js文件1./* 覆盖webpack的配置 */（脚手架没有vue...
2021-11-17 17:37:38
183
原创 倒计时（没有获取系统时间，简单js实现，img图片记得自己随便找一张）
<!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-09-09 23:29:39
120
原创 js函数封装实现---驼峰命名法(字符串实现驼峰命名法)
<!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>D.
2021-09-02 23:00:13
1019
原创 动态生成柱状图（css+js）根据用户输入来生成盒子
<!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>D.
2021-08-28 22:14:56
512
原创 水仙数（100-1000以内）
个位数3次方+十位数3次方+百位数3次方 = 自身注释是我自己一开始的想法，然后再想法上改进，我好像比较擅长先动手写一些，接下来的想法就比较顺，同桌直接用的是三位数拆开取余来做，哈哈哈，给个赞呗！！！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"
2021-08-28 22:10:32
101
原创 输入二个整数和符号，死循环判断加减乘除，并显示在页面
自己写的，不是很完美，有判断输入数字的非法性，用了if else()语句，还有反引号``动态输出数据，反引号会影响性能。如果没正常显示，清一下缓存或者多刷新一下，给个赞呗，哈哈哈。记得第一个弹出框数字是整数，第二个弹出框是计算符号，第三个是整数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati
2021-08-25 22:25:22
180
原创 js方式三种引入及相关注意点
<!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>D.
2021-08-25 21:40:05
106
原创 在vscode配置px-to-rem
1.打开设置3.点击设置，搜索px-to-rem,随便输入一个数字，37，或38，让齿轮出现，然后点击右上角4.改数据并保存
2021-08-20 21:31:55
1360
原创 简单了解less
// out: ../css///记得在vscode装easy less插件// 1.单行注释快捷键ctrl+/;块注释： shirt+alt+A用户看得见，less的注释/* 2.加减乘除,less单位不参与计算，css带单位计算,所以写一个就行，写多了，以第一个为主，除法要带括号,（./也可以，目前vscode不支持 */.box { // width:150px./3 ; width: (150px/3);}//3.嵌套写法，这里就不/* 4.定义： .
2021-08-20 20:41:51
240
原创 方便快速认识flex布局，生成的页面可以点击（非原创）
这是上课老师给的，不知道怎么上传文件夹，所以直接贴代码，感谢老师，感谢写这个东西的人，如有侵权，请告知。知识就是用来分享的。。。。。不是原创，老师给的，没有链接，所以只能按原创发出了，抱歉页面生成效果图记得css放在css文件中，js放在js文件中，index.html放在同级文件下Html<!DOCTYPE html><html><head> <meta charset="UTF-8">..
2021-08-18 20:56:23
120
原创 移动端特殊样式
看下图，1：防止内边距撑开盒子2.清除移动端a链接点击时出现高亮效果，白图后面背景色是移动端默认的，即高亮3.类似于二一样，出现默认的一些样式4.长按图片，链接真机会出现会弹出菜单...
2021-08-18 20:27:56
166
原创 取消表单轮默认边框，防止拖曳textarea文本域
<!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-08-01 20:06:02
78
原创 H5+CSS制作小三角
<!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>D.
2021-08-01 19:47:28
165
原创 行内元素，块状元素，行内块元素区别
首先，我们为什么要了解HTML标签区别，是因为在以后布局一个整体网页时，你就可以理解一个标签元素为什么独占一行，而有一些则可以一排多个。理解这些区别，再学会float浮动，position定位,基本的网页结构应该就没有多大问题。行内元素：可以一行多个 不可以设置宽高 可以设置内外边距，行高 元素高度和宽度：默认是父元素的高度，宽度是自身内容宽度 行内元素只能容纳文本和其他行内元素，但行内元素a比较特殊，在a链接中不能包含另一个a链接 常见的行内元素：a,span格式化标签（b,i,del,
2021-07-28 22:20:24
168
3原创 第一次博客（比特虫）：网站favicon.ico图标介绍，制作
css3 选择器属性选择器（可以选择全部，也可以选择部分） 全部： 包含标题（title）的所有元素变为红色，可以写作： *[title] {color:red;} a[href] {color:red;} 上面2个的合写 ： a[href="http://www.baidu/"][title="baidu"] {color: red;}属性与属性值必须完全匹配 ...
2021-07-17 19:59:34
1558
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人