自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端面试题集锦——HTML5/CSS3

目录CSS3 有哪些新特性本地存储(Local Storage )和 cookies(储存在用户本地终端上的数据)之间的区别是什么什么是响应式设计HTML5 Canvas 元素有什么用CSS3 新增伪类有那些?如何在 HTML5 页面中嵌入音频如何在 HTML5 页面中嵌入视频HTML5 引入什么新的表单属性HTML5 的离线储存HTML5 和 CSS3 的新标签自己对标签语义化的理解CSS3 ...

2019-07-19 15:08:55 764

原创 前端面试题集锦——HTML/CSS

对WEB以及W3C的理解与认识:1.对于结构要求:标签字母要小写标签要闭合标签不允许随意嵌套2.对于css和js来说:尽量使用外链css样式表和js脚本。是结构、表现和行为分为三块,符合规范。同时提高页面渲染速度,提高用户的体验。样式尽量少用行间样式表,使结构与表现分离,标签的id和class等属性命名要做到见文知义,标签越少,加载越快,用户体验提高,代码维护简单,便于改版不...

2019-07-19 09:50:49 372

原创 前端面试题集锦——前言

面试集锦

2019-07-19 09:06:19 343

原创 微信小程序

微信小程序第一章---小程序微信生态圈第二章第一章—小程序微信生态圈2011年1月21日,腾讯公司推出一个即时通讯服务的免费应用程序,由张小龙带领的腾讯广州研发中心产品团队打造张小龙(腾讯广州研发中心团队经理):团队经理张小龙所带领的团队曾成功开发过QQ邮箱等互联网项目腾讯公司总裁马化腾在产品策划的邮件中确定了这款产品的名称叫做“微信”。小程序:英文名 Mini Program ...

2019-07-08 17:06:24 1481

原创 组件-Element—Calendar( 日历)

组件-Element—Calendar( 日历)组件— 日历基本<el-calendar v-model="value"></el-calendar><script> export default { data() { return { value: new Date() } } ...

2019-07-04 15:12:15 10772 6

原创 组件-Element—Timeline(时间线)

组件-Element—Timeline(时间线)组件—时间线基础用法<div class="block"> <div class="radio"> 排序: <el-radio-group v-model="reverse"> <el-radio :label="true">倒序</el-radio&g...

2019-07-04 15:05:22 33690 10

原创 组件-Element—Collapse( 折叠面板)

组件-Element—Collapse( 折叠面板)组件— 折叠面板基础用法<el-collapse v-model="activeNames" @change="handleChange"> <el-collapse-item title="一致性 Consistency" name="1"> <div>与现实生活一致:与现实生活的流程、逻...

2019-07-04 15:02:10 5824 1

原创 组件-Element—Carousel(走马灯)

组件-Element—Carousel(走马灯)组件— 走马灯基础用法<template> <div class="block"> <span class="demonstration">默认 Hover 指示器触发</span> <el-carousel height="150px"> <e...

2019-07-04 14:58:25 3409 1

原创 组件-Element—Popover( 弹出框)

组件-Element—Popover( 弹出框)组件— 弹出框基础用法<template> <el-popover placement="top-start" title="标题" width="200" trigger="hover" content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"> ...

2019-07-04 14:50:34 7558 2

原创 组件-Element—Tooltip( 文字提示)

组件-Element—Tooltip( 文字提示)组件— 文字提示基础用法<div class="box"> <div class="top"> <el-tooltip class="item" effect="dark" content="Top Left 提示文字" placement="top-start"> <el-...

2019-07-04 14:47:13 2502

原创 组件-Element—Dialog( 对话框)

组件-Element—Dialog( 对话框)组件— 对话框基本用法<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button><el-dialog title="提示" :visible.sync="dialogVisible" width="30%...

2019-07-04 14:43:36 3385

原创 组件-Element— Dropdown( 下拉菜单)

组件-Element— Dropdown( 下拉菜单)组件— 下拉菜单基础用法<el-dropdown> <span class="el-dropdown-link"> 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i> </span> <el-...

2019-07-04 14:29:09 13867 4

原创 组件-Element—PageHeader( 页头)

组件-Element—PageHeader( 页头)组件— 通知基础<el-page-header @back="goBack" content="详情页面"></el-page-header><script> export default { methods: { goBack() { console.l...

2019-07-04 14:22:22 9967 3

原创 组件-Element— Breadcrumb (面包屑)

组件-Element— Breadcrumb (面包屑)组件— 通知基础用法<el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item><a href="/"&g...

2019-07-04 14:20:15 1350

原创 组件-Element—Tabs (标签页)

组件-Element—Tabs (标签页)组件— 通知基础用法<template> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <...

2019-07-04 14:18:19 7937 12

原创 组件-Element—NavMenu( 导航菜单)

组件-Element—NavMenu( 导航菜单)组件—导航菜单顶栏<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu-item index="1">处理中心</el-menu-ite...

2019-07-04 11:33:06 8135

原创 组件-Element—Notification( 通知)

组件-Element—Notification( 通知)组件— 通知基本用法<template> <el-button plain @click="open1"> 可自动关闭 </el-button> <el-button plain @click="open2"> 不会自动关...

2019-07-04 11:01:11 2032

原创 组件-Element—Message (消息提示)

组件-Element—Message (消息提示)组件—消息提示基础用法<template> <el-button :plain="true" @click="open">打开消息提示</el-button> <el-button :plain="true" @click="openVn">VNode</el-button&...

2019-07-04 10:03:51 1608

原创 组件-Element—Badge(标记)

组件-Element—Badge(标记)组件—标记基础用法<el-badge :value="12" class="item"> <el-button size="small">评论</el-button></el-badge><el-badge :value="3" class="item"> <el-bu...

2019-07-03 19:47:56 4295 4

原创 组件-Element---Pagination (分页)

组件-Element—Pagination (分页)组件—分页基础用法<div class="block"> <span class="demonstration">页数较少时的效果</span> <el-pagination layout="prev, pager, next" :total="50"> &l...

2019-07-03 19:43:38 1663

原创 组件-Element---Tree (树形控件)

组件-Element—Tree(树形控件)组件—进度条基础用法<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree><script> export default { data() { return { ...

2019-07-03 19:38:05 7839 8

原创 组件-Element---Progress (进度条)

组件-Element—Progress (进度条)组件—进度条线形进度条<el-progress :percentage="50"></el-progress><el-progress :percentage="100" :format="format"></el-progress><el-progress :percentag...

2019-07-03 19:03:04 13973 1

原创 组件-Element---Tag (标签)

组件-Element—Tag (标签)组件—标签基础用法<el-tag>标签一</el-tag><el-tag type="success">标签二</el-tag><el-tag type="info">标签三</el-tag><el-tag type="warning">标签四</el-...

2019-07-03 18:59:10 15212 5

原创 组件-Element---Form (表单)

组件-Element—Form (表单)组件—表单典型表单<el-form ref="form" :model="form" label-width="80px"> <el-form-item label="活动名称"> <el-input v-model="form.name"></el-input> </el-for...

2019-07-03 15:32:36 655

原创 组件-Element—Transfer(穿梭框)

组件-Element—Transfer(穿梭框)组件—穿梭框基础用法<template> <el-transfer v-model="value" :data="data"></el-transfer></template><script> export default { data() { ...

2019-07-03 15:11:55 2373 1

原创 组件-Element—DatePicker(颜色选择器)

组件-Element—DatePicker组件—颜色选择器基础用法<div class="block"> <span class="demonstration">有默认值</span> <el-color-picker v-model="color1"></el-color-picker></div>&...

2019-07-03 15:05:02 1303

原创 组件-Element—Rate(评分)

组件-Element—Rate组件—评分基础用法<div class="block"> <span class="demonstration">默认不区分颜色</span> <el-rate v-model="value1"></el-rate></div><div class="block"&g...

2019-07-03 15:01:02 3797 1

原创 组件-Element—Upload(上传)

组件-Element—Upload组件—上传点击上传<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="b...

2019-07-03 14:56:07 4007 2

原创 组件-Element—DateTimePicker(日期时间选择器)

组件-Element—DateTimePicker1组件—日期时间选择器日期和时间点<template> <div class="block"> <span class="demonstration">默认</span> <el-date-picker v-model="value1" t...

2019-07-03 14:46:48 4150 2

原创 组件-Element—DatePicker(日期选择器)

组件-Element—DatePicker组件—日期选择器选择日<template> <div class="block"> <span class="demonstration">默认</span> <el-date-picker v-model="value1" type="date"...

2019-07-03 14:33:41 623

原创 组件-Element---TimePicker(时间选择器)

组件-Element—TimePicker组件—时间选择器固定时间点<el-time-select v-model="value" :picker-options="{ start: '08:30', step: '00:15', end: '18:30' }" placeholder="选择时间"></el-time-sel...

2019-07-03 09:57:34 3160 2

原创 组件-Element---Slider(滑块)

组件-Element—Slider组件—滑块基础用法<template> <div class="block"> <span class="demonstration">默认</span> <el-slider v-model="value1"></el-slider> </div&g...

2019-07-03 09:47:19 4099

原创 组件-Element---Cascader(级联选择器)

组件-Element—Cascader组件—级联选择器基础用法<div class="block"> <span class="demonstration">默认 click 触发子菜单</span> <el-cascader v-model="value" :options="options" @change=...

2019-07-03 09:37:43 5182 2

原创 组件-Element---Switch(开关)

组件-Element—Switch组件—开关基本用法<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949"></el-switch><script> export default { data() { return ...

2019-07-03 09:18:50 463

原创 组件-Element---Select(选择器)

组件-Element—Select组件—选择器基础用法<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label...

2019-07-03 09:10:07 744

原创 组件-Element---InputNumber(计数器)

组件-Element—InputNumber组件—计数器基础用法<template> <el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="描述文字"></el-input-number></template><script...

2019-07-02 19:57:19 1540

原创 组件-Element---Link(文字链接)

组件-Element—Link组件—文字链接基础用法<div> <el-link href="https://element.eleme.io" target="_blank">默认链接</el-link> <el-link type="primary">主要链接</el-link> <el-link type=...

2019-07-02 19:48:59 10398 3

原创 组件-Element---Icon(图标)

组件-Element—Icon组件—图标使用方法<i class="el-icon-edit"></i><i class="el-icon-share"></i><i class="el-icon-delete"></i><el-button type="primary" icon="el-icon-s...

2019-07-02 19:38:18 1593

原创 组件-Element---Color(色彩)

组件-Element—Color组件—色彩主色辅助色中性色

2019-07-02 19:17:50 1263

原创 组件-Element---Button(按钮)

组件-Element—Button组件—按钮基础用法<el-row> <el-button>默认按钮</el-button> <el-button type="primary">主要按钮</el-button> <el-button type="success">成功按钮</el-button&g...

2019-07-02 19:14:54 876

空空如也

空空如也

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

TA关注的人

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