JavaScript - 教程之家

66浏览

0评论

JS实现的视频弹幕效果示例

本文实例讲述了JS实现的视频弹幕效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="zh-CN"><head> <meta http-equiv="Content-Type" content="text/html; ch...

2020-05-27

70浏览

0评论

layerUI下的绑定事件实例代码

实例如下： $(document).on("click",".admin-side-friend",function(){ layer.open({ title: 'YouTube', maxmin: true, type: 2, content: 'video.html', area: ['80...

2020-05-27

61浏览

0评论

layui的table中显示图片方法

图片需要用到模板.templet：注意div不可省略，48px指的是div的高度，如果要决定img图片的高度，需要单独设计style<script type="text/javascript"> layui.use('table',function ()...

2020-05-27

45浏览

0评论

jQuery实现的页面弹幕效果【测试可用】

本文实例讲述了jQuery实现的页面弹幕效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="wi...

2020-05-27

56浏览

0评论

微信小程序数据分析之自定义分析的实现

在小程序后台，微信已经提供了强大的数据分析功能，包括实时统计、访问分析、来源分析和用户画像功能，可以说对一般的数据分析已经完全足够了，但有时应用需要做一些更加精准的数据...

2020-05-27

58浏览

0评论

layui 设置table 行的高度方法

找到layui渲染之后的网页的html代码，找到table的行控件在代码中，通过css渲染这个控件<style type="text/css"> {# 设置table每一行的height #} .layui-table-cell { heigh...

2020-05-27

53浏览

0评论

详解小程序缓存插件(mrc)

背景wx.request是小程序提供的API，用于发起网络请求，在频繁并且响应较慢的业务中的请求，页面白屏或者loading时间也相应比较长，然而合理的利用缓存是个很好提升界面响应速度，减少...

2020-05-27

73浏览

0评论

layui table设置前台过滤转义等方法

如下所示：{field: 'username', title: '用户名', width:80,style:'height:100px;',templet: '#titleTpl'}然后再最后加上<script type="text/html" id="titleTpl"> {{# if(d....

2020-05-27

99浏览

0评论

小程序清理本地缓存的方法

1.wx.clearStorage接口函数，这个函数不需要参数，可以清理本地的所有缓存。清除前：
清除后：
2.wx.clearStorageSync接口函数，这个函数用于同步清理本地数据缓存，该接口同样也没有参...

2020-05-27

49浏览

0评论

Vue登录注册并保持登录状态的方法

关于vue登录注册，并保持登录状态，是vue玩家必经之路，网上也有很多的解决方法，但是有一些太过于复杂，新手可能会看的一脸懵逼，现在给大家介绍一种我自己写项目在用而且并不难理解的...

2020-05-27

40浏览

0评论

layui前端框架之table表数据的刷新方法

最简单的方法就是：//当前页的刷新 $(".layui-laypage-btn")[0].click(); 以上这篇layui前端框架之table表数据的刷新方法就是小编分享给大家的全部内容了，希望能给大家一个参...

2020-05-27

41浏览

0评论

详解vue移动端项目的适配(以mint-ui为例)

1、使用vue-cli脚手架生成项目骨架，略。
2、相关配置：rem适配：
index.html加入以下代码，并在head中加入以下meta;<script> (function (doc, win) { var docEl = doc.document...

2020-05-27

40浏览

0评论

LayerClose弹窗关闭刷新方法

//LayerClose弹窗关闭 var LayerClose = function(type){console.log(type); if(typeof type =="undefined"){ return; } // 开始判断 switch(type){ case "self": var...

2020-05-27

61浏览

0评论

layer.confirm取消按钮绑定事件的方法

也可以通过 btn: [‘确定','取消'，'按钮三‘]，来修改和增加按钮。// layer.confirm(content, options, yes, cancel)layer.confirm('is not?', {icon: 3, title:'提示',ye...

2020-05-27

45浏览

0评论

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

本文实例讲述了原生JS实现的简单轮播图功能。分享给大家供大家参考，具体如下：经过几天的努力，终于攻克了这一难题，于是迫不及待的想要分享给大家，编写之前，我也看了不少其他博主的...

2020-05-27

50浏览

0评论

vue实现element-ui对话框可拖拽功能

element-ui对话框可拖拽及边界处理
应业务需求，需要实现对话框可拖拽问题，应element-ui没有提供官方支持，于是便参考大神的文章，得出了适合业务需要的解决方案。很多大神给出的...

2020-05-27

53浏览

0评论

layer弹出的iframe层在执行完毕后关闭当前弹出层的方法

如下所示：这种弹出层在ajax执行完添加房间的动作后在回调里写var index = parent.layer.getFrameIndex(window.name);setTimeout(function(){parent.layer.close(index)}, 10...

2020-05-27

49浏览

0评论

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

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

2020-05-27

34浏览

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

33浏览

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

58浏览

0评论

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

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

2020-05-27

55浏览

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

39浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

43浏览

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

53浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

36浏览

0评论

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

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

2020-05-27

41浏览

0评论

Vue组件创建和传值的方法

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

39浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

299浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

40浏览

0评论

详解javascript appendChild()的完整功能

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

2020-05-27

36浏览

0评论

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

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

2020-05-27

39浏览

0评论

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

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

2020-05-27

40浏览

0评论

详解Angular6 热加载配置方案

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

46浏览

0评论

Vue实现6位数密码效果

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

2020-05-27

43浏览

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

45浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

48浏览

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

54浏览

0评论

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

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

2020-05-27

32浏览

0评论

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

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

2020-05-27

热门文章