自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue 自适应布局

第一步:安装伸缩布局方案插件: lib-flexiblepx转rem:px2rem-loader第二步:引入安装好之后在main.js中引入 lib-flexibleimport ‘lib-flexible’然后在依赖中找到该文件把其中的540改为width,因为本来设计的初衷是为了移动端适配,改好后是可以适配pc端的最好把lib-flexible文件单独拿出来放到文件夹下引入,因为依赖删除下载过后都是重新下载的,它不会保留更改的内容的第三步:配置postcss-px2rem的参数打开v

2021-04-21 11:44:07 1370

原创 vue中安装使用less

首先现在webpack里面配置一下css的参数,安装一下less-loadercss: {loaderOptions: {css: {},postcss: {},less: {javascriptEnabled: true}}},出现这种原因是由于版本过高,卸载安装低版本卸载安装的高版本的less-loader:【npm uninstall less-loader】,安装指定低版本的less-loader 如:【npm install less-loader@5.0.0 --s

2021-04-19 18:01:33 1225

原创 echarts省份线图

首先引入jquery和echarts let myChart = echarts.init(document.getElementById('chart-panel')); let geoCoordMap = { '兰考': [114.385481, 34.825227], '郑州': [113.4668, 34.6234], '开封': [114.311523, 34.809969],

2021-03-24 11:06:30 299

原创 echarts省份地图

html <div id="mainMap" style="width: 600px;height:400px;margin: 200px auto;"></div>引入文件 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script src="https://cdn.staticfile.org/echarts

2021-02-09 16:34:24 1059

原创 如何向layui inframe弹窗层里传递变量

layer.open({ type: 2, content: 'http://sentsin.com' //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://sentsin.com', 'no'], success:function(){ var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeW

2021-01-16 16:47:29 311

原创 echarts图表数据导出excel表格

html以柱状图为例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><script src="./

2021-01-16 15:55:58 2702 2

原创 ## 简单表格超出滚动

CSStable {width: 200px;}tbody { height: 200px; display: block; overflow-y: hidden; overflow-y: auto; background-color: skyblue;}table thead { background-color: pink;}table thead,table tbody tr { width: 100%; displ

2020-12-01 09:48:13 145

原创 用jQuery来写轮播图

轮播图<style> * { margin: 0; padding: 0; list-style: none; } body { background-color: #cccccc; } .container { width: 500px; height: 300px; margin: 50px auto; position:

2020-06-29 20:05:07 161

原创 jQuery 简单实现tab栏切换

实现tab栏切换 <style type="text/css"> * { margin: 0; padding: 0; list-style: none; } .item { width: 300px; margin: 50px auto; border: 1px solid red; padding: 10px; } .title { width: 300px; display: flex; justify-co

2020-06-29 17:20:44 266

原创 cookie简单操作

js简单封装cookie```javascript function setCookie(key, val, expires) { //创建函数传参setCookie(cookie名称, cookie值, cookie周期) let now = new Date() //创建日期 now.setDate(now.getDate() + expires) //设置相关时间 document.cook

2020-06-22 20:10:49 94

空空如也

空空如也

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

TA关注的人

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