alo_ne-CSDN博客

原创原生表格-html

<!DOCTYPE html><html lang="en"><head><title>Table_Simple CSS for HTML tables</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"> <style type="text/css">ht

2021-08-30 15:57:35 777

原创 echarts--迁徙图

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=EDGE"> <title>ECharts</title> <script src="./echarts.min.js"></script> <script

2021-08-27 16:20:33 605

原创 2021-08-12-复杂对象处理

[ { "2": { "doc_count_error_upper_bound": 0, "sum_other_doc_count": 0, "buckets": [ { "key": "计算机与计算科学学院", "doc_count": 3, "其他专技": { "doc_count": 0 }, "辅导员": {

2021-08-12 16:34:24 147

原创 21-08-12-antv-合并单元格采坑之路

对于合并单元格不是很复杂的内容手动处理起来相对于简单一些官网提供的是使用customRender，如果rowSpan 是动态那么不建议把值放在data，return中去放在代码外面去比较好一点放在return 也是可以那么需要在data中定义一个this data() { var columns = [ { title: "类别", dataIndex: "lb", customRender: this.ren

2021-08-12 16:27:17 509

原创 a对象-b对象的值

var aaa = [ { "1": { "value": 552 }, "key": "教学科研", "doc_count": 552 }, { "1": { "value": 167 }, "key": "党政管理", "doc_count": 167 }, { "1": { "value": 65 ..

2021-07-26 15:25:29 89

原创 vue--组件库

1、滚动消息提示cnpm install vue-seamless-scroll --save2、lcd计数牌npm i v-odometer

2021-07-20 16:53:30 218

原创 vue父组件异步获取动态数据传递给子组件获取不到值的问题已完美解决

前几天遇到一个问题，在父组件中使用axios获取异步数据传给子组件，但是发现子组件在渲染的时候并没有数据，在created里面打印也是空的，结果发现一开始子组件绑定的数据是空的，在请求数据没有返回数据时，子组件就已经加载了，并且他绑定的值也是空的，问题找到了，怎么解决那？有两种方法解决，请看下面代码。方法一<template> <div class="list"> <ul v-if="list.length != 0"> <li v-fo

2021-07-20 16:16:44 4878 2

原创 vue 中使用Odometer

<template> <div> <IOdometer class="iOdometer" :value="num" format="(ddd).dd" /> </div></template><script>import IOdometer from "vue-odometer";import "odometer/themes/odometer-theme-default.css";export defau

2021-07-19 14:06:37 1021

原创 2021-06-21

水平垂直居中知道宽高<div class="box"> <div class="child"></div></div>.box { width: 100vw; height: 500px; background: skyblue; position: relative;}第一种：利用相对定位和绝对定位的margin:auto.child { width: 200px; height: 200px; backg

2021-06-21 20:29:11 55

原创 vue页面高度超出浏览器页面高度，让背景跟着走

width:100%;height:100%;position:fixed;overflow:auto;backgroung:#000;用定位将最顶层元素 position: fixed; 同时给个滚动

2021-04-29 09:30:50 812

原创日期相关

获取当前日期和前N天的日期 //获取当前时间 let myDate = new Date(); let arr = myDate.toLocaleDateString(); var aa = arr.split('/') function zz(name) { return name < 10 ? "0" + name : name } console.log(a

2021-04-20 14:46:12 70

原创正则格式化日期

var parttern = /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/var formateDate = "20210106111212".replace(parttern ,"$1/$2/$3/ $4:$5:$6")$1代表的是上面的第一个括号输出的结果是2021/01/06 11:12:12

2021-04-15 15:09:37 147

原创 vue中显示默认图片

element组件<el-image :src="imgPath" style="width: 380px; height: 240px"> <div slot="error"> <img src="/course/img/defaultIamge.png" style="width: 380px; height: 240px" /> </div></el

2021-04-09 17:28:23 1012

原创 vue--中更换背景图

data(){returen{url:require("../img/pic.png")}},methods:{doucment.getElementById("pic").style.background = "url("+this.url+")"}

2021-04-08 17:40:02 459

原创 3D转转

2021-01-21 16:03:02 117

原创浏览器全屏幕

<button onclick="toggleFullScreen(event)">点我全屏</button> <script> function FullScreen(el) { var isFullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen; if (!isFul...

2021-01-21 15:59:17 84

原创复选框样式修改

input[type='checkbox']{ width: 20px; height: 20px; background-color: transparent ; -webkit-appearance:none; border: 1px solid #c9c9c9; border-radius: 2px; outline: none; vertical-align: middle;} input[type=checkbox]:check

2021-01-21 15:49:57 445

原创 css--字体渐变

2021-01-21 15:46:27 165

原创 vue--标签中使用三元运算符

2020-12-29 11:54:08 14365

原创 vue路由跳转到同一个地址，获取不同参数

作为vue的初用者，你可能会像我一样遇到一个问题，对跳转组件是，我们想通过参数不同，调用不同的方法。例如：app.vue<ul> <li class="navList" v-for="index in goods" :key="index.name"> <router-link :to="{path:index.link,query:{type:index.name}}" > {{index.name}} </route

2020-12-10 11:49:34 1301

原创 vue-复选反选

<template v-for="(item, index) in checkboxList">　　<input type="checkbox" v-model="selectList" :value="item"></template>初始化selectList = []，checkboxList = [‘苹果‘, ‘橡胶‘, ‘梨‘, ‘桃子‘]。首先说全选事件，这个比较好弄。就是每次触发事件的时候先清空selectList，然后将checkboxList的

2020-12-04 15:08:54 247

原创 table--头部固定--数列滚动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .table-responsive { wid

2020-12-01 09:29:37 111

原创 js-点击全屏

<!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><body> <button

2020-12-01 09:23:19 360

原创 layui选择框-动态渲染数据

<select name="xm" id="xm" lay-verify="required" lay-filter="xmFilter"><option value=""></option></select> <script>layui.use(['form', 'upload', 'layer'], function () { var form = layui.form;　　　　//检查项目添加到下拉框中$.ajax(

2020-11-17 10:35:17 676

原创 js-案例-标签中this改变

<!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><body> <ul>

2020-11-10 16:10:37 144

原创百度地图（多个圆覆盖物）

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html{width: 10

2020-09-28 10:39:49 964

原创百度地图轨迹（自定义图标）

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html

2020-09-28 10:37:55 1221

原创 vue 下拉框点击没有反应

用的element的select可多选的下拉选框，在回显后有初始值的情况下，不能修改，也不能再选择如图，明明点击了一般内勤主管，但没有任何反应<el-select v-model="editContent.position" multiple placeholder="请选择"> <el-option v-for="item in positionOptions" :key="item.code" :label="item

2020-09-25 17:12:35 3779 4

原创 vue父组件向子组件传值（事件）

vm.on(event,callback)：监听当前实例上的自定义事件。事件可以由vm.on( event, callback )：监听当前实例上的自定义事件。事件可以由vm.on(event,callback)：监听当前实例上的自定义事件。事件可以由vm.emit触发。回调函数会接收所有传入事件触发函数的额外参数。vm.$emit( event, […args] )：触发当前实例上的事件。附加参数都会传给监听器回调。父组件中：<template> <div>

2020-09-10 16:36:07 884

原创数组中的对象排序

2020-09-09 14:29:07 360

原创红心

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> *

2020-09-02 17:59:22 80

原创 vue中图表智适应

在myChart.setOption后添加window.onresize = myChart.resize;如果有多个图形，可以封装成方法：mounted(){ this.changEcharts(); }, methods:{ changEcharts() { window.addEventListener('resize', ()=> { this.drawLineDom.resize(); this.todayFlowDom.resize(); this.hitRateD

2020-08-31 17:39:31 88

原创 websocket

let websocket = null; if ('WebSocket' in window) websocket = new WebSocket(api.sweiper) if ('WebSocket' in window) websocket = new WebSocket('ws://192.168.10.129:8081/imserver/100') else console.log("您的浏览器不支持WebSocket"); ...

2020-08-10 15:08:37 79

原创 vue清除控制台

在 vue.config.js 中的 configureWebpack 选项提供一个对象会被 webpack-merge 合并入最终的 webpack 配置，vue.config.js配置如下：configureWebpack: config => { if (process.env.NODE_ENV === 'production') { config.optimization.minimizer[0].options.terserOptions.compress.warn

2020-08-10 11:40:34 811

原创 Vue打包成dist文件后修改ip地址方法

为了方便把代码发给别人去部署所以需要进行修改相应的ip地址此时就需要给出配置接口去修改步骤一：在public中创建一个config.js文件之后引入所有可能改变的代码放在windows下步骤二：在index.html中引入script标签引入步骤三：可以直接使用了特别提醒：如果是放在dom中直接使用不可以直接这么写需要在脚本中引用...

2020-08-04 12:01:20 4694 1

原创 echarts渐变

<body> <div id="myChart" style="width: 600px;height: 600px;margin: 0 auto;border: 1px solid black"></div></body><script type="text/javascript"> var box = document.getElementById("myChart"); var myChart = echarts.init(box.

2020-07-26 11:09:47 747 1

原创 html画正方形少一角

这个做法本质原理是在正方形的上面添加一个图形覆盖。然后做个 overflow: hidden;就行 .border { position: relative; margin-top: 300px; margin-left: 200px; width: 400px; background: white; height: 500px;

2020-07-20 17:58:25 772

原创 Vue-深度选择器

在使用vue的时候，为了避免组件之间相互影响，可以在样式中加入一个css样式。但是这样的直接坏处是父组件的样式不会渗透到子组件中去。vue提供了深度作用选择器可以解决这个问题：<template> <div class="aa"> <a-breadcrumb> <a-breadcrumb-item>首页</a-breadcrumb-item> </a-breadcrumb> <a-.

2020-07-19 09:41:02 751

原创 js-数组合并

1、concat() 数组方法 let arr = [1, 2, 3] let arr1 = [4, 5, 6] console.log(arr.concat(arr1)); //[1,2,3,4,5,6]2、es6解构 console.log([...arr,...arr1]); //[1,2,3,4,5,6]

2020-07-08 15:21:32 102

原创打印出现在字符串中某字母出现最多的次数

假设有一个字符串，下面让我们一起来查找出现次数最多的字符var str = 'asdfssaaaseraaasdfdsasasasaa';首先，我们定义一个Object用来存放拆分的字符串，然后遍历字符串。判断obj里面是否出现某一个字符，如果未出现则给obj添加以此字符为键值的属性，并赋值为1。反之则给此属性值++；var obj = {};for (var i = 0; i < str.length; i++) { if (!obj[str.charAt(i)]) {

2020-07-01 10:21:35 287

空空如也

空空如也