vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
在登入页面，我们往往需要通过输入验证码才能进行登入，那我们下面就详讲一下在vue项目中如何配合element-ui实现这个功能第一步：自定义一个生产随机验证码的组件，其本质是使用ca...
2020-05-27
vue-content-loader内容加载器的使用方法
当我们开发网站或者APP时，遇到内容过多加载速度慢时，会导致用户打开页面有大量空白页，vue-content-loader正是解决这个问题的一个组件，使加载内容之前生成一个dom模板，提高用户体...
2020-05-27
iconfont的三种使用方式详解
在我们项目中经常要使用到iconfont，在此我们使用阿里巴巴矢量库提供的icon图标，此图标库足够为我们提供大量的图标，我们首先需要的事在阿里巴巴矢量图标库新建一个自己的账号，并...
2020-05-27
animate.css在vue项目中的使用教程
在vue项目中使用动画其实有多种方式，可以使用vue中的过渡transition，可以使用animate动画与transition配合使用，也可以单独使用animate动画库（详情可见vue官网-过渡：过渡），下面我们...
2020-05-27
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
第一步准备好api接口地址， 例如 https://api.example.com/api/第二步在根组件 app.components.ts 中引入 HttpClientModule 模块。// app.components.tsimport {HttpClientMo...
2020-05-27
原生JS实现的轮播图功能详解
本文实例讲述了原生JS实现的轮播图功能。分享给大家供大家参考，具体如下：一、效果预览：由于只能上传2M以下的图片，这里只截取了自动切换的效果：二、编写语言HTML、CSS、原生JS三...
2020-05-27
ES6 中可以提升幸福度的小功能
一、变量解构赋值的用途1）交换变量的值let x = 1;let y = 2;[x, y] = [y, x]2）从函数返回多个值// 返回一个数组function example(){ return [1, 2, 4];}let [a, b, c] = exa...
2020-05-27
JavaScript选择排序算法原理与实现方法示例
本文实例讲述了JavaScript选择排序算法原理与实现方法。分享给大家供大家参考，具体如下：一、选择排序简介 冒泡排序、插入排序、选择排序合称为简单排序。下面是选择排序的思...
2020-05-27
ES6 系列之 WeakMap的使用示例
前言
我们先从 WeakMap 的特性说起，然后聊聊 WeakMap 的一些应用场景。特性
1. WeakMap 只接受对象作为键名
const map = new WeakMap();map.set(1, 2);// TypeError: Invali...
2020-05-27
微信小程序之多列表的显示和隐藏功能【附源码】
今天在项目碰到一个问题，之前在项目首页实现单列表的显示和隐藏，通过wx:if判断就可实现，现在要实现多列表的单项显示和隐藏功能应该如何实现呢？如果还用wx:if实现的话会出现点击...
2020-05-27
JavaScript插入排序算法原理与实现方法示例
本文实例讲述了JavaScript插入排序算法原理与实现方法。分享给大家供大家参考，具体如下：一、插入排序简介：想象我们斗地主，摸排阶段，手里的牌都按照从小到大排序。如果每摸一张牌...
2020-05-27
JavaScript折半查找（二分查找）算法原理与实现方法示例
本文实例讲述了JavaScript折半查找（二分查找）算法原理与实现方法。分享给大家供大家参考，具体如下：一、问题描述：在一个升序数组中，使用折半查找得到要查询的值的索引位置。如：var...
2020-05-27
详解小程序原生使用ES7 async/await语法
小程序原生使用ES7 async / await 语法
小程序开发工具-详情-开启ES6转ES5
下载 regenerator 库 https://github.com/facebook/regenerator
将库中packages文件夹下 regener...
2020-05-27
使用js实现将后台传入的json数据放在前台显示
如下所示：{"idCardAddress":"123","idCardNumber":"345","eRegAddress":"456"}后台传过来的数据是这样的，前台无法通过el表达式直接获取，通过jsvar fingerprint =${obj.data.fi...
2020-05-27
json数据传到前台并解析展示成列表的方法
因为某些原因，项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面，网上找了半天都没有 看到现成的，决定自己写个例子1、HTML页面<!doctype html><html><he...
2020-05-27
react-native使用leanclound消息推送的方法
iOS消息推送的基本流程1.注册：为应用程序申请消息推送服务。此时你的设备会向APNs服务器发送注册请求。2. APNs服务器接受请求，并将deviceToken返给你设备上的应用程序 3.客户...
2020-05-27
bootstrap 路径导航 分页 进度条的实例代码
路径导航<ol class="breadcrumb"> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external no...
2020-05-27
json字符串传到前台input的方法
JSONObject把对象转换成的json字符串，无法直接通过request.setAttribute();传到页面的input标签如下是错误的：request.setAttribute(“pageInfoJsonStr”, JSONObject.fromObj...
2020-05-27
微信小程序网络封装(简单高效)
废话引言
小程序虽然出世很久了，但一直没怎么接触到小程序开发。吉他兴趣班老师想弄一个小程序发布课程信息和打卡功能，作为IT一员就自愿加入了这个小程序开发小组中。虽然小...
2020-05-27
JS解析后台返回的JSON格式数据实例
ajax中若没有定义dataType : "json"，需要eval("("+data+")")将后台传回的数据转化为JSON格式，否则不需要转换。遍历json中的array方法：$.eachjquery.eachfor (var i in array)...
2020-05-27
js实现图片上传并预览功能
本文为大家分享了js实现图片上传并预览的具体代码，供大家参考，具体内容如下思路：完成这个功能，首先需要美化上传图片的按钮，然后添加一个<img/>标签，在图片上传之后，用新图片的src...
2020-05-27
JS插件clipboard.js实现一键复制粘贴功能
一键复制粘贴功能需要用到一个轻量级的JS插件：clipboard.js。官网地址下载到本地后，将其放入项目中，直接引用即可。具体实现代码如下：<!DOCTYPE html><html> <head> <meta char...
2020-05-27
JS实现图片上传多次上传同一张不生效的处理方法
在做图片上传的功能时, 使用删除功能删除了一张图片, 然后想重新上传原来删除的图片, 结果预览不显示, 也不能上传成功解决办法, 在删除方法里置空input$("#id").find('inpu...
2020-05-27
JS实现中英文混合文字溢出友好截取功能
在显示字符串的时候，避免字符串过长往往会对字符串进行截取操作，通常会用到js的 substr 或者 substring方法, 以及 字符串的length属性substr() 方法可在字符串中抽取从 start...
2020-05-27
springMvc 前端用json的方式向后台传递对象数组方法
如下所示：JSPvar vipFee= new Array;//遍历选中的对象$("#feeList :checkbox:checked").each(function(i){ vipFee.push({"enterpriseSeq":$(this).attr("enterpriseSeq"),"m...
2020-05-27
深入浅析var,let,const的异同点
一、let和var区别1.关于变量提升,var能变量提升，let不能
// 关于var 如下所示console.log(a); //输出undefined，此时就是变量提升var a = 2; console.log(a); //2//相当于下...
2020-05-27
JavaScript设计模式之缓存代理模式原理与简单用法示例
本文实例讲述了JavaScript设计模式之缓存代理模式原理与简单用法。分享给大家供大家参考，具体如下：一、原理：缓存代理可以为一些开销大的运算结果提供暂时的存储，在下次运算时，如...
2020-05-27
opencv 识别微信登录验证滑动块位置
目标识别微信登录新账号，需要拖动滑块验证时，目标块相对于图片的位置前提相关信息: 滑块与目标位置的距离是随机的，且在一定范围内，设其最大最小值为[min, max] 滑块滑到距离...
2020-05-27
JavaScript设计模式之模板方法模式原理与用法示例
本文实例讲述了JavaScript设计模式之模板方法模式原理与用法。分享给大家供大家参考，具体如下：一、模板方法模式：一种只需使用继承就可以实现的非常简单的模式。二、模板方法模...
2020-05-27
JavaScript使用享元模式实现文件上传优化操作示例
本文实例讲述了JavaScript使用享元模式实现文件上传优化操作。分享给大家供大家参考，具体如下：一、享元模式是一种用于性能优化的模式，主要优化方式为，若系统中因为创建了大量类...
2020-05-27
JavaScript设计模式之职责链模式应用示例
本文实例讲述了JavaScript设计模式之职责链模式。分享给大家供大家参考，具体如下：一、职责链的定义：使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系，将...
2020-05-27
React-router4路由监听的实现
React-router 4
React Router4是一个纯React重写的包，现在的版本中已不需要路由配置，一切皆组件。
问题出发点
最近在一个新的H5项目中使用了react router 4 ("react-router-d...
2020-05-27
Nuxt配合Node在实际生产中的应用详解
上个星期，甲方说要在应用上做一个促活活动（其实就是让用户领OFO的骑车券），考虑到之前在我另一个应用上已经做过客户端token验证，想想，撸起袖子直接在之前的Node上开搞吧。Nuxt这个...
2020-05-27
解决vue 中 echart 在子组件中只显示一次的问题
问题描述一次项目开发过程中，需要做一些图表，用的是百度开源的 echarts。 vue推荐组件化开发，所以就把每个图表封装成子组件，然后在需要用到该图表的父组件中直接使用。实际开发...
2020-05-27
详解Nuxt.js部署及踩过的坑
Nuxt.js 提供了两种发布部署应用的方式：服务端渲染应用部署 和 静态应用部署。静态应用部署就不说了，主要说说服务端渲染应用部署。官方推荐部署方式
关于服务端渲染应用部署，...
2020-05-27
echarts实现地图定时切换散点与多图表级联联动详解
1. 摘要
最近做项目遇到个统计相关需求，一个页面中大概四个或更多图形统计，百度地图、饼图、柱状图、线型图。百度地图上显示所有店面在全国各地大概位置，目前暂定每省一个，在...
2020-05-27
使用Nuxt.js改造已有项目的方法
前言如果我们需要对现有的vue项目进行ssr改造，使用nuxt.js是一个不错的选择。这里用作例子的“现有项目”是一个“高仿”饿了么外卖APP的spa。不过我没有把全部功能开发出来（...
2020-05-27
解决koa2 ctx.render is not a function报错问题
最近在学习使用koa2，在尝试用koa2复写之前用express写的一个入口文件的时候发现命令行报错ctx.render is not a function
项目路径如下
app.js是之前用express写的入口...
2020-05-27
详解vue axios用post提交的数据格式
vue框架推荐使用axios来发送ajax请求，之前我还写过一篇博客来讲解如何在vue组件中使用axios。但之前做着玩用的都是get请求，现在我自己搭博客时使用了post方法，结果发现后台（nod...
2020-05-27
微信小程序methods中定义的方法互相调用的实例代码
当调用test2时：
methods = { test(age){ console.log('test', age); }, test2(){ console.log(this.methods); this.methods.test('222'); con...
2020-05-27
React styled-components设置组件属性的方法
问题最近在试着用react做一个音乐播放器，在这之前其实并不了解styled-components，但由于使用css in js并且想实现hover效果，百度各种解决方案后发现了styled-components这个好...
2020-05-27
详解如何在vue-cli中使用vuex
前言众所周知，vuex 是一个专为 vue.js 应用程序开发的状态管理模式，在构建一个中大型单页应用中使用vuex可以帮助我们更好地在组件外部管理状态。而vue-cli是vue的官方脚手架，...
2020-05-27
详解vuex中mutation/action的传参方式
前言
在vuex中提交 mutation 是更改状态的唯一方法，并且这个过程是同步的，异步逻辑都应该封装到 action 里面。对于mutation/action，有一个常见的操作就是传参，也就是官网上说的...
2020-05-27
快速解决处理后台返回json数据格式的问题
最近在做一个移动端前端项目，需要大量处理php后台开发同事返回给我的json数据，但是返回的数据格式不是很规范，导致我这边经常会出现以下图各种格式问题：于是我就加上JSON.parse...
2020-05-27
nodejs之koa2请求示例(GET,POST)
GET 请求在 koa 中，GET请求获取请求数据request对象中的 query 方法和 querystring 方法， query方法返回的是格式化好的参数，querystring 方法返回的是请求字符串。废话不多说，...
2020-05-27
基于Bootstrap下拉框插件bootstrap-select使用方法详解
写在前面：在这次的项目中，没有再使用liger-ui做为前端框架了，改为了Bootstrap,这次也好接触下新的技术，在学习的过程中发现，Bootstrap的一些组件基本都是采用class的形式，就是给一...
2020-05-27
JavaScript实现的DOM绘制柱状图效果示例
本文实例讲述了JavaScript实现的DOM绘制柱状图效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;...
2020-05-27
微信小程序开发背景图显示功能
这两天开发微信小程序，在设置背景图片时，发现在wxss里面设置 background-image:(url) 属性，不管是开发工具还是线上都无法显示。经过查资料发现，background-image 只能用网络url...
2020-05-27
利用js将ajax获取到的后台数据动态加载至网页中的方法
动态生成二级菜单树：<script>jQuery(function($) {/**********获取未处理报警信息总数**************/var result;$.ajax({async:false,cache:false,url: "alarm_findPageAla...
2020-05-27
JavaScript中arguments和this对象用法分析
本文实例讲述了JavaScript中arguments和this对象用法。分享给大家供大家参考，具体如下：在函数内部有两个特殊的对象 : arguments和this。1、arguments对象js函数不介意定义多...
2020-05-27
