编程开发 - 教程之家

编程开发

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

60浏览

0评论

vue中引用swiper轮播插件的教程详解

有时候我们需要在vue中使用轮播组件，如果是在vue组件中引入第三方组件的话，最好通过npm安装，从而进行统一安装包管理。申明：本文所使用的是vue.2x版本。通过npm安装插件： npm ins...

2020-05-27 05:00:45

40浏览

0评论

JS加密插件CryptoJS实现的Base64加密示例

本文实例讲述了JS加密插件CryptoJS实现的Base64加密。分享给大家供大家参考，具体如下：前面一篇《JS加密插件CryptoJS实现的DES加密》介绍了CryptoJS插件进行DES加密操作的方法...

2020-05-27 05:00:44

61浏览

0评论

深入理解Vue 组件之间传值

一、父组件向子组件传递数据在 Vue 中，可以使用props向子组件传递数据。子组件部分：这是 header.vue 的 HTML 部分，logo 是在 data 中定义的变量。如果需要从父组件获取 logo...

2020-05-27 05:00:43

75浏览

0评论

Vue 与 Vuex 的第一次接触遇到的坑

在 Vue.js 的项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式https://www.freexyz.cn/article/110186.htm但是如果是大型项目，很多时候都需...

2020-05-27 05:00:41

48浏览

0评论

Vue+webpack+Element 兼容问题总结(小结)

项目中用到了Vue.js和Elenment-UI
Vue官方文档中给出明确范围：Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript...

2020-05-27 05:00:40

46浏览

0评论

webuploader实现上传图片到服务器功能

本文为大家分享了webuploader实现上传图片到服务器的具体代码，供大家参考，具体内容如下效果图：一、引入资源文件1.1 引入webuploader.css文件<link rel="stylesh...

2020-05-27 05:00:39

56浏览

0评论

chosen实现省市区三级联动

本文实例为大家分享了chosen实现省市区三级联动的具体代码，供大家参考，具体内容如下效果图：一、资源1.1、css资源<link href="../../css/plugins/chosen/chosen.css" rel="styl...

2020-05-27 05:00:38

71浏览

0评论

jQuery实现轮播图及其原理详解

本文实例为大家分享了jQuery实现轮播图及其原理的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8" name="viewport" content="width=dev...

2020-05-27 05:00:37

66浏览

0评论

Node.js Koa2使用JWT进行鉴权的方法示例

前言
在前后端分离的开发中，通过 Restful API 进行数据交互时，如果没有对 API 进行保护，那么别人就可以很容易地获取并调用这些 API 进行操作。那么服务器端要如何进行鉴权呢？Js...

2020-05-27 05:00:35

58浏览

0评论

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

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

2020-05-27 05:00:34

59浏览

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 05:00:33

52浏览

0评论

layui的table中显示图片方法

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

2020-05-27 05:00:32

39浏览

0评论

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

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

2020-05-27 05:00:31

48浏览

0评论

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

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

2020-05-27 05:00:30

53浏览

0评论

layui 设置table 行的高度方法

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

2020-05-27 05:00:29

50浏览

0评论

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

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

2020-05-27 05:00:28

69浏览

0评论

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

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

2020-05-27 05:00:27

95浏览

0评论

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

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

2020-05-27 05:00:26

41浏览

0评论

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

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

2020-05-27 05:00:24

38浏览

0评论

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

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

2020-05-27 05:00:23

39浏览

0评论

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

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

2020-05-27 05:00:22

38浏览

0评论

LayerClose弹窗关闭刷新方法

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

2020-05-27 05:00:21

57浏览

0评论

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

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

2020-05-27 05:00:20

43浏览

0评论

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

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

2020-05-27 05:00:19

48浏览

0评论

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

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

2020-05-27 05:00:18

51浏览

0评论

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

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

2020-05-27 05:00:17

47浏览

0评论

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

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

2020-05-27 05:00:16

32浏览

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 05:00:15

31浏览

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 05:00:14

53浏览

0评论

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

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

2020-05-27 05:00:13

53浏览

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 05:00:12

37浏览

0评论

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

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

2020-05-27 05:00:11

38浏览

0评论

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

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

2020-05-27 05:00:09

40浏览

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 05:00:08

48浏览

0评论

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

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

2020-05-27 05:00:07

42浏览

0评论

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

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

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

2020-05-27 05:00:05

63浏览

0评论

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

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

2020-05-27 05:00:04

64浏览

0评论

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

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

2020-05-27 05:00:03

34浏览

0评论

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

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

2020-05-27 05:00:02

37浏览

0评论

Vue组件创建和传值的方法

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

2020-05-27 05:00:01

36浏览

0评论

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

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

2020-05-27 05:00:00

59浏览

0评论

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

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

2020-05-27 04:59:59

37浏览

0评论

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

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

2020-05-27 04:59:59

53浏览

0评论

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

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

2020-05-27 04:59:58

282浏览

0评论

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

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

2020-05-27 04:59:57

58浏览

0评论

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

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

2020-05-27 04:59:55

59浏览

0评论

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

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

2020-05-27 04:59:54

38浏览

0评论

详解javascript appendChild()的完整功能

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

2020-05-27 04:59:53

34浏览

0评论

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

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

2020-05-27 04:59:52

37浏览

0评论

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

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

2020-05-27 04:59:51

首页 «1339 134013411342 1343 »尾页

热门文章