layui弹出框Tab选项卡的示例代码
最近做一个项目，使用LAYUI，在界面上Z弹出一个界面A，A上有TAB选项卡，分别为界面B、C；B界面上有一个列表，双击败列表行时，要把数据回写到界面Z; 界面A上有提交按钮，选中B界面上列表某...
2020-05-27
微信小程序 自定义复选框实现代码实例
功能： 1、需要多选复选框，并且可以上拉滚动；2、需要通过名称手写字母排序的，并且可以上拉滚动；常规的小程序自带的原生picker无法满足我们的要求，因此一些特殊效果需要我们自定义...
2020-05-27
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
1.html代码片段<div class="layui-input-inline"> <button type="button" οnclick="selectRole()" class="layui-btn layui-btn-primary layui-btn-radius">选择角...
2020-05-27
webpack 如何解析代码模块路径的实现
前言webpack是如何解析代码模块路径webpack 中有一个很关键的模块 enhanced-resolve 就是处理依赖模块路径的解析的，这个模块可以说是 Node.js 那一套模块路径解析的增强版本...
2020-05-27
深入浅出vue图片路径的实现
基础
1.webpack打包本质
本质就是nodejs去执行webpack脚本，由webpack脚本对项目各个文件进行必要的编译(通俗而言即字符串处理)，再输出到某个目录
2.import from 和require
we...
2020-05-27
微信小程序JS加载esmap地图的实例详解
一、在微信小程序里显示室内三维地图 需要满足的两个条件调用ESMap室内地图需要用到小程序web-view组件，想要通过 web-view 调用ESMap室内地图需要满足以下 2 个条件：1. 小程...
2020-05-27
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
简介看到今日头条小程序页面可以滑动切换，而且tab导航条也会跟着滚动，点击tab导航，页面滑动，切导航栏也会跟着滚动，就想着要怎么实现这个功能像商城类商品类目如果做成左右滑动切...
2020-05-27
解决layui数据表格table的横向滚动条显示问题
加上这段样式代码就可以解决了：<link type="text/css" rel="stylesheet" href="layui/css/layui.css" rel="external nofollow" /><style> body{overflow-y: scroll;} /* 禁...
2020-05-27
解决layui表格的表头不滚动的问题
步奏：1、设置两个table，第一个table有thead没有tbody，第二个table有tbody没有table；2、第二个table需要一个div包住，并设置宽高，可用绝对布局3、tr下的th和td需要设置相同的宽度实...
2020-05-27
Layui 数据表格批量删除和多条件搜索的实例
layui数据表格批量删除多条件搜索框：注样式自己写<div class="demoTable" style="width: 968px; margin:20px auto;color: #7185a2"> 流水号： <div class="layui-inline...
2020-05-27
Vue实现商品详情页的评价列表功能
本篇我们来实现商品详情页的评价列表。 必要的数据这里咱们举一个数据的例子，明明白白地了解这些数据是如何绑定到模板中的。数据来自于Foods父组件，当我们选中商品，跳转到商品...
2020-05-27
layui table数据修改的回显方法
实现的样式给你们看一波点击这锅按钮其实回显就是一个赋值的操作，先把form表单的那些input 框的id拿到，在展示成功的那里进行绑值 table.on('tool(test)', function(obj) { va...
2020-05-27
layui-table对返回的数据进行转变显示的实例
在使用layui表格时，在ajax请求回来的数据，有时候需要我们处理之后显示1.比如性别sex这个字段，后台可能返回的是1.或者 2；那我们总不能显示1.和 2，我们需要显示男和女，这里就用到了...
2020-05-27
layui 对弹窗 form表单赋值的实现方法
目的： 点击编辑按钮 实现 数据回显到弹出 子页面 表单 内。如下图：Html 代码：<body> <div class="layui-form" lay-filter="useradmin" id="useradmin"> <div class="layui-fo...
2020-05-27
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
思路 ：动态路由实现:在导航守卫中判断用户是否有用户信息， 通过调用接口，拿到后台根据用户角色生成的菜单树， 格式化菜单树结构信息并递归生成层级路由表并 使用Vuex保存，通过 r...
2020-05-27
vue中如何实现后台管理系统的权限控制的方法步骤
一、前言在广告机项目中，角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分，其中根据粒的大小分的更细： 接口访问的权限控制 页面的权限控制 菜...
2020-05-27
layui 实现table翻页滚动条位置保持不变的例子
最近使用了layui table但是发现了一系列问题，由于被封装过不好自己修改，比如翻页后滑动条每次都会复位，导致体验不好，通过调试，我发现layui table并没有给div加id标签，我通过class...
2020-05-27
javascript之分片上传，断点续传的实际项目实现详解
总所周知，上传大文件时由于各种原因突然中断，然后整个文件需要从头开始上传，这种情况非常令人抓狂??，那么怎样才可以避免这种尴尬的情况呢？分片上传或许可以搞定这个痛点...
2020-05-27
利用d3.js制作连线动画图与编辑器的方法实例
连线动画图编辑器
效果如上图所示。
本项目使用主要d3.jsv4制作，分两部分，一个是实际展示的连线动画图，另一个是管理人员使用鼠标编辑连线的页面。对于d3.js如何引入图片，如何画...
2020-05-27
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
BootStrapValidator表单验证插件的坑还真不少，又让我碰上一个...BootStrapValidator验证的表单中只可有一个 type="submit" 的按钮。 我这样写了之后 （代码如下） ，点击其它按钮...
2020-05-27
使用easyui从servlet传递json数据到前端页面的两种方法
两种方法获取的数据在servlet层传递的方法相同，下面为Servlet中代码，以查询表中所有信息为例。//重写doGet方法protected void doGet(HttpServletRequest request, HttpServl...
2020-05-27
Layui数据表格跳转到指定页的实现方法
1.获取数据表格下分页组件中的页码输入框，具体元素在Elements中位置如下2.获取上述input并设置其value属性值为目标跳转页面页码$(".layui-laypage-skip").find("input").val...
2020-05-27
layer.js open 隐藏滚动条的例子
我就废话不多说了，直接上代码让大家看看吧！$('img.echart-trand').click(function() { var host = $(this).data('host'); var role = $(this).data('role'); console.log('...
2020-05-27
JavaScript基础之this和箭头函数详析
箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this。
由于箭头函数没有自己的this指针，通过 call() 或 apply() 方法调用一个函数时，只能传递参数（不能绑定t...
2020-05-27
layer.open弹层查看缩略图的原图,自适应大小的实例
很多时候需要查看缩略图的原图，那么layer.open是一个不错的选择直接上代码//查看原图 function showImg(url){ //alert(url); var img_infor = "<img src='" + url + "' />";...
2020-05-27
在layui中layer弹出层点击事件无效的解决方法
1、click只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事 件的2、而(document).on(“click”,”指定的元素”,function());方法则是将指定的事件绑定在d...
2020-05-27
layer.open的自适应及居中及子页面标题的修改方法
layer.open的自适应：var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.iframeAuto(index);layer.open居中：var index1 =...
2020-05-27
vue.js+elementUI实现点击左右箭头切换头像功能（类似轮播图效果）
1.效果图如下2.vue代码如下<el-carousel type="card" arrow="always" :loop="false" :initial-index="1" indicator-position="none" :autoplay="false"> <el-carouse...
2020-05-27
React路由鉴权的实现方法
前言上一篇文章中有同学提到路由鉴权，由于时间关系没有写，本文将针对这一特性对 vue 和 react 做专门说明，希望同学看了以后能够受益匪浅，对你的项目能够有所帮助，本文借鉴了很多...
2020-05-27
一文看懂如何简单实现节流函数和防抖函数
前言在日常开发中有很多场景我们都需要用到节流函数和防抖函数，比如：实现输入框的模糊查询因为需要轮询ajax，影响浏览器性能，所以需要用到节流函数；实现手机号、姓名之类的的验证...
2020-05-27
vue实现手机号码的校验实例代码（防抖函数的应用场景）
前言上一篇博文我们讲到了节流函数的应用场景，我们知道了节流函数可以用在模糊查询、scroller、onresize等场景；今天这篇我们来讲防抖函数的应用场景：：通过上一篇博文的学习，我们...
2020-05-27
vue使用i18n实现国际化的方法详解
一、前言
在4k广告机中需要实现多语言切换，这时候接触到国际化，前端框架无数，其中几种热门的框架都有相匹配的国际化插件工具。比如： vue + vue-i18n angular + angular-trans...
2020-05-27
layer实现弹出层自动调节位置
项目中有弹出层的内容是不固定的，根据情况可能变长变短，于是就要求做layer弹出层的大小自适应，查询了api后发现layer.iframeAuto方法可以实现，这里吐槽一点，ie浏览器的html没有被...
2020-05-27
JS中比Switch...Case更优雅的多条件判断写法
前言
前几天，本人负责编写网站上线的环境判断功能，其中涉及到大量多条件判断的code。对于多条件判断写法，大部分程序员都是采用if...else if...else或者switch...case的写法，但...
2020-05-27
解决layer.msg 不居中 ifram中的问题
在ifram中layer.alert 只展示当前页面如何让弹框在整个页面中展示 而不是在ifram中parent.parent.layer.alert('请输入预约人');本以为这样就可以 在主页面中还需要引入laye...
2020-05-27
layui多iframe页面控制定时器运行的方法
我们web页面中有几个页面是有定时器在刷新的，并且查询的内容还不少，给服务器造成了不少压力。这些接口已经尽量优化，能放到缓存的都放到缓存。然后主管又提了一个需求，就是我们...
2020-05-27
如何阻止小程序遮罩层下方图层滚动
这篇文章主要介绍了如何阻止小程序遮罩层下方图层滚动,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下原因是因为：touchm...
2020-05-27
layui动态加载多表头的实例
效果动态生成header返回的header数据：格式为数组，因为是二级表头，所以是二元数组后台动态拼接数组，返回数组后把两个数组push到一个空数组中就可以组成一个动态的多级表头var he...
2020-05-27
微信小程序下拉加载和上拉刷新两种实现方法详解
方法一：onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新首先要在json文件里设置window属性设置js里onPullDownRefresh和onReachBottom方法下拉加载说明：当...
2020-05-27
layui table去掉右侧滑动条的实现方法
使用layui table后，table会自动有一个滑动条，使用时需要去掉，原理如下：定义一个tab的父div id，在这个id中寻找 class为 layui-table-main，layui-form的标签，将高度设置为100%即可。...
2020-05-27
微信小程序HTTP接口请求封装代码实例
1.方法封装（新建文件夹util，工具文件，在文件夹下创建request.js文件，用于对方法封装）
request.js：var app = getApp();//项目URL相同部分，减轻代码量，同时方便项目迁移//这里因为我...
2020-05-27
layui table设置某一行的字体颜色方法
table自带的可以设置某一个单元格颜色，必须根据内容来修改，对于很多列同时修改并不方便，直接使用js操作比较简单。首先自定义一个div，内部存放table，根据class找到table，然后找到...
2020-05-27
JavaScript获取某一天所在的星期
导语： 如何获取今天或者某一天所在星期的开始和结束日期，或者如何获取整个星期的日期我们会遇到的需求的是，获取今天或者某一天所在星期的开始和结束日期。我们这里来获取今天...
2020-05-27
vue draggable resizable gorkys与v-chart使用与总结
实现效果:实现图表的二次封装以及表格的自由拖动,缩放功能先贴出两个组件的地址:vue-draggable-resizable-gorkys
v-chart图标的二次封装这里我们先做一个简单的封装比如标...
2020-05-27
关于JS解构的5种有趣用法
前言原文标题：5 Interesting Uses of JavaScript Destructuring原文链接：dmitripavlutin.com/5-interesti…定期回顾我写的JS代码，我发现解构运算无处不在。
获取对象的属性和...
2020-05-27
vue路由守卫及路由守卫无限循环问题详析
先贴一波官方文档的内容
const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是...
2020-05-27
Vue.js如何使用Socket.IO的示例代码
在很多需求业务中，都需要浏览器和服务器实时通信来实现功能，比如：扫码登录(扫码后，手机确认登录，PC网页完成登录并跳转)、订单语言提醒等，这些都是建立在两端实时通信的基础上的。...
2020-05-27
VsCode与Node.js知识点详解
1.下载及安装node.js下载:http://nodejs.cn/download/安装:指定安装目录,安装即可.环境变量会自动配置 验证: 2.下载及安装VsCode指定安装目录: 注意 : 环境变量也...
2020-05-27
a标签调用js的方法总结
a标签点击事件方法汇总<a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。
这里的href=...
2020-05-27
JavaScript 截取字符串代码实例
这篇文章主要介绍了JavaScript 截取字符串代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下<script>...
2020-05-27
