vue 进阶之实现父子组件间的传值
本章我们将深入了解一下组件，并实现父子组件间的传值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="https://cdn.js...
2020-05-27
详解微信小程序-canvas绘制文字实现自动换行
在使用微信小程序canvas绘制文字时，时常会遇到这样的问题：因为canvasContext.fillText参数为我们只能设置文本的最大宽度，这就产生一定的了问题。如果我们绘制的文本长度不确定...
2020-05-27
react高阶组件添加和删除props
唠叨几句啦
在看程墨老师的深入浅出高阶组件，开头一点提了一个需要，创建两个高阶组件，一个能给传入的元素自定义添加props，一个是删除特定的props。我刚刚做了一下，发现高阶组件...
2020-05-27
详解VScode编辑器vue环境搭建所遇问题解决方案
前言为什么选择VScode？在之前我用过sublime、webstorm、atom、Brackets、eclipse、HBuilder、notepad++等等。应该还有一些用过几次的编辑器，记不起来的，这些编辑器的作用不外...
2020-05-27
js验证身份证号码记录的方法
在一些需要填写身份证的表单网页中，需要对身份证的输入做一个验证，于是，我记录下了自己写的验证。在写验证之前，我们需要理解身份证的一些常识规则。中华人民共和国居民身份证验...
2020-05-27
微信小程序如何修改本地缓存key中单个数据的详解
最近在做教师评教系统，有一个‘个人信息'页面中有个编辑修改邮箱的功能，本来想得很简单，结果进坑了，搞了好久才出来。我想实现的效果是点击下图左侧邮箱，然后进入右侧页面，进行邮...
2020-05-27
Vue使用Canvas绘制图片、矩形、线条、文字，下载图片
1 前言1.1 业务场景图片储存在后台中，根据图片的地址，在vue页面中，查看图片，并根据坐标标注指定区域。由于浏览器的机制，使用 window.location.href 下载图片时，并不会保存到本地，...
2020-05-27
微信小程序实现的绘制table表格功能示例
本文实例讲述了微信小程序实现的绘制table表格功能。分享给大家供大家参考，具体如下：表格的绘制jsPage({data:{infeed:['"", "1周", "2周", "3周", "总计"],endwise1: "游泳",...
2020-05-27
js最实用string(字符串)类型的使用及截取与拼接详解
var a = '世界上最远的距离不是天涯海角';一、通过字符获取位置或通过位置获取字符：//指定位置返回字符console.log(str.charAt(1));console.log(str[1]);//指定位置返回字符...
2020-05-27
微信小程序开发之点击按钮退出小程序的实现方法
微信小程序官方是没有提供退出的API的，但是在navigator这个组件中，是有退出这个功能的：详情参考官方文档：navigator。示例代码： <navigator open-type="exit" target="miniProgra...
2020-05-27
详解VUE前端按钮权限控制
在用户登陆后，根据用户id读取用户的所有权限数据，放入本地的storage进行存储，之后，定义指令，如果用户含有此按钮权限，则在页面显示出来：/**权限指令**/ Vue.directive('has', {...
2020-05-27
vue组件间的参数传递实例详解
场景分析在前端开发中，我们常常会运用到“组件库”。在main入口中引入组件库，就可以很轻松的在页面中引入，并做一些基本的配置，如样式，颜色等。只需要在引入的组件中写入特定的属...
2020-05-27
详解auto-vue-file:一个自动创建vue组件的包
auto-vue-file
auto create .vue file by shell command
通过终端自动创建vue文件
前言：
1: 我们在写xxx.vue页面文件的时候，一般都要写这些重复的代码：
<template> <div class...
2020-05-27
Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
准备 利用vue-cli脚手架创建项目 进入项目安装vuex、axios（npm install vuex,npm install axios）axios配置项目中安装axios模块（npm install axios）完成后，进行以下配置：main.js...
2020-05-27
JS原生瀑布流效果实现
今天早起看了慕课的瀑布流，的确讲的十分详细，也十分的好，我在博客里也就只能给代码加些注释，和说一下思路。建议大家去看一下慕课的瀑布流教程，非常详细，每一个细节都讲的非常好，只...
2020-05-27
vue操作动画的记录animate.css实例代码
transition动画//使用动画库animate.css<transition enter-active-class='animated bounceIn' leave-active-class='animated bounceOut' :duration='200'>//其中duration是...
2020-05-27
详解在HTTPS 项目中使用百度地图 API
百度地图 API 产品简介百度地图 JavaScript API 是一套由 JavaScript 语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持 PC 端和移动端基于浏...
2020-05-27
js比较两个单独的数组或对象是否相等的实例代码
所谓js的中的传值,其实也就是说5种基本数据类型(null,undefind,boolean,number,string)传引用也就是说的那个引用数据类型,(array和object)基本数据类型的值不可变,而引用数...
2020-05-27
详解在Javascript中进行面向切面编程
面向切面编程（Aspect-oriented programming，AOP）是一种编程范式。做后端 Java web 的同学，特别是用过 Spring 的同学肯定对它非常熟悉。AOP 是 Spring 框架里面其中一个重要概念...
2020-05-27
详解小程序退出页面时清除定时器
由于小程序页面退出时，定时器和长连接等不会自动清除断开，所以需要我们在生命周期函数中手动清除但是定时器定义在函数中，我们无法在函数外清除，所以为了解决这个问题，我们需要把...
2020-05-27
vue实现移动端轻量日期组件不依赖第三方库的方法
不需要依赖第三方组件的vue日期移动端组件 小轮子 轻量可复用: https://github.com/BeckReed/datepicker-for-vue2.用法：参见 src/view/demo.vue 文件的用法，简单易懂<div>...
2020-05-27
如何在微信小程序里面退出小程序的方法
公司要求用小程序重构已有的微信公众号，于是没接触过小程序的我。。。好的，直接进入主题。如何在小程序里面退出小程序。这个功能基本上都会用到，而文档里面没有找到如微信一样...
2020-05-27
vue自定义js图片碎片轮播图切换效果的实现代码
定义一个banner.js文件，代码如下;window.requestAnimationFrame = window.requestAnimationFrame||function(a){return setTimeout(a,1000/60)};window.cancelAnimationFrame...
2020-05-27
详解微信小程序获取当前时间及日期的方法
获取当前时间首先，在要获取时间的.js文件中加载util.js文件然后在onload方法中，调用util.js中的formatTime方法获取当前时间//获取当前时间// 调用函数时，传入new Date()参数，返...
2020-05-27
使用异步组件优化Vue应用程序的性能
单页应用其一个问题是首屏屏渲染速度较慢。这是因为页面首次加载时服务器将向客户端发送大量JavaScript，在屏幕上显示任何内容之前必须下载并解析。可以想象，随着应用程序规模...
2020-05-27
使用webpack编译es6代码的方法步骤
前言
团队使用的 webpack 功能很强大，有时候会碰到编译失败的情况，总得找工具的作者解决问题，自己很少去追究原因，感觉对于 webpack 的认知总是一知半解。因此，从本篇文章开始，自...
2020-05-27
Vue 中文本内容超出规定行数后展开收起的处理的实现方法
文字比较难解释，直接看图应该就懂是要做什么了。需求工作中遇到的，需求就是超过四行得有个展开按钮，点击展开显示所有内容，不超过四行的话就不需要这个按钮并显示所有内容。思路...
2020-05-27
详解微信小程序调用支付接口支付
我前段时间做微信支付，遇到了很多坑，网上也没有讲解的特别明白的，通过借鉴各路人才的经验，最后也完成了，网上有很多讲解，我在这只讲一些注意点和解决的方法。我就讲讲我从完全懵到...
2020-05-27
判断文字超过2行添加展开按钮，未超过则不显示，溢出部分显示省略号
在进行H5页面开发时，项目都要提测了，产品却加了个点击展开和点击收起的需求。。 上知乎看了下 ，也有人有这样的疑问，今天我就把问题给解决啦~
这里就来讲述下我的解决方案：
利用...
2020-05-27
js+html5 canvas实现ps钢笔抠图
html5 canvas+js实现ps钢笔抠图1. 项目要求需要用js实现photoshop中钢笔抠图功能，就用了近三四天的时间去解决它，最终还是基本上把他实现了。做的过程中走了不少弯路，最终一同...
2020-05-27
Vue2(三)实现子菜单展开收缩，带动画效果实现方法
以前做这种操作就是简单的display：block，但现在用户的要求也越来越高，需要美观和动画感。现在介绍用一种简单的方式来实现子菜单从上向下展开子菜单。看下效果图：点开效果：其实原...
2020-05-27
详解vue更改头像功能实现
如上图所示：需要完成的功能是点击更改头像，获取本地文件库，选择图片后将原始图片替换。这里我就直接用html文件引入vue来简单实现在这功能，代码如下：HTML：<div id="app"> <div cla...
2020-05-27
微信小程序--特定区域滚动到顶部时固定的方法
项目要求：如图所示，当页面滚动到导航条到达搜索栏下方时固定，向上滚动到导航条位置时又恢复原样。
以下是代码展示： 1.wxml<scroll-view style="width:100%;height: 100%;" scr...
2020-05-27
vue项目中在外部js文件中直接调用vue实例的方法比如说this
一般我们都是在main.js中引入vue，然后在vue文件中直接使用this（this指向的是vue实例），但是在实际开发中，我们往往会引入外部的js文件使用this，这个this就会指向window，并不是我们期...
2020-05-27
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
测试环境jquery-easyui-1.5.3需求场景点击父页面tab 页关闭按钮时，需要做判断，判断该tab页面是否可以关闭：获取子页面js中定义的taskStatus，如果taskStatu不为taskEnd，则表示任务...
2020-05-27
Vue项目从webpack3.x升级webpack4不完全指南
前段时间，泡面将自己的一个Vue-cli构建的前端框架从webpack3.x升级到了4.x版本，现在才拉出来记录一下，已备忘之用，也和大家分享一下，以免大家采坑。
原先的环境 项目原先通过Vue...
2020-05-27
vue slot与传参实例代码讲解
插槽分为默认插槽和具名插槽：默认插槽：
//父组件<div> <h3>父组件</h3> <testChild> <div>默认插槽</div> </testChild></div>//子组件<div> <h4>子组件</h4> <slot></...
2020-05-27
详解JavaScript对数组操作（添加/删除/截取/排序/倒序）
js对数组对象的操作以及方法的使用如何声明创建一个数组对象：var arr = new Array();或者var arr = [];如何移除所有数组中数据？arrayJson.dataList.splice(0,arr.length);如...
2020-05-27
详解VUE项目中安装和使用vant组件
Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。特性 50+ 个经过有赞线上业务检验的组件 单元测试覆盖率超过 90% 完善的...
2020-05-27
使用vue完成微信公众号网页小记(推荐)
前言：公司最近有一个H5页面的功能，比较简单的一个调查表功能，嵌套在我们微信公众号里面。选用的技术栈是Vue。同时用到了微信的登录和分享接口。ps:本人小白，如果有问题希望大家...
2020-05-27
详解vue 路由跳转四种方式 (带参数)
1. router-link1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开...
2020-05-27
微信小程序地图导航功能实现完整源代码附效果图（推荐）
正文：一：需求及效果图展示从后端API获取到起始地和目的地的经纬度坐标与地名。用户点击起始地便打开地图展示坐标的附近街景，路线，或者打开外部地图。二：源代码 <block wx:for="{...
2020-05-27
VueJs里利用CryptoJs实现加密及解密的方法示例
第一步 安装
安装crypto-js
第二步 创建
在js文件目录下创建一个js文件secret/** * 对页面上输入的密码进行加密传输给后台进行验证，对返回的数据进行解密，在页面展示 */let C...
2020-05-27
vue实现微信分享链接添加动态参数的方法
微信分享时 分享链接携带参数可能不是固定的 需要在分享的前一刻才知道 这里就是动态设置分享链接的基本写法 代码不是那么详尽 但大致流程如下1.安装引用jssdknpm install...
2020-05-27
微信小程序调用微信支付接口的实现方法
前言：应项目要求，需要使用微信小程序做支付，写完后告知手续费太高方案不予通过（宝宝心里苦，但宝宝不说）。此次开发在因站在巨人的肩膀上顺利完成。微信支付文档传送门：https://pay....
2020-05-27
vue中利用simplemde实现markdown编辑器（增加图片上传功能）
前言最近在搭个人博客网站，需要一个 markdown 编辑器，来进行博客的编写看了网上的教程，决定使用 simplemde
以为可以直接能拿来用的不过实际运用的时候发现还是有要完善的地方...
2020-05-27
详解微信小程序实现跑马灯效果（附完整代码）
在微信小程序 里实现跑马灯效果，类似滚动字幕或者滚动广告之类的，使用简单的CSS样式控制，没用到JS，效果如下图：Wxml代码：<!--跑马灯 Linyufan.com--><view class="marquee_contain...
2020-05-27
深入浅析Vue 中 ref 的使用
官网上的说明一、前言# 在之前的前端开发中，为了实现我们的需求，通常采用的方案是通过 JS/Jquery 直接操纵页面的 DOM 元素，得益于 Jquery 对于 DOM 元素优异的操作能力，我们...
2020-05-27
实现elementUI表单的全局验证的方法步骤
使用ElementUi搭建框架的时候，大家应该都有考虑过怎么做全局验证，毕竟复制粘贴什么的是最烦了，这里分享下个人的解决方法。验证规则
分析规则
一般验证规则，主要是是否必填，不为...
2020-05-27
Node.js如何优雅的封装一个实用函数的npm包的方法
为什么要封装一个实用函数的 npm 包?当你连续写了多个 Node 应用, 都想要 console 漂亮一点, 你可能会像下面这样封装一个函数import chalk from "chalk";function noop...
2020-05-27
