- 博客(27)
- 资源 (12)
- 收藏
- 关注
RSS订阅原创 CSS-grid布局
上面写了9个元素，分别给了不同的颜色，根据 grid-template-columns和grid-template-rows或者grid-template-columns来设置他们的大小，这里的特殊就是，如果不给里面各个单元格大小，那么设置的列宽和行高就会去设置成每个单元格的大小，如果给了大小，那么设置的就是每个单元格之前的间距了。这里指的无限大也就是没有父级设置大小。grid布局就是将容器划分为行和列，产生单元格，然后在指定的单元格，可以看作是二维布局，我们一直经常用的flex布局也就可以看作一维布局。
2023-08-10 16:27:22
1464
1
原创 vue实现上传图片
实现上传图片其实很简单，本文章是使用的input的file属性来实现上传图片的。HTML代码:<div class="upload-img"> <ul class="upload-list"> <li v-for="(item, index) in picList" :key="index"> <img :src="item" a.
2021-06-29 10:07:53
1277
3
原创 使用input实现上传图片
因为时间缘故(就是懒),所以有些在data里定义的值没有写出来，少值得可以直接评论，我会一一给的。html片段:<div class="upload-img"> <ul class="upload-lists"> <li v-for="(item, index) in picLists" :key="index"> <img :src="item" ..
2021-06-22 14:54:01
3892
1
原创 Promise
1.什么是PromisePromise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。（ps:什么是原型：https://blog.csdn.net/qq_34645412/article/details/105997336）Promise对象有以下两个特点。（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和reject
2021-01-11 18:22:53
1018
原创 axios的基本用法
一.axios1.什么是axiosaxios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端。简单的理解就是ajax的封装它本身具有以下特征： a.从浏览器中创建 XMLHttpRequest b.从 node.js 发出 http 请求 c.支持 Promise API e.拦截请求和响应 f.转换请求和响应数据 g.取消请求 h.自动转换JSON数据 i.客户端支持防止 CSRF/XSR...
2021-01-02 10:18:20
5079
原创 字体移动
第一步当然是我们的CSS样式和HTML格式，都是一些简单的元素和样式，相信各位都懂得哈，我就不细说了。 <div class="quan"> <div id="left" class="left"> 中国很多民众都像我一样关注嫦娥五号的轨迹，同嫦娥五号一起遨游太空。我们对俄罗斯、欧洲等航天机构的美好祝愿表示感谢。嫦娥五号探测器12月1日成功在月球着陆并将开展后续工作。这是中国进行外空探索的历史性一步，也是国际合作与和平利用外空的历史性一步
2020-12-02 19:53:22
224
原创 Math常用的方法
Math称之为数学函数，它也是对象数据类型的，主要是用来操作数字的1、Math.abs()求绝对值Math.abs(-1)2、Math.ceil/Math.floor向上取整，向下取整向上取整，无论是正数还是负数，都取最大的值 向下取整，无论是正数还是负数，都取最小的值Math.ceil(1.2)2Math.ceil(-1.6)-1Math.floor(1.8)1Math.floor(-1.1)-23、Math.round()四舍五入正数的话，还是正常的，之前理
2020-11-20 19:51:59
17874
2
原创 字符串的方法
字符串也像数组一样，有数字索引，可以通过响应的索引获取对应的字符。获取字符串的长度：str.length; 获取第一个字符：str[0] 获取最后一个字符：str[str.length-1];1、charAt作用:获取相应位置对应的字符 参数:索引 返回值:返回对应的字符var str="zhufeng";var res=str.charAt(0); ==>"z"如果写的索引超出字符串的长度，str[索引]和charAt的区别var str="zhufeng";sr
2020-11-20 19:35:47
138
原创 数组常用的方法
1、push作用:向数组的末尾追加某一项 参数:添加的具体项，可以是一项，可以是很多项 返回值:新数组的长度 改变原素组2、pop作用:在数组的末尾删除一项 参数:无 返回值:删除的那一项 改变原数组3、shift作用:删除数组的第一项 参数:无 返回值:删除的那一项 改变原数组4、unshift作用:向数组开头添加内容 参数:添加的内容 返回值:新数组的长度 改变原数组5、splice作用:删除/新增/修改 参数:splice(n,m,....x);完
2020-11-20 19:10:11
122
原创 条件判断里的数据类型相互转换规则
对象==对象的时候，如果引用地址相同，就相等，如果引用地址不同就不等。 对象==数字类型的时候，都先转换为数字，再比较。 对象==字符串类型的时候，把对象转换为字符串，再进行比较。 对象==布尔数据类型的时候，都先转换为数字，在比较。 数字==字符串，都先转换数字类型，再比较。 数字==布尔，都先转换为数字类型，再比较。 字符串==布尔，都先转换为数字类型，再比较。 对于不同的数据类型转换规律对象和字符串转换的时候，是对...
2020-11-20 18:25:43
210
原创 使用JS实现一个简单的抽奖系统
HTML样式 <ul id='uls'> <li>谢谢惠顾</li> <li>100元优惠券</li> <li>200元优惠券</li> <li>700元优惠券</li> <li><button id='btn1'>开始</button> <button id='btn2'>停止</button></li>
2020-11-20 18:20:25
753
原创 使用JS实现倒计时功能
1.HTML样式就是一些简单的标签<div class="text"> <p>距离元旦还剩余:<span id="time" class="otime"></span></p> <p>当前时间：<span id="time1" class="otime"></span></p> </div>2.CSS样式.otime spa...
2020-11-20 18:16:03
569
原创 使用JS实现一个简单的计时功能
function getTime() { let time = new Date(); //使用Date对象来获取当前的时间 let year = time.getFullYear(); let month = time.getMonth() + 1; let date = time.getDate(); let day = time.getDay(); ...
2020-11-20 18:10:39
544
原创 选项卡
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title&...
2020-11-17 17:36:17
77
原创 双重循环去重
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body><s...
2020-11-17 17:35:42
469
原创 ES 6 去重方法
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body>...
2020-11-17 17:34:47
782
原创 冒泡排序
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body><s...
2020-11-17 17:33:56
97
原创 递归排序
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body><s...
2020-11-17 17:32:52
101
原创 Java基础知识
一：java概述：1，JDK：Java Development Kit，java的开发和运行环境，java的开发工具和jre。2，JRE：Java Runtime Environment，java程序的运行环境，java运行的所需的类库+JVM(java虚拟机)。3，配置环境变量：让java jdk\bin目录下的工具，可以在任意目录下运行，原因是，将该工具所在目录告诉了系统，当使用该...
2019-01-23 17:01:13
138
原创 vbs整人小内容
新手教学（大神请跳到第五步）：编写vbs有多简单？新建“文本文档”，输入msgbox "一大波病毒正在靠近..." ，点击文件->另存为->重命名为“代码.vbs”。文件名不重要，重要的是后缀要是“.vbs”。2双击保存的文件：代码.vbs，即弹出一个对话框。记下这段小小的代码，去同学家里恶搞吧。当然你还可以输入其他有趣的文字。当然，如此恶搞还是不够的。那就来一...
2019-01-23 16:58:24
2206
2
原创 深入.net和C#编程第三章上机练习2
类:using System;using System.Collections.Generic;using System.Linq;using System.Text;namespace GenericDemo{ /// <summary> /// 性别枚举 /// </summary> public enum Gender { ...
2018-06-07 12:24:21
2966
原创 深入.net和C#编程第三章上机练习1
using System;using System.Collections.Generic;using System.Linq;using System.Text;namespace GenericDemo{ /// <summary> /// 性别枚举 /// </summary> public enum Gender { 男,...
2018-06-07 12:21:29
5331
原创 深入.net和C#编程第二章上机练习3
using System;using System.Collections.Generic;using System.Linq;using System.Text;namespace MyOffice{ /// <summary> /// 性别枚举 /// </summary> public enum Gender { male,...
2018-06-07 12:15:45
3871
3
原创 深入.net和C#编程第二章上机练习2
using System;using System.Collections.Generic;using System.Linq;using System.Text;namespace MyComputer{ public class Computer { /// <summary> /// 计算机型号 /// </summar...
2018-06-07 12:06:06
1976
1
原创 深入.net和C#编程第二章上机练习1
using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threading.Tasks;namespace PointsAPP{ class Program { static void Main(string[] args) ...
2018-06-07 11:59:46
1392
原创 深入.NET平台和C#编程第一章上机2-4代码
using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threading.Tasks;namespace 上机练习2{ public class LoginInfo { private string _Name; priva...
2018-05-10 14:51:34
1769
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人