zymAlvin-CSDN博客

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

2021-07-16 17:03:01 415

原创 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 776

原创 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 170

$(".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 568

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

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

2021-06-17 09:51:32 771

原创对象数组的排序

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

2021-06-10 10:52:45 77

原创自定义滑块的样式

.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 189

原创 layui复选框限定个数

给复选框外层div加idfunction 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 127

原创获取当前时间

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 98

原创更新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 134

原创 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 592

原创数组删除指定元素

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

2021-04-26 15:31:01 1070 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 224

原创 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 563

原创 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 1106

原创适应IE的点击事件

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

2021-01-19 15:20:11 288

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

div { pointer-events: none;}

2021-01-05 10:01:05 985

原创 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 738

转载自定义滚动条

::-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 52

原创小程序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 364

原创 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 248 1

原创 Vue组件进阶

propsprops: { 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 77

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

npm install -g @vue/cli-init

2020-09-23 16:58:08 158

原创路由守卫

全局路由守卫// route/index.jsexport 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 132

原创 Vue路由

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

2020-09-13 19:35:18 52

原创组件脚手架

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

2020-09-11 19:16:31 172

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

监听函数的触发时机默认都是当监听的值发生改变后才会触发基本用法（浅监听）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 98

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

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

2020-09-09 22:04:55 152

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

双向绑定（***）用法： 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 111

原创邂逅Vue

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

2020-09-08 19:09:39 211

原创解决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 108

原创重置数据库代码

简简单单一句话ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '123456';

2020-09-02 22:35:51 296

原创如何配置淘宝镜像cnpm与npm兼容

npm i cnpm –g –registry=https://registry.npm.taobao.org

2020-09-01 09:47:38 365

原创 Webpack配置

入口的配置,默认值"./src/index.js"如果不采用默认值需要配置webpack.config.js文件##以对象的形式配置入口module.exports={ entry:{ "输出的文件名字不能含有后缀名/输出文件的名字+路径":"入口文件的名字", "输出的文件名字不能含有后缀名/输出文件的名字+路径":"入口文件的名字" }}注：输出路径是dist的相对路径.以数组的形式配置入口，自带合并功能。数组内的元素可以是一个或多个m

2020-08-31 19:56:08 299

index.jsx

空空如也