- 博客(11)
- 收藏
- 关注
原创 求前5年和后2年的时间
this.time = moment(new Date()).format('YYYY') const arr = [] for (let i = 5; i > -2; i--) { arr.push(`${this.time - i} ~ ${this.time - i + 1}`) }
2019-08-08 09:58:04 131
原创 Vue 当一个页面上,需要编辑,审核,查看详情的时候,隐藏和展示
例子:当一个页面上,需要编辑,审核,查看详情的时候,隐藏和展示<template> <div> <div v-if="active === '1'" > <p>详情内容</p> <el-button type="success" @click="editBtn">编辑</el-b...
2019-06-28 15:25:55 2308
原创 vue项目国际化,基于vue-i18n实现
1,安装vue-i18n。在命令行输入:npm install vue-i18n 或 cnpm install vue-i18n2,main.js文件中,配置vue-i18n相关的配置。(红框的部分)3,找到assets文件夹,新增languages文件夹,新建en.json(英文文件),新建zh.json(中文文件)4,添加中英文文件相关数据5,在相应页面...
2019-04-29 10:17:54 482
原创 Flex布局(初级入门)
一,Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。1, 任何一个容器都可以指定为 Flex 布局。.box{ display: flex;} 2,行内元素也可以使用Flex布局.box{ display: inline-flex;} 二,基本概念采用Flex布局的元素,成为Flex容器(flex container),简称“容器“。它的所...
2018-05-07 19:27:54 221
原创 JavaScript的函数(新手入门)
一,JavaScript的函数函数:代码块或者语句的集合叫函数。函数包括:自定义函数,系统函数 1,定义函数 关键字:function语法:function 函数名(形式参数1,形式参数2,…, 形式参数n){ 语句}例:width,height使用此函数时,要传递所求的长方形的宽度和高度functiongetArea(width,height){ varresult=width*...
2018-05-04 19:40:45 463
原创 JavaScript基本语法(初学)
一JavaScript概述1,JavaScript是嵌入到HTML语言中,直接通过浏览器就得以运行,通常情况下,把JavaScript称为web脚本语言。JavaScript是一种轻型的、解释性的脚本语言,是一种由浏览器内的解释执行的程序语言。2,JavaScript的执行原理:当客户端向服务器端请求某个页面时,服务器端将整个页面包含JavaScript的脚本代码作为相应内容,发送回客户端机器,客...
2018-05-03 20:04:02 553
原创 css3新手2D转换
CSS3 2D 转换1,了解2D变换方法:· translate()· rotate()· scale()· skew()· matrix() 2D 转换方法matrix(n,n,n,n,n,n) 定义 2D 转换,使用六个值的矩阵。translate(x,y) 定义 2D 转换,沿着 X 和 Y 轴移动元素。...
2018-04-25 08:57:17 156
原创 HTML5新手基础
一,了解1,HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。2,HTML5 是 W3C 与 WHATWG 合作的结果。3,HTML5 中的一些有趣的新特性:1)用于绘画的 canvas 元素2)用于媒介回放的 video 和audio 元素3)对本地离线存储的更好的支持4)新的特殊内容元素,比如 article、footer、header、nav、section5)新的...
2018-04-19 18:25:56 210
原创 css3新手动画
Css3动画属性:animation-name 检索或设置对象所应用的动画名称animation-duration 检索或设置对象动画的持续时间 默认为:0 规定动画完成一个周期所花费的秒或毫秒 animation-...
2018-04-18 20:16:06 251
原创 css3新手入门
一, 简介1,css3模块: (1)选择器(2)框模型(3)背景和边框(4)文本效果(5)2D和3D转换(6)动画(7)多列布局(8)用户界面 二, 边框border-radius box-shadow border-image 目标:创建圆角边框,向矩形添加阴影,使用图片来绘制边框。 1,圆角边框例:<style> div{ width:300px; h...
2018-04-17 21:47:47 200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人