自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(83)
  • 收藏
  • 关注

原创 根据移动设备的分辨率,设置rem根fontSize大小

···

2020-08-04 11:16:19 294

原创 element-ui自带的滚动条

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA...

2020-03-31 12:02:54 1006

原创 element-UI验证码倒计时

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA...

2020-03-20 12:18:25 2626

原创 Vue中的一些修饰符

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2020-01-14 16:46:58 602

原创 js数组两层遍历

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2020-01-10 15:43:55 4285 1

原创 element-ui默认选中并高亮某一个树节点

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2019-12-25 16:12:00 2504

原创 ElementUI的el-date-picker日期设置以前或以后不可选

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2019-12-03 15:52:44 1348

原创 网站后台管理系统

网站后台管理系统1、 全球最受欢迎的博客系统——wordpress,wp是全球最受欢迎的博客程序,拥有上亿用户,它的简单易用、安全、高效受人普遍关注,用它不仅可以做博客,做企业网站、资讯网站、下载网站、图片网站、视频网站都是可以的。2、最受欢迎的论坛系统——discuz,戴志康和他的DZ走过8年的历史,成为中国第一大论坛程序供应商,一流的安全性,一流的功能,强大的整合能力,无论是做网店、门...

2019-10-28 11:21:03 3869

原创 深拷贝方法

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2019-10-12 18:26:18 351

原创 巧用element-ui的inputNumber计数器的最小值和最大值属性

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2019-10-11 15:06:06 9567 1

原创 对两个数组中的对象进行比对

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

2019-09-11 15:06:36 2980

原创 element-ui表单验证例子:validateField验证部分表单

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2019-08-05 14:47:35 32402

原创 elementUI的表单里套表格加验证的demo

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2019-07-26 11:33:55 1162

原创 es6的深拷贝和浅拷贝

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2019-07-25 11:13:37 287

原创 用toggleRowSelection方法对el-table表格列进行选中的例子

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2019-07-19 11:21:10 2922

原创 根据一个数组过滤另一个数组

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2019-07-05 17:27:47 5159

原创 另一个vue-scroll-to的例子

<template> <div class="m-3"> <ul class="menu"> <li v-for="(item, index) in videoList" :key="index" v-scroll-to="{ element: '#v' + index, offse...

2019-06-11 12:50:11 1184

转载 最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等等

很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下。给自己留个底,也给朋友们做个参考。一、校验数字的表达式1 数字:^[0-9]*$2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$4 m-n位的数字:^\d{m,n}$5 零和非零开头的数字...

2019-05-21 16:39:35 176

原创 清除表单验证的问题:需要加nextTick方法

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA...

2019-04-23 19:48:38 1057 1

原创 elementUI表单验证的问题

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA...

2019-04-12 11:59:39 116

转载 chrome调用摄像头并拍照

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

2019-03-28 09:16:16 2134

原创 一个vue-scrollto的基本demo

&lt;template&gt; &lt;div id="app"&gt; &lt;ul class="menu"&gt; &lt;li v-scroll-to="'#a'"&gt;item 1&lt;/li&gt; &lt;li v-scroll-to="'#b'"&gt;item 2&

2019-02-14 10:45:25 5642

原创 一个better-scroll的基本demo

&lt;template&gt; &lt;div id="app"&gt; &lt;ul class="menu"&gt; &lt;li @click="scrollTo(0, 0)"&gt;item 1&lt;/li&gt; &lt;li @click="scrollToEl('c-2')"&g

2019-02-13 10:18:52 2435

原创 16进制ic卡号转换(将12345678转换成78563412)

&lt;!DOCTYPE html&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

2019-01-14 20:06:13 8115 1

原创 localStorage存储和获取

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;localStorage&lt;/title&gt; &lt;!-- 引入样式 --&gt; &lt;link rel="stylesheet" href=&q

2018-11-27 09:52:20 1763

转载 element ui实现起始时间不能大于结束时间

&lt;template&gt; &lt;div class="app-container"&gt; &lt;el-date-picker v-model="filters.column.create_start_date" type="date" :picker-options="pickerBeginDateBefore" format="yyyy-MM-

2018-10-26 09:48:59 1236

转载 Vue实现简单的无缝滚动

&lt;!DOCTYPE html&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

2018-10-25 14:32:04 4414 2

原创 git 常用命令

#初始化git init#查看账号git config user.name  //查看用户名git config user.email  //查看邮箱#配置账号git config user.name 'frank'   //局部配置用户名git config user.email '[email protected]'   //局部配置邮箱git config --global...

2018-08-13 16:37:56 117

原创 vue-cli脚手架安装

1.首先下载安装node.js下载地址:https://nodejs.org/en/2.运行cmd,查看版本号(出现版本号说明安装成功)输入:node -v 查看node版本号(需要在6.9以上)输入:npm -v 查看npm版本号(需要在3.10以上)3.命令行工具(在cmd里安装)# 全局安装 vue-cli$ npm install --global vue-cli(Ma...

2018-08-13 16:37:32 126

原创 vue实现键盘输入动画效果

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;di

2018-08-10 17:45:23 2487 2

原创 ES6语法find查找匹配数组

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;find查找数组数据&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;script&gt;let myId = 3; l

2018-03-22 14:56:06 11303

原创 grid-template-areas和grid-area

&lt;!doctype html&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;grid&lt;/title&gt;&lt;style&gt;/* grid-template-areas */.container1 { dis

2018-03-21 15:29:45 1983 2

原创 Vue全局组件及传值

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;全局组件及传值&lt;/title&gt;&lt;script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"&amp

2018-03-21 10:45:40 2718

原创 vue过滤

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;过滤&lt;/title&gt;&lt;script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"&gt;&

2018-03-16 18:03:24 255

原创 用Vue实现好友分组效果

tab标签body { background-color: #999;}#box { max-width: 360px; min-height: 640px; background-image: linear-gradient(to right bottom, #432b8b, #89049e); background-size: cover; margin: 10px aut

2018-01-30 16:44:02 3645 1

原创 用Vue实现的tab标签

tab标签a { color: #555;}.tab { margin: 0; padding: 0;}.tab li { display: inline-block; padding: 5px 12px; color: #666; background-color: #eee; border: 1px solid #ddd; border-radius: 3px 3

2018-01-30 11:26:33 1298

原创 用Vue实现根据hash高亮选项卡

无标题文档a { color: #555;}.active { color: red;} {{tab.title}} var vm=new Vue({ el:'#box', data:{ tabs: [ { title: '所有任务', href: '#all' }, { title: '未完成任务

2018-01-25 12:28:57 469

原创 Vue.js脚手架安装

1.首先下载安装node.js下载地址:https://nodejs.org/en/2.运行cmd,查看版本号(出现版本号说明安装成功)输入:node -v 查看node版本号(需要在6.9以上)输入:npm -v 查看npm版本号(需要在3.10以上)3.命令行工具(在cmd里安装)# 全局安装 vue-cli$ npm install --global vu

2018-01-23 13:35:49 7255

原创 CSS魔方

魔方.cube { position: relative; margin: 100px auto; width: 120px; height: 120px; perspective: 2000px; /*场景深度*/ transform: rotateX(75deg) rotateZ(45deg); /*旋转*/ transform-style: preserve-3d; /*

2018-01-11 17:19:13 270

原创 定时器

计时器#clock { width: 200px; height: 50px; margin-bottom: 20px; color: #0ff; font-size: 20px; line-height: 50px; text-align: center; background-color: #333; border-radius: 25px;}.stop { col

2018-01-10 13:42:33 149

空空如也

空空如也

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

TA关注的人

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