自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 问答 (2)
  • 收藏
  • 关注

原创 element-ui使用

文章目录安装并使用下载注册使用(例子)安装并使用下载npm install element-ui注册// src/main.js 完整组件列表和引入方式import { Pagination,Dialog,Autocomplete,Dropdown,DropdownMenu, DropdownItem, Menu,Submenu,MenuItem,MenuItemGroup,Input,InputNumber,Radio,RadioGroup,RadioButton,Checkbox,Ch

2021-02-24 17:50:21 147

转载 <keep-alive>

什么是keep-alive        keep-alive 组件是vue的一个内置组件。        作用是当路由或者组件切换时,他会缓存住包裹在其中的组件或者页面的状态,而不是销毁掉,这样下次重新进入被包裹的路由页面时不会重新渲染dom而是从缓存中读取。<template> <div class="layout"

2021-02-20 15:23:51 127

转载 vue路由<router-view><router-link>

https://www.cnblogs.com/bydzhangxiaowei/p/9055484.html文章目录什么是路由路由中三个基础的概念路由实现案例什么是路由        路由,其实就是指向的意思。        当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示abou

2021-02-20 14:30:00 2969

原创 正则表达式 test()和exec()的区别

test 返回 Boolean,查找对应的字符串中是否存在模式exec 查找并返回当前的匹配结果,并以数组的形式返回。

2021-02-20 11:55:29 920

原创 css--文字样式

错误样子:解决方案:在td标签上添加css----word-break:break-all

2021-02-20 11:31:01 114

原创 vue实时获取路由地址

文章目录方式一:window.location方式二:vue-router1.this.$router的内容:(1)this.$router.fullPath:(2)this.$router.hash(3)this.$router.测试网址:http://www.myurl.com:8866/test?id=123&username=xxx方式一:window.location1.window.location.href(当前URL)    &nbsp

2021-02-20 11:22:58 3456

原创 Vue中获取url中的查询字符串(参数)

方式一设置参数:this.$router.push({path:"/about",query:{scroll:“490”})获取:this.$router.query.scroll方式二第一步:分割url的函数–建议位置:/src/utils/global.jsexport function getUrlKey(){ let obj = {}; if(!window){ return; } let str = window.location.hash || ''; if(str &

2021-02-18 23:19:03 1836

原创 Less(二)----变量/混合

文章目录

2021-02-18 23:03:45 1000

原创 webpack(二)---devServer---自动化

文章目录devServer作用是什么特点配置启动devServer的指令自动打开浏览器--默认浏览器webpack 和npx webpack-dev-server的区别devServer作用是什么        用于自动化(自动编译、自动打开浏览器、自动刷新浏览器)特点        只会在内存中编译打包,不会有任何输出配置启动devS

2021-02-10 18:31:37 93

原创 less(一)-------------less简介

文章目录什么是Less什么是Less      1.一种css的预处理语言。可以通过变量、Mixin、函数等方式书写,使 CSS 更易维护和扩展。      2.Less 可以运行在 Node 或浏览器端。...

2021-02-08 14:18:10 288 1

原创 Webpack简介(一)

文章目录什么是webpackwebpack的五个核心概念1.Entry:入口2.Output:输出3.Loader:翻译非JavasScript文件4.Plugins:插件5.Mode:模式--指示webpack使用相应的模式的配置Webpack初体验什么是webpack     前端资源构建工具,一个静态资源打包器。     构建工具:一种将less,jquery,等语法编译成浏览器可以识别的css/

2021-02-07 06:28:06 1392 3

原创 下载iconfont字体并使用、svg转换成iconFont

1.进入阿里巴巴官方字体库 https://www.iconfont.cn/2.加入购物车3.选择颜色并下载代码4.demo_index.html文件里加载了使用方法。有三种,本次只说明使用第二种Font class5.复制5个文件到自己的项目文件夹下6.在html中引入iconfont.css文件7.使用:8.运行:...

2021-02-07 06:25:16 1067

原创 Vue中使用animate

1.安装        npm install animate.css2.main.js中引用        import animated from ‘animate.css’        Vue.use(animated);3.在页面中(1)animat

2021-02-02 18:31:57 1700

原创 Swiper显示后再隐藏swiper组件时需要做的事情

1.在隐藏swiper的同时需要销毁Swiper,所以,在定义swiper时必须要给swiper起一个变量名 data() { return { serviceSwiper: null, serviceSwiperStyle: "", }; }, methods: { async initPolicy() { //需要隐藏swiper的条件 if (this.$store.state.areaId != "37") {

2021-02-01 11:16:49 1643

转载 Eslint 规则说明

“no-alert”: 0,//禁止使用alert confirm prompt“no-array-constructor”: 2,//禁止使用数组构造器“no-bitwise”: 0,//禁止使用按位运算符“no-caller”: 1,//禁止使用arguments.caller或arguments.callee“no-catch-shadow”: 2,//禁止catch子句参数与外部作用域变量同名“no-class-assign”: 2,//禁止给类赋值“no-cond-assign”: 2

2021-02-01 09:39:36 246

空空如也

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

TA关注的人

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