- 博客(73)
- 资源 (2)
- 收藏
- 关注
原创 整理一些项目上可以用上的封装(持续更新)
一.判断对象数组中对象元素是否含有空元素//元素为字符串的为空 areAllFieldsNonEmpty(arr) { return arr.every((obj) => Object.values(obj).every( (val) => val != null && val !== "" && val !== undefined ) ); },//元素为数组的为空
2024-08-22 15:34:38
127
原创 Sequelize的拓展
以上内容皆是在上一篇Sequelize入门及简单的增删改查-CSDN博客基础上进行拓展,如想要更好了解这些内容,需要先看上一篇。
2024-06-26 22:40:57
200
原创 luckysheet二次开发
Luckysheet没有导入导出功能,所以需要二开以上内容是我根据其它途径以及自己项目需求实现的功能,有需要的可以参考参考!
2024-06-04 11:12:07
1176
4
原创 Vue封装组件库打包及发布到私有库
3.在components文件夹下创建Pagination文件夹再创建组件页面index.vue(以分页为例)7.在package.json中的scripts中添加命令行。4.在Pagination文件夹下创建index.js。5.在components文件夹下创建index.js。(更改后发布前需重新打包 npm run lib)6.在package.json修改version。(组件库基于element组件)2.引入element-ui。(每次更新前需先修改版本号)
2023-03-22 17:54:38
1009
原创 前端面试题(二)
1.vue项目是打包成一个js文件,一个css文件,还是多个文件根据vue-cli脚手架规范,一个js文件,一个cs文件2.简述ajax原理AJAX全称(Async Javascript and XML),即异步的JavaScript 和XML是一种创建交互式网页应用的网页开发技术,可以在不重新加载整个网页的情况下,与服务器交换数据,并且更新部分网页Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用JavaScript来操作DOM而更新页面
2022-05-12 16:28:47
828
原创 前端面试题整理(持续更新)
以下面试题都是我最近遇到的,答案可能不详细,可以自行去搜索理解,我只写出了大概1.vue项目中父子组件怎么传值? 1、路由配置:使用children属性实现路由嵌套,嵌套的组件关系就是父子组件关系 2、组件传值-父组件向子组件传值 3、组件传值-父组件把方法传递给子组件 4、组件传值-子组件通过事件调用向父组件传值 5、父子组件之间相互传值2.active-class 是哪个组件的属性? active-class是vue-router模块的router-link组件中...
2022-03-11 17:19:40
572
原创 vue项目使用ajax
<el-button type="primary" icon="el-icon-plus" size="small" @click="openadd()">新增</el-button> $.extend({//ajax全局调用 jsonAjax: function (options, callbackSuc, callbackErr) { options = $.extend(options, {"_r": Math.random()}); .
2022-02-28 13:57:48
3474
原创 jq点击按钮切换页面(例子用底部导航栏)
<div id="content"></div><footer class="footer1 ft1"> <a data-href="head.html" class="col-xs-3 active"> <div class="icon2"> </div> <span> 首页 </span> </a> <a da.
2022-01-21 14:46:59
926
原创 关于微信小程序的web-view的一些使用
1.web-view:个人类型小程序不支持,因此在小程序>开发管理>开发设置中也不会出现业务域名的配置个人类型的微信小程序不出现2.配置业务域名将下载后的校验文件放置域名根目录,慢的话大概一两个小时,快的话大概几分钟就可以验证成功配置过程中需要注意几个点(踩过几个坑)3.配置好业务域名后就引用web-view(src可以直接写或者通过js方式引入)4.保存后即可看到效果(注:若地址未配置成功或有其他问题,则可通过...
2022-01-17 10:35:40
2446
原创 微信小程序引入vant Weapp
1.微信小程序的内置终端用不了,只能使用外部终端点击微信开发者工具>视图>命令面板(或者Ctrl+Shift+Alt+P)打开外部终端或者直接Ctrl+Shift+C直接打开2.打开命令行后,输入npm init3.输入npm i @vant/weapp -S --production下载完成后,项目中出现4.构建npm出现这个弹窗即为成功构建看vant官方文档还需要加入这一步5.引入vant Weapp(示例引入b...
2022-01-17 10:03:29
814
原创 element-ui表格相关内容及功能
<template> <div class="user_content"> <div class="user_add"> <el-button type="primary" plain @click="dialogFormVisible = true" >新增用户</el-button > </div> <el-table//分页功能必须加的内容 .
2021-11-10 11:26:50
428
1
原创 jq动态加载,滚动表格
<div class="rent f-fl mr0" style="padding: 0px;"> <div class="news-lst alarm-lst task-lst alarm-head"> <ul style="overflow: hidden;"> <li> <a href="javascript:void(0);" class="f-toe"> &.
2021-11-10 10:50:24
272
原创 layui表格:表格渲染,增删改功能
<table id="groupTable" lay-filter="group"></table>//初始化表格initTable() function initTable() { $.ajax({ type: "get", contentType: 'application/json', dataType: "json", url: "json/device.json", async: false, success: func.
2021-11-03 14:01:31
381
原创 echarts出现宽度变成100px的情景及解决方案
1.tab页切换echarts图表时图表变形var charts=new Array();myChart.setOption(option);charts.push(myChart);//普遍的tab切换 $(window).resize(function() { for(var i = 0; i < charts.length; i++) { charts[i].resize(); }
2021-11-02 15:43:52
1342
原创 xm-select树形下拉框渲染,取值,赋值
//下拉树渲染<div id="demo3" class="xm-select-demo" style="width: 300px;"></div> <script> var demo3 = xmSelect.render({ el: '#demo3', model: { label: { type: 'text' } }, radio: true, clickClose: t.
2021-11-02 15:23:37
6712
原创 jq&&ztree树形下拉框
//样式自行定义<input id="orgName" class="org-select u-input input5" onclick="showTree()" readonly> <!-- 模拟select点击框 以及option的text值显示--> <i class="trg" style="position: absolute;"></i> <!-- 模拟select右侧倒三角 --> <input id="or.
2021-10-08 14:32:54
1095
原创 jq显示隐藏内容
1.更多条件及收起<div><a id="key" style="width: 10%;float: left;color:rgba(161, 205, 255, 0.9);padding:20px"><i class="fa fa-angle-double-down"></i>更多条件</a></div><div class="search_content">kkk</div><s
2021-10-08 14:24:47
110
原创 datatable+bootstrap-multiselect:列的显示隐藏
//列出表格的所有字段<select class="example u-input" multiple="multiple" style="width: 150px;" id="visible"> <option value="0" selected="selected">选择框</option> <option value="1" selected="selected">序号</option> <.
2021-09-23 10:40:46
303
原创 bootstrap-table:列的显示与隐藏以及动态加载列(自定义加载表头)
var head_data = []// 初始化表格 getColumns() function getColumns() { // 加载动态表格 $.ajax({ url: "json/head.json", type: 'get', dataType: "json", async: false, success: function(data) { head_data = data var options = { ...
2021-09-23 10:32:23
3928
原创 js-ip地址池
<div class="ip_spread" style="margin-top: 20px;"> <div> <div style="float: left;"> <span class="gray"></span> <span class="btn_text">未占线</span> </div> <div.
2021-09-23 10:20:02
227
原创 js字符串拼接合成一段话或者一个模板封装
1. 拼接一段话function mean_sum(id,title,state){ var html="" for(var i=0;i<state.length;i++){ sum=state[i].iPActiveCount+state[i].offlineIPCount; percent=(state[i].iPActiveCount/sum*100).toFixed(0)+"%" html=state[i].ips+"共有网段"+state[i].port+"个,其中终端
2021-06-28 14:21:48
301
原创 js表格封装
//资产在线情况表格封装! function(global, factory) { global.Tableone = factory(); //标准模式}(this, function() { return function(json) { /*定义变量,利用json参数引用html定义的值*/ tableId = json.tableId, theader = json.theader, style = json.style, data = json.data;..
2021-06-28 13:56:27
357
原创 echarts饼状图随机颜色
第一种:随机颜色 color: function() { return 'rgb(' + [ Math.round(Math.random() * 160), Math.round(Math.random() * 160), Math.round(Math.random() * 160) ].join(',') + ')'; },第二种:在颜色范围内随机itemStyle: { normal: { color: f.
2021-06-15 15:40:31
3081
4
原创 echarts图表切换数据且导出excel
zuizho<script src="js/jquery.table2excel.js"></script>
2021-06-11 11:32:23
420
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人