- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue 自适应布局
第一步：安装 伸缩布局方案插件： lib-flexible px转rem：px2rem-loader 第二步：引入 安装好之后在main.js中引入 lib-flexible import ‘lib-flexible’ 然后在依赖中找到该文件把其中的540改为width,因为本来设计的初衷是为了移动端适配，改好后是可以适配pc端的 最好把lib-flexible文件单独拿出来放到文件夹下引入，因为依赖删除下载过后都是重新下载的，它不会保留更改的内容的 第三步：配置postcss-px2rem的参数 打开v
2021-04-21 11:44:07
1445
原创 vue中安装使用less
首先现在webpack里面配置一下css的参数,安装一下less-loader css: { 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
1258
原创 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
366
原创 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
1134
原创 如何向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
369
原创 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
2855
2
原创 ## 简单表格超出滚动
CSS table { 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
171
原创 用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
197
原创 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
303
原创 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
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人