90浏览

0评论

微信小程序结合mock.js实现后台模拟及调试

一、创建小程序项目mock.js 从 https://github.com/nuysoft/Mock/blob/refactoring/dist/mock.js 下载api.js：配置模拟数据和后台接口数据，通过DEBUG = true;//切换数据入口le...

• 2020-05-27

111浏览

0评论

微信小程序开发实现的IP地址查询功能示例

本文实例讲述了微信小程序开发实现的IP地址查询功能。分享给大家供大家参考，具体如下：微信小程序 开发 参考 https://mp.weixin.qq.com/debug/wxadoc/dev/component/search....

• 2020-05-27

96浏览

0评论

node中使用es6/7/8(支持性与性能)

前言这几年react、vue的快速发展，越来越多的前端开始讲es6的代码运用在项目中，因为我们可以通过babel进行转译为低版本的js以便于运行在所有浏览器中，import、export、let、箭...

• 2020-05-27

125浏览

0评论

vue+iview/elementUi实现城市多选

城市多选组件最近收到了一个需求，管理系统需要上线一个活动，但是活动是根据地区上线的，最小范围到市，于是有了下面这个组件
页面展示如图：



上代码～～～<template> <div class="tm-...

• 2020-05-27

151浏览

0评论

JavaScript实现汉字转换为拼音及缩写的方法示例

本文实例讲述了JavaScript实现汉字转换为拼音及缩写的方法。分享给大家供大家参考，具体如下：
复制代码 代码如下:if(!window.ZXZ){ZXZ={};}
ZXZ.widget={};
ZXZ.widget.pinyin...

• 2020-05-27

116浏览

0评论

vue-cli中使用高德地图的方法示例

第一步 去高德地图开放平台申请密钥 高德地图开放平台
第二部 在vue-cli项目目录结构
里面多了config文件夹和 utils文件夹 config.js里面是这样的 主要是导出密钥 // 高...

• 2020-05-27

136浏览

0评论

微信小程序学习笔记之目录结构、基本配置图文详解

本文实例讲述了微信小程序学习笔记之目录结构、基本配置。分享给大家供大家参考，具体如下：
结束了一段时间的学习，开始一段新的学习旅程 —— 微信小程序。现在出去找工作只会P...

• 2020-05-27

92浏览

0评论

Vue批量图片显示时遇到的路径被解析问题

最近在学Vue，感觉很难理解，学不懂。
昨天晚上开始第一个页面的搭建，脑子感觉通了一点，大概知道该怎么做了。在放置轮播图时，要调用很多图片，图片路径在data的一个数组里，用v-for循...

• 2020-05-27

106浏览

0评论

JavaScript刷新页面的几种方法总结

1，reload 方法该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet])参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务...

• 2020-05-27

147浏览

0评论

微信小程序学习笔记之函数定义、页面渲染图文详解

前面一篇介绍了微信小程序目录结构、基本配置。这里再来介绍一下函数定义、页面渲染。
小程序逻辑app.js：定义App函数用来注册一个小程序，包含全局数据和函数，指定小程序的生命...

• 2020-05-27

118浏览

0评论

详解React服务端渲染从入门到精通

前言
这篇文章是我自己在搭建个人网站的过程中，用到了服务端渲染，看了一些教程，踩了一些坑。想把这个过程分享出来。
我会尽力把每个步骤讲明白，将我理解的全部讲出来。文中的示...

• 2020-05-27

107浏览

0评论

详解在网页上通过JS实现文本的语音朗读

摘要: 语音合成：也被称为文本转换技术（TTS），它是将计算机自己产生的、或外部输入的文字信息转变为可以听得懂的、流利的口语输出的技术。1、接口定义http://tts.baidu.com/text2...

• 2020-05-27

91浏览

0评论

深入理解es6块级作用域的使用

一.var 声明与变量提升机制
在JavaScript中使用var定义一个变量，无论是定义在全局作用域函数函数的局部作用域中，都会被提升到其作用域的顶部，这也是JavaScript定义变量的一个...

• 2020-05-27

109浏览

0评论

微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解

本文实例讲述了微信小程序学习笔记之表单提交与PHP后台数据交互处理。分享给大家供大家参考，具体如下：前面一篇结介绍了微信小程序函数定义、页面渲染。这里介绍form表单提交...

• 2020-05-27

193浏览

0评论

微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解

本文实例讲述了微信小程序学习笔记之跳转页面、传递参数获得数据操作。分享给大家供大家参考，具体如下：前面一篇介绍了微信小程序表单提交与PHP后台数据交互处理。现在需要实...

• 2020-05-27

111浏览

0评论

详解一个基于套接字实现长连接的express

逻辑: 首先把routerUrl目录下的函数初始化缓存起来，通过Router.request调用缓存起来的函数，这个函数实际上是register.set方法，主要是开始运行函数链，通过register.next 运行下...

• 2020-05-27

124浏览

0评论

详解vue使用插槽分发内容slot的用法

将父组件的内容放到子组件指定的位置叫做内容分发//在父组件里使用子组件<son-tmp> <div>我是文字，我需要放到son-tmp组件里面制定的位置</div></son-tmp>单个插槽父组件app....

• 2020-05-27

127浏览

0评论

微信小程序之onLaunch与onload异步问题详解

所述问题：
前端时间开发了一个微信小程序商城项目，因为这个项目我们的需求是进入小程序就通过wx.login({}) 这个api进行用户登录，获取系统后台的用户基本信息。再此之前，一直以...

• 2020-05-27

89浏览

0评论

详解vue-cli3多环境打包配置

最近下载了vue-cli3,研究了下vue-cli3下多环境的配置。
首先，安装vue-cli3。npm install -g @vue/cli安装好之后的项目是这样的，见下图：相比较vue-cli2的项目，缺少了build和conf...

• 2020-05-27

101浏览

0评论

ES7之Async/await的使用详解

在 js 异步请求数据时，通常，我们多采用回调函数的方式解决，但是，如果有多个回调函数嵌套时，代码显得很不优雅，维护成本也相应较高。 ES6 提供的 Promise 方法和 ES7 提供的 Async/...

• 2020-05-27

111浏览

0评论

详解Js里的for…in和for…of的用法

之前看编程方法学，for循环的基本格式是for(init;test;step ){ statement}//例如for(int i=0,i<10;i++){ ...}后来接触了python，for循环的格式更加的简单优雅，只要一个for ……i...

• 2020-05-27

126浏览

0评论

微信小程序中使用Async-await方法异步请求变为同步请求方法

微信小程序中有些 Api 是异步的，无法直接进行同步处理。例如：wx.request、wx.showToast、wx.showLoading等。如果需要同步处理，可以使用如下方法：注意：Async-await方法属于ES7语...

• 2020-05-27

196浏览

0评论

微信小程序中转义字符的处理方法

在微信小程序开发过程中，有时候会用到常用的一些特殊字符如：‘<'、‘>'、‘&'、‘空格'等，微信小程序同样支持对转义字符的处理，下面提供两种方法用来处理微信小程序中转义字符...

• 2020-05-27

116浏览

0评论

Vue js 的生命周期（看了就懂）(推荐)

用Vue框架，熟悉它的生命周期可以让开发更好的进行。首先先看看官网的图，详细的给出了vue的生命周期:它可以总共分为8个阶段： beforeCreate（创建前）, created（创建后）, beforeMou...

• 2020-05-27

128浏览

0评论

node(koa2) web应用模块介绍详解

在自己的koa2 web项目中，用到了几个模块，感觉都是不错的，特地来分享下这些模块。一、前言
我们都知道可以通过koa2 工程名的方式来初始化koa2项目，官方为我们增加了koa-bodypars...

• 2020-05-27

100浏览

0评论

详解a标签添加onclick事件的几种方式

我们常用的在a标签中有点击事件：1. a href="javascript:js_method();" rel="external nofollow" 这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的hre...

• 2020-05-27

128浏览

0评论

使用weixin-java-miniapp配置进行单个小程序的配置详解

在进行小程序后端接口开发方面，使用weixin-java-tools中的weixin-java-miniapp模块，往往可以事半功倍。
引入weixin-java-tools
在https://mvnrepository.com/中搜索weixin-ja...

• 2020-05-27

97浏览

0评论

JavaScript实现无限级递归树的示例代码

需求最近遇到一个需求，平时被后台惯着直接返回了树形结构给到前端，前端对这种嵌套类型的数据（如地区的级联或菜单的树形结构）省掉了一层处理。换了个后台开发返回了扁平化的数组...

• 2020-05-27

102浏览

0评论

微信小程序学习笔记之登录API与获取用户信息操作图文详解

本文实例讲述了微信小程序学习笔记之登录API与获取用户信息操作。分享给大家供大家参考，具体如下：前面介绍了微信小程序跳转页面、传递参数获得数据，这里来分析一下登录API与获...

• 2020-05-27

129浏览

0评论

微信小程序生成二维码的示例代码

好久没有写文章了，最近公司要做海报分享的活动，需要在小程序中生成扫了之后可以跳转普通网页的二维码，就在github上面找了一下，确实找到了一个兼容兼容性比较不错的，给打加分享一...

• 2020-05-27

100浏览

0评论

微信小程序学习笔记之文件上传、下载操作图文详解

本文实例讲述了微信小程序学习笔记之文件上传、下载操作。分享给大家供大家参考，具体如下：前面介绍了微信小程序登录API与获取用户信息操作。这里再来介绍一下文件的上传与下...

• 2020-05-27

153浏览

0评论

微信小程序生成分享海报方法（附带二维码生成）

昨天写了一篇小程序本地生成二维码的功能小程序本地生成二维码，趁热打铁今天给大家分享一下小程序内生成海报的功能以及具体步骤
这次分享海报里面的元素比较少，进行绘制的分...

• 2020-05-27

118浏览

0评论

VUE解决微信签名及SPA微信invalid signature问题(完美处理)

前端小菜鸟，因为项目要对接微信的jssdk，对接就需要签名认证，但是无奈安卓和IOS各有各的坑，本篇文章只讨论签名，和一个分享的坑，希望大家有所收获，能够解决问题，如果解决不到，请麻烦在...

• 2020-05-27

129浏览

0评论

点击按钮弹出模态框的一系列操作代码实例

实现功能提交按钮功能：
点击提交按钮的时候都会弹出模态框，但是有不同的状态：
审核状态未通过：弹出未通过理由的input输入框，模态框中除了取消和确定按钮，新增确定并保存医院的按...

• 2020-05-27

136浏览

0评论

微信小程序学习笔记之获取位置信息操作图文详解

本文实例讲述了微信小程序学习笔记之获取位置信息操作。分享给大家供大家参考，具体如下：前面介绍了微信小程序文件上传、下载操作。这里分析一下获取位置信息操作。
【获取当...

• 2020-05-27

127浏览

0评论

详解vue配置后台接口方式

在vueAdmin项目中有两种方式配置后端接口的方式，在此做下记录第一种（代理方式）在工程目录下 > config > index.js
- 修改为如下配置proxyTable: { '/api': { target: 'htt...

• 2020-05-27

87浏览

0评论

微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解

最近开发一个项目时，有微信H5网页自定义分享功能，使用了微信JS-SDK的分享到好友和分享到朋友圈功能。微信开发文档这样写的自定义“分享给朋友”及“分享到QQ”按钮的分享内容...

• 2020-05-27

107浏览

0评论

微信小程序学习笔记之本地数据缓存功能详解

本文实例讲述了微信小程序学习笔记之本地数据缓存功能。分享给大家供大家参考，具体如下：前面介绍了微信小程序获取位置信息操作。这里再来介绍一下微信小程序的本地数据缓存功...

• 2020-05-27

110浏览

0评论

vue中使用微信公众号js-sdk踩坑记录

最近又在vue中捣鼓了下微信公众号api的接入，不得不说这里边水是真的深啊，上次分享了微信授权登录和js-sdk签名的部分，其中很多朋友私信我表示了疑惑，今天我就再次尝试理顺一下这...

• 2020-05-27

115浏览

0评论

Vue项目history模式下微信分享爬坑总结

每回遇到微信分享都是一个坑，目前的商城项目使用Vue开发，采用history的路由模式，配置微信分享又遇到了很多问题，最后终于解决了，现将解决的过程分享一下。技术要点Vue，history常见...

• 2020-05-27

114浏览

0评论

jQuery实现动态添加和删除input框代码实例

本文实例为大家分享了jQuery实现动态添加和删除input框的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>选项</title> <script...

• 2020-05-27

109浏览

0评论

详解vue项目打包步骤

终端运行命令 npm run build打包成功的标志与项目的改变，如下图： 点击index.html，通过浏览器运行，出现以下报错，如图：那么应该如何修改呢？具体步骤如下： 1、查看package.js文件的sc...

• 2020-05-27

104浏览

0评论

微信小程序实现获取小程序码和二维码java接口开发

前言：目前小程序推出了自己的识别码，小程序码，这个圆形的码看起来比二维码好看。本文总结微信小程序的获取小程序码和二维码并生成二维码图片的接口开发。主要内容摘抄自微信小...

• 2020-05-27

90浏览

0评论

利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法

有时候我们可能需要在其他的网页上展示我们自己的小程序中某些页面的小程序码，这种时候，我们需要用到小程序的生成小程序码的相关接口。
工具选型
我们仍然选用简单方便的weix...

• 2020-05-27

108浏览

0评论

vue路由--网站导航功能详解

1、首先需要按照Vue router支持npm install vue-router
然后需要在项目中引入：
import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)2、定义router...

• 2020-05-27

105浏览

0评论

微信公众平台获取access_token的方法步骤

前言：access_token是微信公众平台接口的重要参数，很多接口都需要这个参数。微信公众平台文档地址：微信公众平台技术文档一、access_token说明access_token是公众号的全局唯一接...

• 2020-05-27

108浏览

0评论

微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例

本文实例讲述了微信小程序使用wx.request请求服务器json数据并渲染到页面操作。分享给大家供大家参考，具体如下：微信小程序的数据总不能写死吧，肯定是要结合数据库来做数据更新...

• 2020-05-27

90浏览

0评论

Javascript实现一朵从含苞到绽放的玫瑰

用javascript实现的一朵从含苞到绽放的玫瑰 代码奉献了！！偷偷地做成网页发给女朋友，她会高兴的！<html> <head> </head> <body> <canvas id="c"></canvas> <script> v...

• 2020-05-27

202浏览

0评论

jQuery事件blur()方法的使用实例讲解

实例当输入域失去焦点 (blur) 时改变其颜色：$("input").blur(function(){ $("input").css("background-color","#D6D6FF");});<html><head><script type="text/javascript" s...

• 2020-05-27

141浏览

0评论

vue项目首屏打开速度慢的解决方法

最近接手了一个后台管理系统，技术栈主要是vue全家桶+elementui，老大打开测试环境页面的时候，说看到首页需要6秒钟，那如何进行优化呢？首先我们需要安装webpack-bundle-analyzer//...

• 2020-05-27