JavaScript - 教程之家

56浏览

0评论

LayUi中接口传数据成功,表格不显示数据的解决方法

今天接触这个框架发现的问题，感觉有必要注意下。LayUi 对穿过来的 Json 有严格的要求，一般情况下，要求要有4个参数，分别为：code:0 //数据状态msg:"" //状态信息count:1000 //数据...

2020-05-27

46浏览

0评论

基于layui数据表格以及传数据的方式

如下所示：数据表格一：<div style="margin:0px; background-color: white; margin:0 10px;"> <blockquote class="layui-elem-quote"> <div class="layui-btn-group demo...

2020-05-27

45浏览

0评论

jQuery UI实现动画效果代码分享

页面文档载入后，为第一张图片添加class属性值为img1，为第二张图片添加class属性值img2，为第三张图片添加class属性img3，为第四张图片添加class属性值img4，这会使得每张图片的下半...

2020-05-27

60浏览

0评论

jQuery中常用动画效果函数知识点整理

jQuery的效果函数列表：animate():对被选元素应用“自定义”的动画。clearQueue()：对被选元素移除所有排队的函数（仍未运行的）。delay():对被选元素的所有排队函数（仍未运行）设置延...

2020-05-27

34浏览

0评论

菊花转动的jquery加载动画效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link charset="utf-8" href="css/reset.css" rel="external nofollow" rel="st...

2020-05-27

37浏览

0评论

Layui组件Table绑定行点击事件和获取行数据的方法

一个项目里面用了layui,简直无数个坑...这里先记录一个行点击事件的坑,后面慢慢补充.初始化表格完成后利用事件给table(定位table需要在HTML代码中给table放入指定div)的tr...

2020-05-27

43浏览

0评论

layui获取选中行数据的实例讲解

第一步：在jsp文件中设置按钮<div class="layui-btn-group demoTable"> <button class="layui-btn" data-type="getCheckData">获取选中行数据</button> <button class="layu...

2020-05-27

46浏览

0评论

使用layui 渲染table数据表格的实例代码

先上最终效果图：1，引入layui的css和js文件<link rel="stylesheet" href="lib/layui/css/layui.css" rel="external nofollow" ><script src="lib/layui/layui.js"></script>2，...

2020-05-27

68浏览

0评论

Vue常用指令详解分析

Vue入门Vue是一个MVVM（Model / View / ViewModel）的前端框架，相对于Angular来说简单、易学上手快，近两年也也别流行，发展速度较快，已经超越Angular了。比较适用于移动端，轻量级的框...

2020-05-27

47浏览

0评论

解决layui中table异步数据请求不支持自定义返回数据格式的问题

使用版本 layui-v2.3.0修改：打开layui中table.js源码在 Class.prototype.pullData 这个方法定义内部//获得数据Class.prototype.pullData = function(curr, loadIndex){ var...

2020-05-27

55浏览

0评论

解决layui上传文件提示上传异常,实际文件已经上传成功的问题

layui上传文件提示上传异常，实际文件已经上传成功原因：上传回调的方法接收的参数应该是json格式的，之前返回的是String,所以一直走异常的方法@ResponseBody@RequestMapping("/w...

2020-05-27

63浏览

0评论

Layui数据表格之获取表格中所有的数据方法

数据表格中的数据是通过直接赋值的方式。这里实际上思想是反过来的，将拿数据表格中的所有数据，转换为Layui数据表格拿原始数据去渲染数据表格。1、创建一个作用域合适的JS对象...

2020-05-27

55浏览

0评论

解决LayUI表单获取不到data的问题

前几天用LayUI表单进行AJAX提交的时候发现,function(data)里的data始终无法获取表单里填的值，当时我认为是出BUG了就用了$('#updateform').serialize()来获取表单数据 //...

2020-05-27

76浏览

0评论

layui 给数据表格加序号的方法

1，第一种需求，只给当前页加序号（1），给你的数据加上 templet属性,cols: [[ {field:'tourPlayerId', width:80, title: 'ID1', sort: true,fixed: 'left',} ,{field:'zizeng', widt...

2020-05-27

57浏览

0评论

Layer弹出层动态获取数据的方法

前一阵子做了一个简单的小项目，用到了Layer弹出层（弹出层的用法就不多加赘述了，官网上都有详细的介绍，这里附上网址http://layer.layui.com/），当时前后台合页面的时候就出现了一个...

2020-05-27

54浏览

0评论

Angular6 写一个简单的Select组件示例

Select组件目录结构/src /app /select /select.ts /select.html /select.css /options.ts /index.ts//select.tsimport { Component, ContentChildren,...

2020-05-27

76浏览

0评论

微信小程序scroll-view实现滚动穿透和阻止滚动的方法

scroll-view滚动穿透，阻止滚动
页面弹窗阻止滚动是一种常见的问题，这里简单介绍小程序scroll-view的一种解决方式常用阻止滚动方式
在不使用scroll-view的弹窗中, 为position...

2020-05-27

75浏览

0评论

详解如何在Vue里建立长按指令

您是否曾想过按住按钮几秒钟才能在Vue应用程序中执行某个功能？您是否曾想在应用程序上创建一个按钮，通过按一次（或按住按钮的整个输入）来清除单个输入？如果你曾有过这些想法，很好，...

2020-05-27

57浏览

0评论

layui弹出层按钮提交iframe表单的方法

如下所示：layer.open({ id: 'LAY_layuipro', //设定一个id，防止重复弹出 type: 2, title:'添加人员信息', area: ['600px','340px'], btn: ['保存','关闭'],...

2020-05-27

94浏览

0评论

react.js组件实现拖拽复制和可排序的示例代码

在实现复制前，对之前的拖拽排序组件属性进行了修改。摒弃了value中的content属性，拖拽组件暴露的render函数，利用这个属性进行组件内部子组件的渲染，这点主要是参考了蚂蚁金服...

2020-05-27

63浏览

0评论

获取layer.open弹出层的返回值方法

正在开发的车联网项目用到了layer API。当我在开发“新建电子围栏”的时候需要弹出地图，用户在地图中画一个区域，最后将这个弹出层的数据返回给原页面。下面是我的实现过：程：触...

2020-05-27

71浏览

0评论

微信小程序 MinUI组件库系列之badge徽章组件示例

MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架、各种小程序组件主流框架等，并且提供了高效的命令行工具。MinU...

2020-05-27

50浏览

0评论

Layui给数据表格动态添加一行并跳转到添加行所在页的方法

Layui是一个前端 UI 框架，该框架风格优雅，但由于发布时间较短，很多功能并没有提供实现。笔者在使用Layui的数据表格的时候，需求是这样的：当点击添加按钮的时候，就在数据表格最后动...

2020-05-27

67浏览

0评论

浅谈微信小程序之官方UI框架we-ui使用教程

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 t...

2020-05-27

59浏览

0评论

JavaScript实现多态和继承的封装操作示例

本文实例讲述了JavaScript实现多态和继承的封装操作。分享给大家供大家参考，具体如下：封装Encapsulation如下代码,这就算是封装了(function (windows, undefined) { var i =...

2020-05-27

60浏览

0评论

nodejs 如何手动实现服务器

这是一个连续的node学习笔记, 本文是第一章, 会持续更新, 持续完善python好用,用久了就会把人的脾气养起来, nodejs不好用, 但效率很好, 也能彻底治好你的坏脾气nodejs的回...

2020-05-27

63浏览

0评论

RequireJS用法简单示例

2020-05-27

51浏览

0评论

JavaScript作用域、闭包、对象与原型链概念及用法实例总结

本文实例讲述了JavaScript作用域、闭包、对象与原型链概念及用法。分享给大家供大家参考，具体如下：1 JavaScript变量作用域1.1 函数作用域没有块作用域：即作用域不是以{}包围的...

2020-05-27

51浏览

0评论

Vue2.0生命周期的理解

网上已经有很多关于vue生命周期的文章，我的这篇文章的由来，其实是我对官网上描述的一句话的思考与理解：“el被新创建的vm.$el替换”，所以文章更多的内容可能是在对vue生命周期中...

2020-05-27

47浏览

0评论

解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题

vue-quill-editor是个较为轻量级富文本框，相较于ueditor，开发更编辑，更加直观，如果大家伙在需求允许的情况下，还是会比较建议使用vue-quill-editor。vue-quill-editor的使用方法...

2020-05-27

50浏览

0评论

解决jquery有正确返回值但不执行success函数的问题

从后台返回的结果是这样的:{“readyState”:4,”responseText”:”success”, “status”:200, “statusText”:”OK”}前端代码$.ajax({ url:'save', type:'POST', dataTyp...

2020-05-27

83浏览

0评论

实例详解Vue项目使用eslint + prettier规范代码风格

团队开发的项目，如果没有对代码风格作要求，有多少团队成员，就当然会出现多少种不同的代码风格。因此，我们需要一种能够统一团队代码风格的工具，作为强制性的规范，统一整个项目的代...

2020-05-27

68浏览

0评论

Vue插件打包与发布的方法示例

插件打包与发布
插件功能开发完成后，若需要发布到公共组件库中（例如：npmjs），需要对插件进行打包并发布，简单说明一下这个过程，以插件名 dialog 为例1、创建 dialog 目录，并进入2、运...

2020-05-27

74浏览

0评论

微信小程序中使用自定义图标（阿里icon）的方法

weui提供的图标比较少，有时我们需要更多的图标，可以使用以下方法自定义图标库：1，到阿里巴巴矢量图标库(http://iconfont.cn/)生成自己的字体图标，下载代码，解压，打开iconfont.css2，...

2020-05-27

51浏览

0评论

vue监听对象及对象属性问题

监听整个对象，使用watch就行export default { data() { return { a: { b: 1, c: 2 } } }, watch() { a: { handler(newVal, oldVa...

2020-05-27

71浏览

0评论

Mint-UI时间组件起始时间问题及时间插件使用

在使用Mint-UI的时候，官方的demo是这样的<template> <mt-datetime-picker ref="picker" type="time" v-model="pickerValue"> </mt-datetime-picker></template><script> exp...

2020-05-27

69浏览

0评论

详解微信小程序的 request 封装示例

背景
之前小程序代码混乱，所以新项目一开始就准备弄个微信小程序的 request 的封装httpUtils.js
const request = function (path, method, data, header) { let user_id = "...

2020-05-27

81浏览

0评论

小程序开发基础之view视图容器

本文介绍了小程序开发基础之view视图容器，分享给大家，具体如下：视图容器// wxml<view class="section"> <view class="section__title">flex-direction: row</view> <view clas...

2020-05-27

40浏览

0评论

javascript和php使用ajax通信传递JSON的实例

JS和PHP直接通信常用ajax完成，以实现js上UI的动态变化。通信使用JSON或者XML传递数据。下面详细描述两者直接JSON字符串的传递。下面案例是要传递这样的json数据：{ "bookid":...

2020-05-27

72浏览

0评论

JavaScript事件发布/订阅模式原理与用法分析

本文实例讲述了JavaScript事件发布/订阅模式原理与用法。分享给大家供大家参考，具体如下：1、发布/订阅模式也是诸多设计模式当中的一种；2、这种方式可以在es5下相当优雅地处理...

2020-05-27

53浏览

0评论

详解Vue结合后台的列表增删改案例

首先列表内容还是与之前的列表内容类似，不过此处我们会采用Vue中数据请求的方式来实现数据的增删。那么我们使用的Vue第三方组件就是vue-resource，vue发起请求的方式与jQuery...

2020-05-27

51浏览

0评论

JQuery扩展对象方法操作示例

本文实例讲述了JQuery扩展对象方法操作。分享给大家供大家参考，具体如下：应项目需求，对JQuery进行了一个扩展，需求如下：项目中需要在浏览器右下角提示操作错误和系统提示内容，并有...

2020-05-27

62浏览

0评论

js实现轮播图的完整代码

今天写一个完整的轮播图，首先它需要实现三个功能：1.鼠标放在小圆点上实现轮播2.点击焦点按钮实现轮播3.无缝自动轮播轮播图的原理：一系列的大小相等的图片平铺，利用CSS布局只显...

2020-05-27

58浏览

0评论

js实现简单选项卡功能

本文为大家分享了js实现简单选项卡功能的具体代码，供大家参考，具体内容如下首先我们来写HTML代码，构建出整体结构代码如下：<nav id="nav"> <ul> <li c...

2020-05-27

50浏览

0评论

Nodejs中的JWT和Session的使用

最近的项目需要在node服务端做一个用户登录的校验以及权限拦截，专业一点叫用户认证与授权，经过一番收集资料，目前常用的有两种——JWT和Session使用JWT
JWT是JsonWebTokens的简...

2020-05-27

66浏览

0评论

js canvas实现红包照片效果

今天跟着学习了一个制作红包照片类似功能的demo，很有意思，所以在这里分享代码给大家，可以直接使用。先贴出效果图大家看一下：点击重置后会以随机一个点为圆心生成半径为50px的圆...

2020-05-27

40浏览

0评论

Vue开发实现吸顶效果的示例代码

因为项目需求，最近开始转到微信公众号开发，接触到了Vue框架，这个效果的实现虽说是基于Vue框架下实现的，但是同样也可以借鉴到其他地方，原理都是一样的。进入正题，先看下效果图：其...

2020-05-27

63浏览

0评论

Canvas实现微信红包照片效果

本篇文章来源慕课网课程《canvas玩转红包照片》，用canvas及css3结合，实现红包照片的效果，并不做支付过程，代替的是使用2个按钮，显示清晰图片和重置圆圈可见区域。未做移动的屏幕...

2020-05-27

37浏览

0评论

js动态设置select下拉菜单的默认选中项实例

利用javascript设置select下拉菜单的选中项。代码实例如下： <html> <head> <title>下拉菜单</title> <script type="text/javas...

2020-05-27

57浏览

0评论

jquery获取select选中值的文本,并赋值给另一个输入框的方法

html 代码：<select id="ReviewStatus" name="ReviewStatus"><option selected="selected" value="0">空号</option><option value="1">不接</option><option value="2">不需...

2020-05-27

热门文章