编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

91浏览

0评论

vue中如何实现后台管理系统的权限控制的方法步骤

一、前言在广告机项目中，角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分，其中根据粒的大小分的更细：接口访问的权限控制页面的权限控制菜...

2020-05-27 02:47:46

77浏览

0评论

layui 实现table翻页滚动条位置保持不变的例子

最近使用了layui table但是发现了一系列问题，由于被封装过不好自己修改，比如翻页后滑动条每次都会复位，导致体验不好，通过调试，我发现layui table并没有给div加id标签，我通过class...

2020-05-27 02:47:45

115浏览

0评论

javascript之分片上传，断点续传的实际项目实现详解

总所周知，上传大文件时由于各种原因突然中断，然后整个文件需要从头开始上传，这种情况非常令人抓狂??，那么怎样才可以避免这种尴尬的情况呢？分片上传或许可以搞定这个痛点...

2020-05-27 02:47:44

114浏览

0评论

利用d3.js制作连线动画图与编辑器的方法实例

连线动画图编辑器
效果如上图所示。
本项目使用主要d3.jsv4制作，分两部分，一个是实际展示的连线动画图，另一个是管理人员使用鼠标编辑连线的页面。对于d3.js如何引入图片，如何画...

2020-05-27 02:47:42

71浏览

0评论

BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑

BootStrapValidator表单验证插件的坑还真不少，又让我碰上一个...BootStrapValidator验证的表单中只可有一个 type="submit" 的按钮。我这样写了之后（代码如下），点击其它按钮...

2020-05-27 02:47:41

58浏览

0评论

使用easyui从servlet传递json数据到前端页面的两种方法

两种方法获取的数据在servlet层传递的方法相同，下面为Servlet中代码，以查询表中所有信息为例。//重写doGet方法protected void doGet(HttpServletRequest request, HttpServl...

2020-05-27 02:47:40

92浏览

0评论

Layui数据表格跳转到指定页的实现方法

1.获取数据表格下分页组件中的页码输入框，具体元素在Elements中位置如下2.获取上述input并设置其value属性值为目标跳转页面页码$(".layui-laypage-skip").find("input").val...

2020-05-27 02:47:39

73浏览

0评论

layer.js open 隐藏滚动条的例子

我就废话不多说了，直接上代码让大家看看吧！$('img.echart-trand').click(function() { var host = $(this).data('host'); var role = $(this).data('role'); console.log('...

2020-05-27 02:47:38

55浏览

0评论

JavaScript基础之this和箭头函数详析

箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this。
由于箭头函数没有自己的this指针，通过 call() 或 apply() 方法调用一个函数时，只能传递参数（不能绑定t...

2020-05-27 02:47:37

58浏览

0评论

layer.open弹层查看缩略图的原图,自适应大小的实例

很多时候需要查看缩略图的原图，那么layer.open是一个不错的选择直接上代码//查看原图 function showImg(url){ //alert(url); var img_infor = "<img src='" + url + "' />";...

2020-05-27 02:47:36

123浏览

0评论

在layui中layer弹出层点击事件无效的解决方法

1、click只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事件的2、而(document).on(“click”,”指定的元素”,function());方法则是将指定的事件绑定在d...

2020-05-27 02:47:35

67浏览

0评论

layer.open的自适应及居中及子页面标题的修改方法

layer.open的自适应：var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.iframeAuto(index);layer.open居中：var index1 =...

2020-05-27 02:47:34

867浏览

0评论

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 02:47:33

138浏览

0评论

React路由鉴权的实现方法

前言上一篇文章中有同学提到路由鉴权，由于时间关系没有写，本文将针对这一特性对 vue 和 react 做专门说明，希望同学看了以后能够受益匪浅，对你的项目能够有所帮助，本文借鉴了很多...

2020-05-27 02:47:32

47浏览

0评论

一文看懂如何简单实现节流函数和防抖函数

前言在日常开发中有很多场景我们都需要用到节流函数和防抖函数，比如：实现输入框的模糊查询因为需要轮询ajax，影响浏览器性能，所以需要用到节流函数；实现手机号、姓名之类的的验证...

2020-05-27 02:47:30

158浏览

0评论

vue实现手机号码的校验实例代码（防抖函数的应用场景）

前言上一篇博文我们讲到了节流函数的应用场景，我们知道了节流函数可以用在模糊查询、scroller、onresize等场景；今天这篇我们来讲防抖函数的应用场景：：通过上一篇博文的学习，我们...

2020-05-27 02:47:29

94浏览

0评论

vue使用i18n实现国际化的方法详解

一、前言
在4k广告机中需要实现多语言切换，这时候接触到国际化，前端框架无数，其中几种热门的框架都有相匹配的国际化插件工具。比如： vue + vue-i18n angular + angular-trans...

2020-05-27 02:47:28

52浏览

0评论

layer实现弹出层自动调节位置

项目中有弹出层的内容是不固定的，根据情况可能变长变短，于是就要求做layer弹出层的大小自适应，查询了api后发现layer.iframeAuto方法可以实现，这里吐槽一点，ie浏览器的html没有被...

2020-05-27 02:47:27

77浏览

0评论

JS中比Switch...Case更优雅的多条件判断写法

前言
前几天，本人负责编写网站上线的环境判断功能，其中涉及到大量多条件判断的code。对于多条件判断写法，大部分程序员都是采用if...else if...else或者switch...case的写法，但...

2020-05-27 02:47:26

53浏览

0评论

解决layer.msg 不居中 ifram中的问题

在ifram中layer.alert 只展示当前页面如何让弹框在整个页面中展示而不是在ifram中parent.parent.layer.alert('请输入预约人');本以为这样就可以在主页面中还需要引入laye...

2020-05-27 02:47:25

67浏览

0评论

layui多iframe页面控制定时器运行的方法

我们web页面中有几个页面是有定时器在刷新的，并且查询的内容还不少，给服务器造成了不少压力。这些接口已经尽量优化，能放到缓存的都放到缓存。然后主管又提了一个需求，就是我们...

2020-05-27 02:47:24

78浏览

0评论

如何阻止小程序遮罩层下方图层滚动

这篇文章主要介绍了如何阻止小程序遮罩层下方图层滚动,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下原因是因为：touchm...

2020-05-27 02:47:23

43浏览

0评论

layui动态加载多表头的实例

效果动态生成header返回的header数据：格式为数组，因为是二级表头，所以是二元数组后台动态拼接数组，返回数组后把两个数组push到一个空数组中就可以组成一个动态的多级表头var he...

2020-05-27 02:47:22

59浏览

0评论

微信小程序下拉加载和上拉刷新两种实现方法详解

方法一：onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新首先要在json文件里设置window属性设置js里onPullDownRefresh和onReachBottom方法下拉加载说明：当...

2020-05-27 02:47:21

59浏览

0评论

layui table去掉右侧滑动条的实现方法

使用layui table后，table会自动有一个滑动条，使用时需要去掉，原理如下：定义一个tab的父div id，在这个id中寻找 class为 layui-table-main，layui-form的标签，将高度设置为100%即可。...

2020-05-27 02:47:20

84浏览

0评论

微信小程序HTTP接口请求封装代码实例

1.方法封装（新建文件夹util，工具文件，在文件夹下创建request.js文件，用于对方法封装）
request.js：var app = getApp();//项目URL相同部分，减轻代码量，同时方便项目迁移//这里因为我...

2020-05-27 02:47:19

54浏览

0评论

layui table设置某一行的字体颜色方法

table自带的可以设置某一个单元格颜色，必须根据内容来修改，对于很多列同时修改并不方便，直接使用js操作比较简单。首先自定义一个div，内部存放table，根据class找到table，然后找到...

2020-05-27 02:47:18

67浏览

0评论

JavaScript获取某一天所在的星期

导语：如何获取今天或者某一天所在星期的开始和结束日期，或者如何获取整个星期的日期我们会遇到的需求的是，获取今天或者某一天所在星期的开始和结束日期。我们这里来获取今天...

2020-05-27 02:47:17

47浏览

0评论

vue draggable resizable gorkys与v-chart使用与总结

实现效果:实现图表的二次封装以及表格的自由拖动,缩放功能先贴出两个组件的地址:vue-draggable-resizable-gorkys
v-chart图标的二次封装这里我们先做一个简单的封装比如标...

2020-05-27 02:47:16

102浏览

0评论

关于JS解构的5种有趣用法

前言原文标题：5 Interesting Uses of JavaScript Destructuring原文链接：dmitripavlutin.com/5-interesti…定期回顾我写的JS代码，我发现解构运算无处不在。
获取对象的属性和...

2020-05-27 02:47:15

48浏览

0评论

vue路由守卫及路由守卫无限循环问题详析

先贴一波官方文档的内容
const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是...

2020-05-27 02:47:14

161浏览

0评论

Vue.js如何使用Socket.IO的示例代码

在很多需求业务中，都需要浏览器和服务器实时通信来实现功能，比如：扫码登录(扫码后，手机确认登录，PC网页完成登录并跳转)、订单语言提醒等，这些都是建立在两端实时通信的基础上的。...

2020-05-27 02:47:13

154浏览

0评论

VsCode与Node.js知识点详解

1.下载及安装node.js下载:http://nodejs.cn/download/安装:指定安装目录,安装即可.环境变量会自动配置验证: 2.下载及安装VsCode指定安装目录: 注意 : 环境变量也...

2020-05-27 02:47:11

113浏览

0评论

a标签调用js的方法总结

a标签点击事件方法汇总<a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。
这里的href=...

2020-05-27 02:47:10

164浏览

0评论

JavaScript 截取字符串代码实例

这篇文章主要介绍了JavaScript 截取字符串代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下<script>...

2020-05-27 02:47:09

106浏览

0评论

layui的面包屑或者表单不显示的解决方法

如下所示：页面上显示空白是因为加了hidden；让我们去查查官方文档官方是这样描述的当你使用表单时，Layui会对select、checkbox、radio等原始元素隐藏，从而进行美化修饰处理。...

2020-05-27 02:47:08

78浏览

0评论

解决layui的使用以及针对select、radio等表单组件不显示的问题

layui是国内一款界面比较整洁大方的ui框架，里面封装了很多前端开发常用的组件，通常我们直接复制代码过去就可以实现效果，可以提高我们的开发效率。使用步骤：1、下载layui：https:/...

2020-05-27 02:47:07

77浏览

0评论

layui中select，radio设置不生效的解决方法

废话不多说，大家来看吧！ <button class="layui-btn layui-btn-radius" layadmin-event="edit"> <i class="layui-icon"></i>编辑</button>点击编辑取消disabled$(...

2020-05-27 02:47:06

50浏览

0评论

layer 刷新某个页面的实现方法

一：使用layer.open打开的子页面window.parent.location.reload()//刷新父页面var index = parent.layer.getFrameIndex(window.name)//获取窗口索引parent.layer.close(index...

2020-05-27 02:47:05

47浏览

0评论

layui表单验证select下拉框实现验证的方法

layui 的form表单里的select 一开始以为加上lay-verify="required"就可以验证不空了,可是反复试了几次都不能验证代码如下：<div class="layui-form-item"> <label class="la...

2020-05-27 02:47:04

65浏览

0评论

layui select 禁止点击的实现方法

直接上代码啦注意事项：1. 必须写 layui.use([form])2. 先把属性设置为disabled3. 再form.render（）一下以上这篇layui select 禁止点击的实现方法就是小编分享给大家的全部内容...

2020-05-27 02:47:03

57浏览

0评论

在layui中select更改后生效的方法

在layui中重新渲染表单这一步比较重要，部分表单元素需要重新渲染后才能生效，例如select建议在js中放入以下function： //重新渲染表单 function renderForm(){ layui.us...

2020-05-27 02:47:02

64浏览

0评论

vue中 this.$set的用法详解

当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。<template> <div id="app"> <p v-for="...

2020-05-27 02:47:01

63浏览

0评论

layui表格列自动适应大小失效的解决方法

如下所示：从官网复制的表格，修改成自适应宽度后失效，原因如下：以上这篇layui表格列自动适应大小失效的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家...

2020-05-27 02:47:00

80浏览

0评论

layui表格内容溢出的解决方法

引言，我做文章管理的时候，引入的是layui的表格样式，但是里面的内容溢出无法隐藏，后来我采用了往td里面加了个<div></div>然后设置一下样式就可以了。
<table class="layui-tabl...

2020-05-27 02:46:59

55浏览

0评论

layui关闭层级、简单监听的实例

弹出一个小页面input代码如下 /*监听工具条*/ table.on('tool(test)', function(obj){ var data = obj.data; /*获得当前行数据*/ var layEvent = obj.event; /*获得 lay...

2020-05-27 02:46:58

62浏览

0评论

layui关闭弹窗后刷新主页面和当前更改项的例子

如下所示： function open(t){ var id = $(t).attr("data-id"); var url = "{:U('home/.../...')}&id="+id; //弹出层 layer.open({ ... content: url...

2020-05-27 02:46:57

90浏览

0评论

使用layui的router来进行传参的实现方法

如果我们需要通过链接传参的话，我们需要使用使用url+/#/参数如下面代码我要传参id,edit/#/id=1就可以传参成功了 $(document).on('click', '#edit', function(data) { va...

2020-05-27 02:46:56

81浏览

0评论

layui type2 通过url给iframe子页面传值的例子

A页面调用layui.layer.open layui.use(["layer"], function () { layui.layer.open({ type: 2, title: "管理角色拥有的部门",...

2020-05-27 02:46:55

168浏览

0评论

Nuxt.js实现一个SSR的前端博客的示例代码

为什么要用Nuxt.js公司现有的项目只有落地页是通过前端本身server读取pug文件进行服务端渲染的，当然是为了首屏加载速度以及SEO。Nuxt.js 是一个基于Vue.js的通用应用框架，预...

2020-05-27 02:46:54

首页 «1462 146314641465 1466 »尾页

热门文章