111浏览

0评论

vue实现移动端轻量日期组件不依赖第三方库的方法

不需要依赖第三方组件的vue日期移动端组件 小轮子 轻量可复用: https://github.com/BeckReed/datepicker-for-vue2.用法：参见 src/view/demo.vue 文件的用法，简单易懂<div>...

• 2020-05-27

106浏览

0评论

如何在微信小程序里面退出小程序的方法

公司要求用小程序重构已有的微信公众号，于是没接触过小程序的我。。。好的，直接进入主题。如何在小程序里面退出小程序。这个功能基本上都会用到，而文档里面没有找到如微信一样...

• 2020-05-27

83浏览

0评论

vue自定义js图片碎片轮播图切换效果的实现代码

定义一个banner.js文件，代码如下;window.requestAnimationFrame = window.requestAnimationFrame||function(a){return setTimeout(a,1000/60)};window.cancelAnimationFrame...

• 2020-05-27

118浏览

0评论

详解微信小程序获取当前时间及日期的方法

获取当前时间首先，在要获取时间的.js文件中加载util.js文件然后在onload方法中，调用util.js中的formatTime方法获取当前时间//获取当前时间// 调用函数时，传入new Date()参数，返...

• 2020-05-27

96浏览

0评论

使用异步组件优化Vue应用程序的性能

单页应用其一个问题是首屏屏渲染速度较慢。这是因为页面首次加载时服务器将向客户端发送大量JavaScript，在屏幕上显示任何内容之前必须下载并解析。可以想象，随着应用程序规模...

• 2020-05-27

89浏览

0评论

使用webpack编译es6代码的方法步骤

前言
团队使用的 webpack 功能很强大，有时候会碰到编译失败的情况，总得找工具的作者解决问题，自己很少去追究原因，感觉对于 webpack 的认知总是一知半解。因此，从本篇文章开始，自...

• 2020-05-27

98浏览

0评论

Vue 中文本内容超出规定行数后展开收起的处理的实现方法

文字比较难解释，直接看图应该就懂是要做什么了。需求工作中遇到的，需求就是超过四行得有个展开按钮，点击展开显示所有内容，不超过四行的话就不需要这个按钮并显示所有内容。思路...

• 2020-05-27

92浏览

0评论

详解微信小程序调用支付接口支付

我前段时间做微信支付，遇到了很多坑，网上也没有讲解的特别明白的，通过借鉴各路人才的经验，最后也完成了，网上有很多讲解，我在这只讲一些注意点和解决的方法。我就讲讲我从完全懵到...

• 2020-05-27

105浏览

0评论

判断文字超过2行添加展开按钮，未超过则不显示，溢出部分显示省略号

在进行H5页面开发时，项目都要提测了，产品却加了个点击展开和点击收起的需求。。 上知乎看了下 ，也有人有这样的疑问，今天我就把问题给解决啦~
这里就来讲述下我的解决方案：
利用...

• 2020-05-27

118浏览

0评论

js+html5 canvas实现ps钢笔抠图

html5 canvas+js实现ps钢笔抠图1. 项目要求需要用js实现photoshop中钢笔抠图功能，就用了近三四天的时间去解决它，最终还是基本上把他实现了。做的过程中走了不少弯路，最终一同...

• 2020-05-27

115浏览

0评论

Vue2(三)实现子菜单展开收缩，带动画效果实现方法

以前做这种操作就是简单的display：block，但现在用户的要求也越来越高，需要美观和动画感。现在介绍用一种简单的方式来实现子菜单从上向下展开子菜单。看下效果图：点开效果：其实原...

• 2020-05-27

111浏览

0评论

详解vue更改头像功能实现

如上图所示：需要完成的功能是点击更改头像，获取本地文件库，选择图片后将原始图片替换。这里我就直接用html文件引入vue来简单实现在这功能，代码如下：HTML：<div id="app"> <div cla...

• 2020-05-27

102浏览

0评论

微信小程序--特定区域滚动到顶部时固定的方法

项目要求：如图所示，当页面滚动到导航条到达搜索栏下方时固定，向上滚动到导航条位置时又恢复原样。
以下是代码展示： 1.wxml<scroll-view style="width:100%;height: 100%;" scr...

• 2020-05-27

120浏览

0评论

vue项目中在外部js文件中直接调用vue实例的方法比如说this

一般我们都是在main.js中引入vue，然后在vue文件中直接使用this（this指向的是vue实例），但是在实际开发中，我们往往会引入外部的js文件使用this，这个this就会指向window，并不是我们期...

• 2020-05-27

97浏览

0评论

Easyui 关闭jquery-easui tab标签页前触发事件的解决方法

测试环境jquery-easyui-1.5.3需求场景点击父页面tab 页关闭按钮时，需要做判断，判断该tab页面是否可以关闭：获取子页面js中定义的taskStatus，如果taskStatu不为taskEnd，则表示任务...

• 2020-05-27

378浏览

0评论

Vue项目从webpack3.x升级webpack4不完全指南

前段时间，泡面将自己的一个Vue-cli构建的前端框架从webpack3.x升级到了4.x版本，现在才拉出来记录一下，已备忘之用，也和大家分享一下，以免大家采坑。
原先的环境 项目原先通过Vue...

• 2020-05-27

98浏览

0评论

vue slot与传参实例代码讲解

插槽分为默认插槽和具名插槽：默认插槽：　
//父组件<div> <h3>父组件</h3> <testChild> <div>默认插槽</div> </testChild></div>//子组件<div> <h4>子组件</h4> <slot></...

• 2020-05-27

231浏览

0评论

详解JavaScript对数组操作（添加/删除/截取/排序/倒序）

js对数组对象的操作以及方法的使用如何声明创建一个数组对象：var arr = new Array();或者var arr = [];如何移除所有数组中数据？arrayJson.dataList.splice(0,arr.length);如...

• 2020-05-27

104浏览

0评论

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

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

• 2020-05-27

98浏览

0评论

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

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

• 2020-05-27

120浏览

0评论

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

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

• 2020-05-27

126浏览

0评论

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

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

• 2020-05-27

88浏览

0评论

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

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

• 2020-05-27

115浏览

0评论

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

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

• 2020-05-27

117浏览

0评论

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

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

• 2020-05-27

115浏览

0评论

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

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

• 2020-05-27

148浏览

0评论

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

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

• 2020-05-27

104浏览

0评论

深入浅析Vue 中 ref 的使用

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

• 2020-05-27

84浏览

0评论

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

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

• 2020-05-27

103浏览

0评论

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

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

• 2020-05-27

119浏览

0评论

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

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

• 2020-05-27

104浏览

0评论

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

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

• 2020-05-27

135浏览

0评论

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

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

• 2020-05-27

117浏览

0评论

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

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

• 2020-05-27

102浏览

0评论

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

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

• 2020-05-27

126浏览

0评论

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

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

• 2020-05-27

369浏览

0评论

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

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

• 2020-05-27

117浏览

0评论

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

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

• 2020-05-27

109浏览

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

135浏览

0评论

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

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

• 2020-05-27

109浏览

0评论

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

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

• 2020-05-27

111浏览

0评论

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

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

• 2020-05-27

102浏览

0评论

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

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

• 2020-05-27

115浏览

0评论

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

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

• 2020-05-27

95浏览

0评论

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

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

• 2020-05-27

106浏览

0评论

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

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

• 2020-05-27

121浏览

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

113浏览

0评论

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

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

• 2020-05-27

110浏览

0评论

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

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

• 2020-05-27

117浏览

0评论

TypeScript开发Node.js程序的方法

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

• 2020-05-27