JavaScript - 教程之家

46浏览

0评论

jquery实现的简单轮播图功能【适合新手】

本文实例讲述了jquery实现的轮播图功能。分享给大家供大家参考，具体如下：前面介绍了原生js实现的轮播图，今天就试着用jquery做了个轮播图，方法都一样，但jquery实现却比js方便了许...

2020-05-27

31浏览

0评论

vue+iview+less 实现换肤功能

项目搭建用的vue—cli，css框架选择的iview1、首先安装less支持npm install --save-dev less-loader less然后去build文件夹下的webpack.base.conf.js文件中，添加对.less的支持...

2020-05-27

30浏览

0评论

layer弹出层全屏及关闭方法

一、首先引用JS文件<script src="../../js/common/layer/layer.js"></script>二、全屏调用以下代码var index = layer.open({ type: 2, content: url, area: ['300px', '195...

2020-05-27

47浏览

0评论

layer.open 按钮的点击事件关闭方法

如下所示：layer.open({ content: dat, btn: ['确定'], yes: function(index, layero){ //事件 layer.close(indxex); }});以上这篇layer.open 按钮的点击事件关闭...

2020-05-27

52浏览

0评论

layer弹出层父子页面事件相互调用方法

// 父页面<body><a data-url="bbbb.html" id="parentIframe">小小提示层</a><input id="shuzhi" /><button class="but_par">父页面</button></body><script src="../jquery...

2020-05-27

36浏览

0评论

JavaScript实现构造json数组的方法分析

本文实例讲述了JavaScript实现构造json数组的方法。分享给大家供大家参考，具体如下：从后端拿到的数据是一个数组，每个元素中包含的数据如下(host相同的记录都是相邻的)currentT...

2020-05-27

37浏览

0评论

React中使用async validator进行表单验证的实例代码

react中进行表单验证毫无疑问是繁琐的,尤其对于动态添加或删除的表单,其验证逻辑更为复杂, 目前UI框架使用material ui ,但其表单处理不太理想,而后研究了一下另一个UI 框架...

2020-05-27

38浏览

0评论

浅析vue给不同环境配置不同打包命令

第1步：安装cross-envnpm i --save-dev cross-env 第2步：修改各环境下的参数在config/目录下添加test.env.js、pre.env.js。修改prod.env.js里的内容，修改后的内容如下：'use stri...

2020-05-27

41浏览

0评论

vue富文本框（插入文本、图片、视频）的使用及问题小结

今天在vue里面插入富文本遇到了一些小坑在这里提供给大家用于参考，如有错误，望多加指正。我这里使用的是Element-ui的上传图片组件首先引入Element-ui(这个我就不作赘述了，详情...

2020-05-27

41浏览

0评论

vue+element的表格实现批量删除功能示例代码

最近写了一个批量删除功能,遇到了不少坑,特此记录一下

表格的代码如下
复制代码代码如下:<el-table @row-click="handleCurrentChange" @selection-change="selsChange"...

2020-05-27

57浏览

0评论

layer.open关闭父窗口以及调用父页面的方法

实例如下：//调用父类方法window.parent.exportData($('#shownum').val(),$('#splitstr').val());//关闭iframe页面var index = parent.layer.getFrameIndex(window.name); //...

2020-05-27

63浏览

0评论

angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例

本篇angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例，分享给大家，具体如下：添加一个pipe：
import { Pipe, Injectable, PipeTransform } from '@angular/core';import {...

2020-05-27

33浏览

0评论

webpack多入口多出口的实现方法

webpack是一个优秀的打包平台, 可以把sass, 图片, 字体等静态资源全部打包到js中
作者最近在改造一个传统的静态网站, 为了减少http请求, 其中一个策略就是,把单个静态网页...

2020-05-27

36浏览

0评论

Vue组件创建和传值的方法

## 创建组件的3种方法
# 第一种:
+ Vue.extend()函数返回一个组件的构造器,里面包含一个参数,参数是对象,对象里面是一些配置项
+ Vue.component()函数利用Vue.extend()返...

2020-05-27

30浏览

0评论

layer.close()关闭进度条和Iframe窗的方法

如下所示：var index = layer.load(2, { shade: false });//加载的风格，支持0-2layer.close(index);//关闭进度条self.close = function () { //关闭自身 var index = pa...

2020-05-27

53浏览

0评论

解决layer弹层遮罩挡住窗体的问题

使用代码：<div> <div>这里面某个按钮触发弹层<div> <div id='dialog' hidden='hidden'></div></div>如果上面的按钮触发了弹层 layer.open 且content是某个DOM元素conten...

2020-05-27

36浏览

0评论

layer弹出层 iframe层去掉滚动条的实例代码

如下所示：function newcont(url) { var index = layer.open({ title:false, type: 2, shadeClose: true, scrollbar: false, content: [url , 'no'] }); }试了很多方法...

2020-05-27

52浏览

0评论

在iFrame子页面里实现模态框的方法

在 iframe 子页面写模态框时，按照以前的写法，点击弹出模态框的按钮之后一直没有反应，但代码并没有写错，代码如下：<input class="btn" id="deletebutton" type="button" value="删...

2020-05-27

273浏览

0评论

微信小程序实现即时通信聊天功能的实例代码

项目背景：小程序中实现实时聊天功能一、服务器域名配置配置流程配置参考URL：https://developers.weixin.qq.com/miniprogram/dev/api/api-network.html二、nginx中配置反向代...

2020-05-27

57浏览

0评论

vue 自定义提示框(Toast)组件的实现代码

1.自定义提示框组件src / components / Toast / index.js/** * 自定义提示框( Toast )组件 */var Toast = {};var showToast = false, // 存储toast显示状态 showLoad =...

2020-05-27

58浏览

0评论

vue中的自定义分页插件组件的示例

介绍一下，已经有很多的vue分页的组件了，大家都是大同小易，那么我就结合自身的使用，写出了一片文章首先在新建一个分页模块在模块中引入相应的代码，（内有详细的注释）template中 <div...

2020-05-27

37浏览

0评论

详解javascript appendChild()的完整功能

appendChild()常用功能。
平时我们用appendChild的时候，都是向父级上添加子元素 appendChild的另一个功能是，先把元素从原有父级上删掉，然后添加元素到新的父级。（移除再添加...

2020-05-27

33浏览

0评论

vue下history模式刷新后404错误解决方法

本文介绍了vue下history模式刷新后404错误解决方法，分享给大家，具体如下：官方说明文档：https://router.vuejs.org/zh/guide/essentials/history-mode.html一、实测 Linux 系统...

2020-05-27

36浏览

0评论

Vue+element-ui 实现表格的分页功能示例

本文介绍了Vue+element-ui 实现表格的分页功能示例，分享给大家，具体如下：
实现效果如下图所示：
template部分：<el-table :data="tempList" :header-cell-style="rowClass" str...

2020-05-27

37浏览

0评论

详解Angular6 热加载配置方案

Angular6 热加载配置方案，分享给大家，具体如下：示例 ng 版本如下：$ ng --version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_...

2020-05-27

81浏览

0评论

JavaScript实现淘宝京东6位数字支付密码效果

京东淘宝的密码输入框功能点只能输入数字只能输入6位字符每次输入一个字符，对应位置的小黑点显示每次删除一个字符，对应位置的小黑点消失
实现思路1、写好6位密码输...

2020-05-27

43浏览

0评论

Vue实现6位数密码效果

在ios系统，原生 webview 嵌套H5页面使用时，编写完成的6位数输入密码，输入密码卡顿问题的解决方案：如下图：原因是因为，CSS 这块造成的。简单来说，style left 为负数的时候出现的，and...

2020-05-27

34浏览

0评论

记录一篇关于redux-saga的基本使用过程

安装
npm install --save reduxnpm install --save redux-saga配置action
actionType
创建文件src/actions/types.js，在types.js文件中添加需要的action类型export const TES...

2020-05-27

42浏览

0评论

vue实现键盘输入支付密码功能

本文实例为大家分享了vue实现键盘输入支付密码功能的具体代码，供大家参考，具体内容如下支付密码功能界面如下图：主要代码如下：<template> <div class="pay-tool"> <div class="...

2020-05-27

63浏览

0评论

详解微信小程序input标签正则初体验

开篇废话
在开发过程中经常遇到这样的需求：用户只能输入数字并且只保留小数点两位。虽然我们可以在提交表单的时候进行验证，但是体验不是很好。下面我主要使用了小程序input标...

2020-05-27

38浏览

0评论

layui框架table 数据表格的方法级渲染详解

如下所示：<table class="layui-table" lay-filter="demo11" id="test11"></table> //js 规范书写 var tst=table.render({ elem: '#test11' ,cols: [[ //标题栏 {checkbox: t...

2020-05-27

43浏览

0评论

解决layui前端框架 form表单,table表等内置控件不显示的问题

使用form表单前需要声明, table表格也是类似原理以上这篇解决layui前端框架 form表单,table表等内置控件不显示的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，...

2020-05-27

29浏览

0评论

如何将HTML字符转换为DOM节点并动态添加到文档中详解

前言将字符串动态转换为DOM节点，在开发中经常遇到，尤其在模板引擎中更是不可或缺的技术。
字符串转换为DOM节点本身并不难，本篇文章主要涉及两个主题： 1 字符串转换为HTML D...

2020-05-27

46浏览

0评论

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

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

2020-05-27

43浏览

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

42浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

31浏览

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

34浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

38浏览

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

51浏览

0评论

Vue常用指令详解分析

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

2020-05-27

38浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

热门文章