- 博客(46)
- 收藏
- 关注
原创 react利用wangEditor写评论和@功能
评论递归ArticleListContent,jsx。@功能自定义的组件 personModal.jsx。先引入wangeditor写评论功能。
2023-08-31 17:47:38
1382
1
原创 IntersectionObserver用于监听页面元素出现消失的api
IntersectionObserverAPI是异步的,不随着目标元素的滚动同步触发。即只有线程空闲下来,才会执行观察器。这意味着,这个观察器的优先级非常低,只在其他任务执行完,浏览器有了空闲才会执行。在我们需要监听目标元素是否进入视口时,需要监听scroll事件,大量的计算会造成性能问题。...
2022-08-02 16:18:11
614
原创 layui父页面传参给子页面
父页面layer.open({ type: 2, title: '', shadeClose: true, shade: 0.8, area: this.setpage(), content: '/efdGzzd/toDi
2021-07-30 10:59:37
419
原创 layui弹框自适应大小
setpage: function () { var wid = window.innerWidth; if (wid > 600) { return ['50%', '90%']; } else { return ['70%', '90%']; } }, layer.
2021-07-30 10:58:14
809
原创 layui select框回显问题
$("#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
原创 Layui中点击出现tips
$(".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
原创 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">
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
原创 路由守卫
全局路由守卫// 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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人