jQuery实现参数自定义的文字跑马灯效果
本文为大家分享了jQuery实现文字跑马灯效果的具体代码，供大家参考，具体内容如下一、明确需求基本需求：最近在工作中接到一个新需求，简单来说就是实现一行文字从右到左跑马灯的效...
2020-05-27
layui 优化button按钮和弹出框的方法
正常下的layui在3个button按钮压缩之后代码为<button data-id="{$activity.activity_id}" style="background-color:#297911;" class="layui-btn layui-btn-small layui-btn...
2020-05-27
layui点击按钮添加可编辑的一行方法
昨天已经成功添加了一行，今天希望所添加的一行可以进行单元格编辑。然而，发现添加了edit:'text'以后也不可以进行单元格编辑，而原本已有的数据可以，因此通过浏览器调试看了原有...
2020-05-27
JS打印彩色菱形的实例代码
效果图如下所示：具体代码如下所示：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>weirdo</title> <style> * { margin: 0; paddi...
2020-05-27
深入理解Vue router的部分高级用法
今天要介绍的是路由元信息，滚动行为以及路由懒加载这几个的使用方法。1.路由元信息什么是路由元信息，看看官网的解释，定义路由的时候可以配置 meta 字段可以匹配meta字段，那么我...
2020-05-27
layui问题之模拟select点击事件的实例讲解
一、问题不操作页面，实现模拟select的事件，即，自动出现下拉框，自动点击下拉框的值，select文本框的值随之改变二、经过刚开始查看layui官方文档，发现仅仅只是有select监听事件，即：for...
2020-05-27
浅谈Vue.js路由管理器 Vue Router
起步
HTML
<script src="https://unpkg.com/vue/dist/vue.js"></script><script src="https://unpkg.com/vue-router/dist/vue-router.js"></script><div id="app"> <h1>Hel...
2020-05-27
bootstrap实现点击删除按钮弹出确认框的实例代码
具体代码如下所示：<%@ page language="java" import="com.student.servlet.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@page import="java.util....
2020-05-27
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
Vue2.0 传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为...
2020-05-27
vue2.0父子组件间传递数据的方法
关于父子组件之间传递数据其实文档上都说得很明白。 但是如果完全不懂的人做计也看不懂，下面是一个小例子，有两个文件1.parent.vue<template> <child :child-msg="msg" @ok="e...
2020-05-27
JS实现的RC4加密算法示例
本文实例讲述了JS实现的RC4加密算法。分享给大家供大家参考，具体如下：RC4是一种简单的对称加密算法，在文本加密，通信加密等场景应用非常广泛。在Web中可以用来对本地存储数据进...
2020-05-27
vue watch深度监听对象实现数据联动效果
当对象内的某一个元素发生变化，判断对象另一元素，并进行赋值<template> <input type="text" v-model="a.a1.a12"/>{{a.a1.a12}} <input type="text" v-model="a.a2.a22"...
2020-05-27
vue watch普通监听和深度监听实例详解(数组和对象)
下面通过一段代码给大家介绍vue watch的普通监听和深度监听，具体代码如下所示：var vm=new Vue({ data:{ num:1, obj:{ name:'三儿', age:'21', sex:'女' } }, watch:{ n...
2020-05-27
实例详解vue.js浅度监听和深度监听及watch用法
第一个浅度监听：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js"></script> </head> <body> <div i...
2020-05-27
JS加密插件CryptoJS实现AES加密操作示例
本文实例讲述了JS加密插件CryptoJS实现AES加密操作。分享给大家供大家参考，具体如下：最近在做一个项目，考虑到数据的安全性，我们要给数据在传输过程中加密，防止一些恶意的操作以...
2020-05-27
JS加密插件CryptoJS实现的DES加密示例
本文实例讲述了JS加密插件CryptoJS实现的DES加密。分享给大家供大家参考，具体如下：前面一篇《JS加密插件CryptoJS实现AES加密操作》介绍了CryptoJS插件的简单配置与使用，这里再...
2020-05-27
vue中引用swiper轮播插件的教程详解
有时候我们需要在vue中使用轮播组件，如果是在vue组件中引入第三方组件的话，最好通过npm安装，从而进行统一安装包管理。申明：本文所使用的是vue.2x版本。通过npm安装插件： npm ins...
2020-05-27
JS加密插件CryptoJS实现的Base64加密示例
本文实例讲述了JS加密插件CryptoJS实现的Base64加密。分享给大家供大家参考，具体如下：前面一篇《JS加密插件CryptoJS实现的DES加密》介绍了CryptoJS插件进行DES加密操作的方法...
2020-05-27
深入理解Vue 组件之间传值
一、父组件向子组件传递数据在 Vue 中，可以使用props向子组件传递数据。子组件部分：这是 header.vue 的 HTML 部分，logo 是在 data 中定义的变量。如果需要从父组件获取 logo...
2020-05-27
Vue 与 Vuex 的第一次接触遇到的坑
在 Vue.js 的项目中，如果项目结构简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式https://www.freexyz.cn/article/110186.htm但是如果是大型项目，很多时候都需...
2020-05-27
Vue+webpack+Element 兼容问题总结(小结)
项目中用到了Vue.js和Elenment-UI
Vue官方文档中给出明确范围：Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript...
2020-05-27
webuploader实现上传图片到服务器功能
本文为大家分享了webuploader实现上传图片到服务器的具体代码，供大家参考，具体内容如下效果图：一、引入资源文件1.1 引入webuploader.css文件<!--引入CSS--><link rel="stylesh...
2020-05-27
chosen实现省市区三级联动
本文实例为大家分享了chosen实现省市区三级联动的具体代码，供大家参考，具体内容如下效果图：一、资源1.1、css资源<link href="../../css/plugins/chosen/chosen.css" rel="styl...
2020-05-27
jQuery实现轮播图及其原理详解
本文实例为大家分享了jQuery实现轮播图及其原理的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8" name="viewport" content="width=dev...
2020-05-27
Node.js Koa2使用JWT进行鉴权的方法示例
前言
在前后端分离的开发中，通过 Restful API 进行数据交互时，如果没有对 API 进行保护，那么别人就可以很容易地获取并调用这些 API 进行操作。那么服务器端要如何进行鉴权呢？Js...
2020-05-27
JS实现的视频弹幕效果示例
本文实例讲述了JS实现的视频弹幕效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="zh-CN"><head> <meta http-equiv="Content-Type" content="text/html; ch...
2020-05-27
layerUI下的绑定事件实例代码
实例如下： $(document).on("click",".admin-side-friend",function(){ layer.open({ title: 'YouTube', maxmin: true, type: 2, content: 'video.html', area: ['80...
2020-05-27
layui的table中显示图片方法
图片需要用到模板.templet：注意div不可省略，48px指的是div的高度，如果要决定img图片的高度，需要单独设计style<script type="text/javascript"> layui.use('table',function ()...
2020-05-27
jQuery实现的页面弹幕效果【测试可用】
本文实例讲述了jQuery实现的页面弹幕效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="wi...
2020-05-27
微信小程序数据分析之自定义分析的实现
在小程序后台，微信已经提供了强大的数据分析功能，包括实时统计、访问分析、来源分析和用户画像功能，可以说对一般的数据分析已经完全足够了，但有时应用需要做一些更加精准的数据...
2020-05-27
layui 设置table 行的高度方法
找到layui渲染之后的网页的html代码，找到table的行控件在代码中，通过css渲染这个控件<style type="text/css"> {# 设置table每一行的height #} .layui-table-cell { heigh...
2020-05-27
详解小程序缓存插件(mrc)
背景wx.request是小程序提供的API，用于发起网络请求，在频繁并且响应较慢的业务中的请求，页面白屏或者loading时间也相应比较长，然而合理的利用缓存是个很好提升界面响应速度，减少...
2020-05-27
layui table设置前台过滤转义等方法
如下所示：{field: 'username', title: '用户名', width:80,style:'height:100px;',templet: '#titleTpl'}然后再最后加上<script type="text/html" id="titleTpl"> {{# if(d....
2020-05-27
小程序清理本地缓存的方法
1.wx.clearStorage接口函数，这个函数不需要参数，可以清理本地的所有缓存。清除前：
清除后：
2.wx.clearStorageSync接口函数，这个函数用于同步清理本地数据缓存，该接口同样也没有参...
2020-05-27
Vue登录注册并保持登录状态的方法
关于vue登录注册，并保持登录状态，是vue玩家必经之路，网上也有很多的解决方法，但是有一些太过于复杂，新手可能会看的一脸懵逼，现在给大家介绍一种我自己写项目在用而且并不难理解的...
2020-05-27
layui前端框架之table表数据的刷新方法
最简单的方法就是：//当前页的刷新 $(".layui-laypage-btn")[0].click(); 以上这篇layui前端框架之table表数据的刷新方法就是小编分享给大家的全部内容了，希望能给大家一个参...
2020-05-27
详解vue移动端项目的适配(以mint-ui为例)
1、使用vue-cli脚手架生成项目骨架，略。
2、相关配置：rem适配：
index.html加入以下代码，并在head中加入以下meta;<script> (function (doc, win) { var docEl = doc.document...
2020-05-27
LayerClose弹窗关闭刷新方法
//LayerClose弹窗关闭 var LayerClose = function(type){console.log(type); if(typeof type =="undefined"){ return; } // 开始判断 switch(type){ case "self": var...
2020-05-27
layer.confirm取消按钮绑定事件的方法
也可以通过 btn: [‘确定','取消'，'按钮三‘]，来修改和增加按钮。// layer.confirm(content, options, yes, cancel)layer.confirm('is not?', {icon: 3, title:'提示',ye...
2020-05-27
原生JS实现的简单轮播图功能【适合新手】
本文实例讲述了原生JS实现的简单轮播图功能。分享给大家供大家参考，具体如下：经过几天的努力，终于攻克了这一难题，于是迫不及待的想要分享给大家，编写之前，我也看了不少其他博主的...
2020-05-27
vue实现element-ui对话框可拖拽功能
element-ui对话框可拖拽及边界处理
应业务需求，需要实现对话框可拖拽问题，应element-ui没有提供官方支持，于是便参考大神的文章，得出了适合业务需要的解决方案。很多大神给出的...
2020-05-27
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
如下所示：这种弹出层在ajax执行完添加房间的动作后在回调里写var index = parent.layer.getFrameIndex(window.name);setTimeout(function(){parent.layer.close(index)}, 10...
2020-05-27
jquery实现的简单轮播图功能【适合新手】
本文实例讲述了jquery实现的轮播图功能。分享给大家供大家参考，具体如下：前面介绍了原生js实现的轮播图，今天就试着用jquery做了个轮播图，方法都一样，但jquery实现却比js方便了许...
2020-05-27
vue+iview+less 实现换肤功能
项目搭建用的vue—cli，css框架选择的iview1、首先安装less支持npm install --save-dev less-loader less然后去build文件夹下的webpack.base.conf.js文件中，添加对.less的支持...
2020-05-27
layer弹出层全屏及关闭方法
一、首先引用JS文件<script src="../../js/common/layer/layer.js"></script>二、全屏调用以下代码var index = layer.open({ type: 2, content: url, area: ['300px', '195...
2020-05-27
layer.open 按钮的点击事件关闭方法
如下所示：layer.open({ content: dat, btn: ['确定'], yes: function(index, layero){ //事件 layer.close(indxex); }});以上这篇layer.open 按钮的点击事件关闭...
2020-05-27
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
JavaScript实现构造json数组的方法分析
本文实例讲述了JavaScript实现构造json数组的方法。分享给大家供大家参考，具体如下：从后端拿到的数据是一个数组，每个元素中包含的数据如下(host相同的记录都是相邻的)currentT...
2020-05-27
React中使用async validator进行表单验证的实例代码
react中进行表单验证毫无疑问是繁琐的,尤其对于动态添加或删除的表单,其验证逻辑更为复杂, 目前UI框架使用material ui ,但其表单处理不太理想,而后研究了一下另一个UI 框架...
2020-05-27
浅析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
