45浏览

0评论

详解VUE项目中安装和使用vant组件

Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。特性 50+ 个经过有赞线上业务检验的组件 单元测试覆盖率超过 90% 完善的...

• 2020-05-27

51浏览

0评论

使用vue完成微信公众号网页小记(推荐)

前言：公司最近有一个H5页面的功能，比较简单的一个调查表功能，嵌套在我们微信公众号里面。选用的技术栈是Vue。同时用到了微信的登录和分享接口。ps:本人小白，如果有问题希望大家...

• 2020-05-27

59浏览

0评论

详解vue 路由跳转四种方式 (带参数)

1. router-link1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开...

• 2020-05-27

67浏览

0评论

微信小程序地图导航功能实现完整源代码附效果图（推荐）

正文：一：需求及效果图展示从后端API获取到起始地和目的地的经纬度坐标与地名。用户点击起始地便打开地图展示坐标的附近街景，路线，或者打开外部地图。二：源代码 <block wx:for="{...

• 2020-05-27

41浏览

0评论

VueJs里利用CryptoJs实现加密及解密的方法示例

第一步 安装
安装crypto-js
第二步 创建
在js文件目录下创建一个js文件secret/** * 对页面上输入的密码进行加密传输给后台进行验证，对返回的数据进行解密，在页面展示 */let C...

• 2020-05-27

64浏览

0评论

vue实现微信分享链接添加动态参数的方法

微信分享时 分享链接携带参数可能不是固定的 需要在分享的前一刻才知道 这里就是动态设置分享链接的基本写法 代码不是那么详尽 但大致流程如下1.安装引用jssdknpm install...

• 2020-05-27

57浏览

0评论

微信小程序调用微信支付接口的实现方法

前言：应项目要求，需要使用微信小程序做支付，写完后告知手续费太高方案不予通过（宝宝心里苦，但宝宝不说）。此次开发在因站在巨人的肩膀上顺利完成。微信支付文档传送门：https://pay....

• 2020-05-27

66浏览

0评论

vue中利用simplemde实现markdown编辑器（增加图片上传功能）

前言最近在搭个人博客网站，需要一个 markdown 编辑器，来进行博客的编写看了网上的教程，决定使用 simplemde
以为可以直接能拿来用的不过实际运用的时候发现还是有要完善的地方...

• 2020-05-27

74浏览

0评论

详解微信小程序实现跑马灯效果（附完整代码）

在微信小程序 里实现跑马灯效果，类似滚动字幕或者滚动广告之类的，使用简单的CSS样式控制，没用到JS，效果如下图：Wxml代码：<!--跑马灯 Linyufan.com--><view class="marquee_contain...

• 2020-05-27

47浏览

0评论

深入浅析Vue 中 ref 的使用

官网上的说明一、前言#　　在之前的前端开发中，为了实现我们的需求，通常采用的方案是通过 JS/Jquery 直接操纵页面的 DOM 元素，得益于 Jquery 对于 DOM 元素优异的操作能力，我们...

• 2020-05-27

38浏览

0评论

实现elementUI表单的全局验证的方法步骤

使用ElementUi搭建框架的时候，大家应该都有考虑过怎么做全局验证，毕竟复制粘贴什么的是最烦了，这里分享下个人的解决方法。验证规则
分析规则
一般验证规则，主要是是否必填，不为...

• 2020-05-27

53浏览

0评论

Node.js如何优雅的封装一个实用函数的npm包的方法

为什么要封装一个实用函数的 npm 包&#63;当你连续写了多个 Node 应用, 都想要 console 漂亮一点, 你可能会像下面这样封装一个函数import chalk from "chalk";function noop...

• 2020-05-27

48浏览

0评论

详解JavaScript实现动态的轮播图效果

利用javascript能实现常见的动态的网页轮播图效果，如下图1所示：图1实现该轮播图有以下几个要点：(1)在左右两侧各有一个箭头，分别指的是向左和向右切换，即点击相应的位置就会切换...

• 2020-05-27

52浏览

0评论

小程序封装wx.request请求并创建接口管理文件的实现

开发小程序，封装有一个简单易用wx.request请求还是很必要的，可以省去大量的维护成本！闲话不多说，直接撸代码。流程 创建http.js文件，封装wx.request 创建api.js文件，统一管理所...

• 2020-05-27

70浏览

0评论

微信小程序传值以及获取值方法的详解

微信小程序传值以及获取值方法，传值有两种方法，对应也有获取值得方法，1、设置id的方法标识跳转后传递的参数值；2、通过使用data - xxxx 的方法来标识要传递的值微信小程序设置id...

• 2020-05-27

64浏览

0评论

vue在index.html中引入静态文件不生效问题及解决方法

本文针对的是Vue小白，不喜勿喷，谢谢出现该问题的标志如下控制台warning（Resource interpreted as Stylesheet but transferred with MIME type text/html）出现的原因及解决办法...

• 2020-05-27

52浏览

0评论

微信小程序-form表单提交代码实例

效果html代码<form bindsubmit="formSubmit" bindreset="formReset"> <view class="section section_gap"> <view class="section__title">是否公开信息</view> <switch n...

• 2020-05-27

55浏览

0评论

Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定

表单类控件承载了一个网页数据的录入与交互，本章将介绍如何使用指令v-model完成表单的数据双向绑定。6.1 基本用法表单控件在实际业务较为常见，比如单选、多选、下拉选择、输...

• 2020-05-27

293浏览

0评论

微信小程序--获取用户地理位置名称(无须用户授权)的方法

在本文 微信小程序--获取用户地理位置名称(无须用户授权) 之前需要先看看微信小程序-获取用户session_key,openid,unionid - 后端为nodejs代码封装是在上文添加的。准备1、...

• 2020-05-27

71浏览

0评论

Vue 引入AMap高德地图的实现代码

本文代码仅针对 Vue CLI 3.x 生成的项目有效，但是在第二步配置的时候，可以直接配置 webpack.externals，所以本引入思路是通用的，并不局限于该项目资源
AMap 准备-入门教程 引入...

• 2020-05-27

66浏览

0评论

详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs

微信小程序-获取用户session_key,openid,unionid - 后端为nodejs8.0+步骤：1、通过wx.login接口获取code既jscode，传递到后端；2、后端请求https://api.weixin.qq.com/sns/jscode...

• 2020-05-27

81浏览

0评论

vue和better-scroll实现列表左右联动效果详解

一.实现思路 (1)实现上是左右分别一个better-scroll列表 (2)利用计算右侧列表每一个大区块的高度来计算左侧的位置二.实现1.实现左右两个better-scroll(1)dom结构(better-...

• 2020-05-27

50浏览

0评论

微信网页登录逻辑与实现方法

现在的网站开发，都绕不开微信登录（毕竟微信已经成为国民工具）。虽然文档已经写得很详细，但是对于没有经验的开发者还是容易踩坑。所以，专门记录一下微信网页认证的交互逻辑，也方便...

• 2020-05-27

59浏览

0评论

实例详解vue中的$root和$parent

$rootvue状态管理使用vuex,如果项目不大，逻辑不多，name我们没必要用vuex给项目增加难度，只需要用$root设置vue实例的data就行了，如下main.jsnew Vue({ data(){ return{ loadi...

• 2020-05-27

47浏览

0评论

详解JS实现系统登录页的登录和验证

这篇文章用JS显示表单的登录以及验证和对键盘的监听，这里有两种方法，一种是无需用户验证直接登录，一种是需要账户密码匹配才可登录。1. html代码<div class="content"> <div c...

• 2020-05-27

56浏览

0评论

详解iframe跨域的几种常用方法(小结)

背景
随着业务的发展，自然地会有一些公共的业务被抽离成为公共组件共各个项目使用。但是由于各个项目用到的技术栈都有所不同，所以这个公共组件就不能方便地被引用了。为解决...

• 2020-05-27

47浏览

0评论

JSON是什么？有哪些优点？JSON和XML的区别？

有一种叫做JSON (JavaScript Object Notation) 的轻量级数据交换格式能够替代XML的工作。它就是JSON。各语言对JSON支持的特别好，自从Ajax的流行，JSON格式传输就更流行了。一...

• 2020-05-27

57浏览

0评论

vue+web端仿微信网页版聊天室功能

一、项目介绍基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室——vueWebChat，实现了发送消息、表情(动...

• 2020-05-27

59浏览

0评论

详解微信小程序-扫一扫 wx.scanCode() 扫码大变身

效果 jslet app = getApp();Page({ data: { img: "/images/1.jpg" }, onLoad() { }, scan() { wx.scanCode({ success: (res) => { console.log("扫码结果"); console.lo...

• 2020-05-27

60浏览

0评论

Javascript读取上传文件内容/类型/字节数

在网站开发的某些情况下我们需要上传文件到服务器，在这个过程中可能会对文件做一定的限制，比如说文件格式，文件大小等，在一些情况下我们上传文件其实是为了获取其中的内容在前端...

• 2020-05-27

59浏览

0评论

js时间戳转yyyy-MM-dd HH-mm-ss工具类详解

在web开发中，我们经常需要用js将时间戳转yyyy-MM-dd HH-mm-ss类似的格式，这样才适合我们的观感，那么我们该如何在js中将时间戳转换成这种格式呢？其实很简单，我们开发一个时间戳工...

• 2020-05-27

76浏览

0评论

TypeScript开发Node.js程序的方法

当我第一次发现 TypeScript 时，就把它用到了自己的 JavaScript 程序中。使用 TypeScript 有很多好处，现在你要让我在用原生 JavaScript 写任何东西的话，需要给我一个令人信服的...

• 2020-05-27

72浏览

0评论

详解微信小程序用定时器实现倒计时效果

平常在微信小程序开发的时候，因项目的需求，倒计时必不可少，下面主要讲解定时器在微信小程序中的使用。这里要先声明一点的就是，该篇主要实现倒计时功能，而且实现是时长较短的倒计...

• 2020-05-27

58浏览

0评论

详解Vue+ElementUI从零开始搭建自己的网站（一、环境搭建）

VueJS可以说是近些年来最火的前端框架之一，越来越多的网站开始使用vue作为前端框架，vuejs轻量、简单，对于前端友好，学习路线平坦，这使得前端开发变得更加简易，而基于vuejs的前端组...

• 2020-05-27

56浏览

0评论

nodejs中request库使用HTTPS代理的方法

正在尝试改用NodeJS编写爬虫，http请求库选择了 request ，用起来还是挺简单的。现在有个需求，需要用Fiddler抓包我发出去的请求，以便和浏览器发出去的包进行对比。因为需要解密HT...

• 2020-05-27

56浏览

0评论

vue前端框架—Mint UI详解（更适用于移动端）

一、mintUI简介mint是一个基于vue的前端UI框架，而它的样式比较类似于手机的样式，可以说是一个基于vue打包app的UI框架，使用mint框架可以给使用vue打包的app的用户更好的交互体...

• 2020-05-27

43浏览

0评论

基于JS开发微信网页录音功能的实例代码

具体代码如下所示：wx.ready(function () { var startRecordflag = false var startTime = null　　　　　//btnRecord 为录音按钮dom对象 btnRecord.addEventListen...

• 2020-05-27

77浏览

0评论

微信小程序API—获取定位的详解

在微信小程序中，我们可以很方便的通过API接口来获取我们当前的位置，接下来我讲告诉大家微信获取定位的API—wx.getLocation的用法，以及我们通过获取定位，得到当地的位置，天气等信...

• 2020-05-27

65浏览

0评论

VSCode使用之Vue工程配置eslint

首先确保VS Code 安装了 Vetur 和 Eslint 插件。
然后使用了vue-cli提供的简单webpack模板，这样创建的工程默认没有添加ESLint。vue init webpack-simple test-vscode配置过...

• 2020-05-27

59浏览

0评论

微信小程序单选radio及多选checkbox按钮用法示例

本文实例讲述了微信小程序单选radio及多选checkbox按钮用法。分享给大家供大家参考，具体如下：1.单选：radio实例：js:Page({data : {radioId:"",loves:[{id:1, name:"跑步" ,check...

• 2020-05-27

58浏览

0评论

Vue-cli3简单使用(图文步骤)

Vue-cli3.X创建项目1.环境要求安装Vue-cli3.x的前置条件：Node.js
以Windows为例安装Node.js,百度 “Node.js官网” 或”Node.js中文网”均可 ,如无特殊要求 下载安装 LTS版（长...

• 2020-05-27

58浏览

0评论

一百行JS代码实现一个校验工具

做过校验需求的小伙伴们都知道，校验其实是个麻烦事。规则多，需要校验的字段多，都给我们前端带来巨大的工作量。一个不小心，代码里就出现了不少if else等不可维护的代码。因此，我...

• 2020-05-27

68浏览

0评论

微信小程序实现同一页面取值的方法分析

本文实例讲述了微信小程序实现同一页面取值的方法。分享给大家供大家参考，具体如下：1.js里单个的值在wxml里取值方法：js里将该值定义为全局变量，在wxml里采用 {{ }}即可获取。实...

• 2020-05-27

53浏览

0评论

微信小程序常用赋值方法小结

本文实例讲述了微信小程序常用赋值方法。分享给大家供大家参考，具体如下：1.微信小程序将值赋值给局部变量: "="实例：var name=options.goodsName2.微信小程序将值赋值给全局变...

• 2020-05-27

73浏览

0评论

vue2.0基于vue-cli+element-ui制作树形treeTable

该组件基于技术栈，主要涉及vue-cli生成的webpack项目脚手架，在此脚手架项目基础上完成的，整合了element-ui开源vue的UI项目1.vue-cli的安装使用npm install -g vue-cli全局安装...

• 2020-05-27

78浏览

0评论

微信小程序页面间传值与页面取值操作实例分析

本文实例讲述了微信小程序页面间传值与页面取值操作。分享给大家供大家参考，具体如下：微信小程序页面间传值1.js页面间的传值：url: ' 路径 &#63; 值='+ 获取该页面取值,实例1：pa...

• 2020-05-27

75浏览

0评论

vue-router 前端路由之路由传值的方式详解

路由传值在前端的路由里面，我们在切换路由的时候，也相当于切换了页面，页面与页面之前有时候需要做到传值 ，这个时候就需要进行路由传值，在VueRouter里面，两个路由之间做跳转的时候...

• 2020-05-27

74浏览

0评论

vue自动路由-单页面项目（非build时构建）

这是一个什么项目？答：这是一个单页面的vue.js项目，主要为了实现在非build时，进行自动路由。简单点说，就是在请求页面时，根据url进行动态添加路由。自动路由有什么限制吗？答：有，因为是...

• 2020-05-27

53浏览

0评论

使用 Vue cli 3.0 构建自定义组件库的方法

本文旨在给大家提供一种构建一个完整 UI 库脚手架的思路：包括如何快速并优雅地构建UI库的主页、如何托管主页、如何编写脚本提升自己的开发效率、如何生成 CHANGELOG 等前言...

• 2020-05-27

63浏览

0评论

微信小程序时间戳转日期的详解

正文：// util.js//时间戳转换成日期时间function js_date_time(unixtime) { var dateTime = new Date(parseInt(unixtime) * 1000) var year = dateTime.getFullYear(); var...

• 2020-05-27