zymAlvin-优快云博客

$("#unitCode").each(function() { // this代表的是<option></option>，对option再进行遍历 $(this).children("option").each(function() { // 判断需要对那个选项进行回显 if (this.value == selectStatus) { console.log($...

2021-07-16 17:03:01 487

原创 orgcharts使用步骤

<div class="right-second-content-inner"> <div id="tree" style="height: 800px;"></div> </div> orgChartTs:function (data,type){ var chart = new OrgChart(document.getElementById("tree"),

2021-07-13 09:02:56 861

原创 layui时间选择器闪退问题

laydate.render({ elem: '#datetime', type: 'date', trigger: 'click', range: '——', format: 'yyyy-MM-dd', done: function (value, date, endDate) { page.beginDate = value.substr(0, 10) page

2021-07-04 15:01:33 205

$(".nvp").click(function () { console.log(this) var that = this; tips =layer.tips("<div class=\"content_div\" style=\"display: block;\">\n" + " <div style='margin-top: 11px;'><button type=\"button\" class='qushi'&g

2021-06-30 20:05:08 635

原创 layui‘子页面调用父页面的方法

父页面 layui.use(... function(){ var _tools = { func1: function(){ console.log('func1'); } } window.tools = _tools; }) // 外部调用，如子页面 parent.tools.func1();

2021-06-17 09:51:32 826

原创对象数组的排序

function compare(property){ return function(obj1,obj2){ var value1 = obj1[property]; var value2 = obj2[property]; return value2 - value1; // 升序 } }.

2021-06-10 10:52:45 106

原创自定义滑块的样式

.cont .item .content::-webkit-scrollbar { width: 8px; background-color: rgba(0,0,0,0); } .cont .item .content::-webkit-scrollbar-thumb{ width: 8px; height: 51px; background-colo0r: #0fb3ff; border-radius: 4px; }

2021-06-08 13:58:48 224

原创 layui复选框限定个数

给复选框外层div加id function getChooseArr(){ arr=[]; $("#first>input:checkbox:checked").each(function(i){ arr[i] = $(this).val(); }); if (arr.length>1){ $("#second>input").prop("disabled", true);

2021-06-08 11:55:49 148

原创获取当前时间

function getNowFormatDate() { let date = new Date(); let seperator1 = "-"; let seperator2 = ":"; let month = date.getMonth() + 1; let strDate = date.getDate(); if (month >= 1 && month <= 9) { month = "0" + mont

2021-06-02 16:12:15 125

原创更新echarts数据

function refreshData(arr){ //刷新数据 let myChart = echarts.init(document.getElementById('charts')); let option = myChart.getOption(); option.xAxis[0].data=arr[0]; option.series[0].data = arr[1]; option.series[1].data = arr[2]; opti

2021-06-02 16:10:54 156

原创 layui弹框高度随内容增加而增加并且弹框位置自适应

layer.open({ type: 2, title: '公告详情', shadeClose: true, maxmin: false, //开启最大化最小化按钮 area: ['450px', '260px'], content: '/notice/checkNotice?flag=true&id=' + id, success: function(layero, index){ layer.iframeAuto(index); layer.style(.

2021-05-16 10:23:47 678

原创数组删除指定元素

ES6删除数组中指定元素，例： let array = [1, 2, 3, 4]; 删除2，array.splice(array.findIndex(item => item === 2), 1);

2021-04-26 15:31:01 1136 1

原创 checkbox分页选择不变

var checkedIds= [];//保存选中的id，亦适用于分页 /* 将选中的数据ID保存*/ function save_storage(obj){ if(obj.checked){ checkedIds.push(obj.value); }else{ for(var i=0; i<checkedIds.length; i++){ if(obj.value == checkedIds[i]){ checkedIds.splice(i, 1);

2021-03-31 13:52:50 258

原创 js拼接加方法需要转义

$(".show_ref_user ul").append('<li class="user_select_col" id="user_select_'+code+'">' +'<i class="fa fa-times" onclick="choose_column_obj.delColumn(\''+code+'\');">' +'</i> <span>'+desc+'</span></li>'); js...

2021-03-02 11:00:49 597

原创 element ui中拿到每一行的数据

当出现类似的代码时 <el-table-column prop="number" label="数量" > <template slot-scope="scope"> <el-input type="number" v-model="scope.row.number" placeholder="数量" @change="compute(scope.$index)"></el-input> </template> </el-table-colu

2021-02-04 15:02:33 1160

原创适应IE的点击事件

//必须先清除原有的事件 $(dom).attr("onclick", ""); //再重新绑定新的事件 $(dom).bind("click", function() { //do something; });

2021-01-19 15:20:11 304

原创 uc浏览器手机端禁用复制

div { pointer-events: none;}

2021-01-05 10:01:05 1063

原创 vue 中echarts 后端数据的处理

var myChart = echarts.init(document.getElementById('home-echarts')); var date = new Date(); //date.setFullYear(2021) var year = date.getFullYear(); myChart.setOption({ title: { text: year+'年史志事业部签约金额示意图。' }, tooltip: {}, legen

2021-01-04 16:48:59 793

转载自定义滚动条

::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } ::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #53

2021-01-04 16:43:57 57

原创小程序wxs时间格式化

function dateFormat(timetamp,format){ if(!format){ format='yyyy-MM-dd hh:mm:ss'; } timetamp = parseInt(timetamp*1000); var realDate = getDate(timetamp); function timeFormat(num){ return num<10?'0'+num:num; } var date=[ ["M+",ti

2020-12-17 10:12:51 388

原创 jQuery回到顶部插件jQuery GoUp

使用方法非常简单引用jquery库和jquery.goup.min.js到你的页面 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.goup.min.js"></script> 在调用下插件就OK了。 <script type="text/javascript"&gt

2020-12-15 09:43:29 284 1

原创 Vue组件进阶

props props: { msg: { type: Number, // Number String Boolean Object Array Function, required: true, // 规定了msg这个参数是必传的 default: 100, // 如果参数没有传递，则使用默认值 } } // 如果类型为数组或对象 props: { obj: { type: Object, default() { return {a: 1} } }, arr:

2020-09-28 09:34:15 91

原创 Vue新版本和老版本的桥接工具

npm install -g @vue/cli-init

2020-09-23 16:58:08 182

原创路由守卫

全局路由守卫 // route/index.js export default new Router() let router = new Router() // 全局路由守卫 router.beforeEach((to, from, next) => { // 进入每一个路由之前都会执行这个回调函数 // to 将要访问的路由对象 // from 将要离开的路由对象 // next 是一个函数，决定着是否能正常访问路由 next() next("/login") }) e..

2020-09-14 21:43:48 160

原创 Vue路由

路由后端路由本质：是前端请求的url地址和服务器资源的对应关系前端路由本质：浏览器地址栏的url 和页面的对应关系前端页面的的发展历程后端渲染，服务器压力大 ajax局部渲染，但是浏览器的前进和后退功能不能用单页面(spa single page application)应用: 整个项目只有一个页面浏览器地址栏的hash值 # Html5 提供了一些方法也可以做到 pushhistory Vue 的路由 Vue: Vuejs + 组件化 + 路由管理 + 状态管理 +

2020-09-13 19:35:18 56

原创组件脚手架

组件的基本使用什么是组件？将一个复杂的页面结构，按照视图或功能进行拆分，拆分出来组件之后再放回去组成页面使用组件创建组件全局 Vue.component("组件名称", { template: ` <div></div> ` }) 局部组件 new Vue({ el: "#app", data: {}, methods: {}, watch: {}, computed: {}, filters: {}, components: {

2020-09-11 19:16:31 179

原创监听计算属性过滤器过渡

监听函数的触发时机默认都是当监听的值发生改变后才会触发基本用法（浅监听） new Vue({ el: "", data: { msg: "hello" }, methods: {}, watch: { // msg 使我们监听的目标，当这个目标发生改变就会触发这个函数 msg(newVal, oldVal) { } } }) 深度监听 new Vue({ el: "", data: { obj: { a: 1 } }, watch: {

2020-09-10 20:48:38 116

原创数组和迭代遍历的常见方法

push 修改原数组，返回值时新数组的长度 slice 不修改原数组，返回值时截取出来的新数组含头不含尾 splice 修改原数组，返回值是被删除项组成的数组 indexOf 不修改原数组，返回值是下标，找不到返回-1 includes 返回值是true或false join 返回值是用指定字符串拼接之后的字符串，不修改原数组 var a = arr.join("+") console.log(a) // “1+2+3+4” console.log(arr) // [1,2,3,4] 迭代遍历

2020-09-09 22:04:55 172

原创双向绑定修饰符生命周期

双向绑定（***）用法： v-model 原理： <input type="text" :value="uname" @input="fun"> fun(e) { console.log(e) console.log("用户输入了") this.uname = e.target.value }, <div id="app">  <input type="text" v-model="msg"

2020-09-09 17:32:03 138

原创邂逅Vue

邂逅Vue Vue 什么是Vue 官网：https://cn.vuejs.org/ 作者：尤雨溪美籍华人 2014年2月 vue1.0 vue2.0 vue3.0 渐进式 JavaScript 框架框架：express / koa / Vue 库：bootstrap，jquery，zepto, swiper Ajax 阿贾克斯 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核

2020-09-08 19:09:39 252

原创解决node.js的跨域问题

只要把下面的代码卸载app.js上所有的跨域问题都可以解决。 app.all('*', (req, res, next)=> { res.header("Access-Control-Allow-Origin", req.headers.origin); res.header("Access-Control-Allow-Credentials", true); res.header("Access-Control-Allow-Headers", "X-Requested-With,Content-

2020-09-03 23:24:40 117

index.jsx

空空如也