自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

yytIcon的博客

前端小白

  • 博客(34)
  • 收藏
  • 关注

原创 Grid布局

grid布局实战

2023-04-10 09:39:07 97

原创 vue+element项目全局滚动条优化

vue+element项目全局滚动条优化

2023-03-16 09:05:11 315

原创 fastmock模拟post、get请求

参考资料:fastmock 帮助文档初学者可以根据这个文档了解如何创建项目【前端必备基本技能】-fastMock平台使用_哔哩哔哩_bilibili 如果觉得文档不好理解的小伙伴可以看这个视频,本人觉得讲的很仔细。Mock.js 实例练习:get请求示例展示。(关于数据结构的写法可以参考mock.js文档,链接在本文开头处。){ "Status": 200, "Data|1": [{ "id|+1": 1001, name: '@cname',...

2021-11-12 16:59:57 2878

原创 VUE+递归思想实现省市区多层级树形展示

<!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-10-15 14:25:03 998

原创 js 将时间戳转成标准时间格式

终于查了好多demo发现了这个方法,记录一下。function time(time = +new Date()) {console.log(time); var date = new Date(time + 8 * 3600*1000 ); return date.toJSON().substr(0, 19).replace('T', ' ');}var a = time(1595497348834); // console.log(a);//2020-07-23 17:4.

2021-08-26 15:05:52 1052

原创 antd分页组件左侧加上下载等操作按钮

非Tabel布局展示<div style={{ margin: "16px 0px", display: "flex", justifyContent: "space-between" }} <div> {/* 在这里加上操作按钮 */} <Button style={{ marginLeft: 16 }} onClick={downloadFiles} type="primary"> 下载</Button> <

2021-08-02 16:27:38 510

原创 Vue+ElementUI 的CheckBox小案例——默认选中数组对象中的某些符合条件的值

elementui+checkbox 默认选中数组对象中的某些符合条件的值,修改选项之后得到新的数组

2020-11-12 11:18:41 1205

原创 JavaScript伪数组(类数组)转成数组的几种方式

JavaScript中伪数组转成真正数组的几种方式

2020-11-09 14:13:04 435

原创 JavaScript数组合并的几种方式

JavaScript用四种方式实现两个数组的合并循环遍历(本例只用forEach和for...of) 扩展运算符 contact applypush()的定义和用法:push()方法可向数组的末尾添加一个或多个元素,并返回新的【长度】。vararray1=[1,2,3,4];vararray2=["apple","orange","banana","pear"];描述:将两个已知数组array1和array2,合并成为一个新的数组。目标:得到一个新的数组[1,2...

2020-10-28 15:10:30 1172

原创 javascript数组的几种遍历方式

数组遍历for循环 for...of forEach for...in我自己在处理数组数据时有时候会出现“for...in for...of,查查分不清楚”的情况,趁着看js MDN文档的功夫,就来记录一下数组遍历的几种方式。参考文档https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScriptvar array = [ {name:"赵云",age:18}...

2020-10-27 15:19:38 165 1

原创 TypeScript学习笔记(一):ts的安装编译

这篇文章记录如何安装ts环境和编译第一个ts文件。

2020-07-22 17:50:22 1472 1

原创 TypeScript学习笔记(二):数据类型

typescript的数据类型。如:数字(number)、字符串(string)、布尔值(boolean)、数组(array)、元祖(tuple)、枚举(enum)、任意类型(any)、null和undefined、void、never

2020-07-22 16:16:37 307

原创 前端js计算两个日期之前相差的天数、小时

在写js的前端过程中,总会发现需要对于日期做判断,现在逐一记录下来,也方便大家和自己学习。1、判断两个日期相差多少小时//用于计算两个日期相差多少小时//注意://time1和time2都是字符串类型的时间,例如 2020-03-03 12:22:22//这里的parseInt是取整,所以在实际的业务判断中请注意是否需要等于号。例如://console.log(parseInt(...

2020-03-05 14:19:03 4773

原创 js判断数组(数组对象)中是否存在指定的值,如果存在就删除

数组中是否存在指定值,存在就删除var str = ["a", "b", "c"]; var index = str.indexOf("a"); if(index>-1){//大于0 代表存在, str.splice(index,1);//存在就删除}console.log(str);//["b", "c"]数组对象中是否存在指定值(方法一),存在即...

2019-09-03 11:59:49 21368

原创 Vue+ElementUI 实现登录时的账号密码验证

先附上参考教程 elementUI Form表单本文是建立在Vue和ElementUI已经安装好的情况下进行的。如果不会安装这个环境的可以参考之前的文章。登录效果图:代码:<template> <div class="login-info"> <el-row> <el-col :xs="24" :...

2019-08-26 16:14:14 10421 5

原创 Axios使用中需要注意的点(一):如何使用后端返回的data

如果你能将后端返回的数据成功console出来,那么恭喜你,已经越过了axios中的很多坎。(#^.^#)下面将说一下如果把返回的data显示在页面上。这是错误示范:data() { return { message: "你好" } }, created() { axios({ method: 'ge...

2019-08-23 11:52:47 5669

原创 axios安装 使用及如何解决‘axios  is not defined’

安装axios1、使用npm$ npm install axios2、使用 bower:$ bower install axios3、使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></script>我用的npm,说说我在使用axios中踩的坑。很多教程都是...

2019-05-31 11:31:30 47987 15

原创 用npm安装vue脚手架+jQuery+bootstrap

准备工作:先将目录切换在D盘然后查看node和vue 的版本步骤:1 安装vue-cli, 配置vue命令环境cnpm install vue-cli -g2、初始化一个项目 名字为 yyt-vue-cli-demo初始化项目有两种方式, Webpack 基于webpack,用的较多,包含eslint, unit等 Webpack...

2019-05-17 11:34:35 1042

原创 Vue学习之小案例(一)

Vue学习之小案例(一)input与label的数据绑定input与label的数据绑定案例描述在页面上有一个输入框(input)和一个按钮(button)和一个lable标签,当在输入框中输入内容时,lable所对应的值也会发生改变,当点击按钮时,输入框清空,lable值变为默认。CSS代码&lt;style type="text/css"&gt; #test01{ pa...

2019-01-15 11:56:32 409

原创 C#:将文本分解为单词

static void Main(string[] args){ var text = "Youth is not a time of life"; string[] words = Regex.Split(text,@"\W+");//这句代码就是将文本转为单词,但是需要添加这一句引用 using System.Text.RegularExpressions; va...

2018-09-21 10:08:37 956

原创 json数据在页面上格式化展示

如何将一段json字符串在页面上展示出来。第一不做任何处理后,在页面上的展示效果如图一所示:图一这时,下面这句代码会实现将json字符串格式化 var jdata = JSON.stringify(JSON.parse(jsondata), null, 4);console.log(jdata);//这是在输出框的json数据确实被格式话了$(".showMessage"...

2018-09-19 10:01:37 16405

原创 C#学习笔记之:构造函数

以下为含参和不含参的构造方法的例子代码:class Program {//*******************Part One Begin*******************************// public string Name; public int Age; public Program() ...

2018-09-14 14:03:56 937

原创 Javascript代码实现验证码的校验

之前有分享过如何利用H5+Javascript生成验证码(点击看我之前的博客)。今天主要是想分享如何利用随机数来生成一组验证码,并通过js代码来验证输入的验证码是否匹配。先看效果图:实现的总体效果为:点击“验证按钮”或者是点击验证码本身,验证码会重新生成。在输入框中输入任意与验证码不符的字符,则会提示“验证码输入错误”。输入框中输入的字符(注意:这里是可以不区分大小写的)与验证...

2018-08-07 11:15:40 6177

原创 浅谈C#装箱与拆箱

其实早期有了解过何为装箱,何为拆箱。但是今天在看到C#泛型的时候,说到泛型可以减少拆箱和装箱,一时之间想不起这两者的具体概念了,于是又重新学习了一遍。先了解以下几个概念:装箱:将值类型转化为引用类型的过程。拆箱:将引用类型转化为值类型的过程。值类型:我们常见的值类型包含:int,float,long,char,bool,enum,struct。这些是统一继承自System.valu...

2018-08-06 14:10:45 630

原创 JS+H5 Canvas实现时钟效果

用JavaScript+Canvas来实现最简单的时钟效果。效果图:先看html代码:&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript" src="js/dem

2018-07-18 17:39:51 432

原创 JavaScript获取日期的年月日

获取datetime格式的年: var year = Date.Parse(dateYear).getFullYear();获取datetime格式的月: var month = Date.Parse(dateMonth ).getMonth() + 1;获取datetime格式的日:var day = Date.Parse(dateDay).getDa

2018-04-11 17:29:59 1534

原创 微信小程序:topBar底部选择栏

微信小程序开发:topBar效果

2018-01-29 13:17:15 2370

原创 jquery:鼠标滚轮滑动后出现固定条

获取页面中某一块离浏览器顶端的高度。

2018-01-11 15:02:18 597

原创 Echarts 之折线图

echarts学习之折线图和仪表盘

2018-01-08 16:41:24 3873 2

原创 Jquery:计算器小案例

html+css+JavaScript实现计算器简单功能

2018-01-05 10:42:35 607 2

原创 jquery+css小案例:实现手风琴效果

html+js+css小练习之手风琴效果实现的多种方式

2018-01-04 16:38:24 1005

原创 JavaScript:飘雪效果

在开始敲代码之前,我需要弄清楚一下几个问题: 1、雪片存在的方式,我是用的<div>❄</div>来表示一个雪片; 2、雪片的大小应该是在一个范围之内而且是随机的; 3、雪片的透明度也应该是有变化的,刚出现的雪片肯定会比飘落了一定时间的雪片的颜色深; 4、雪片出现的位置也应该随机,所以最后飘落的位置也应该随机; 5、最重要的是,因为雪片以div 的形式存在,所以当雪片在飘落到最下方的时候,

2018-01-03 11:14:21 951

原创 H5 +JavaScript生成验证码

H5 +JavaScript实现简单的验证码功能

2017-12-27 15:04:01 2729

原创 用js完成两个大数据求和

两个大数相加求和

2017-12-25 16:14:51 2082

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除