72浏览

0评论

vue实现页面滚动到底部刷新

本文实例为大家分享了vue实现页面滚动到底部刷新的具体代码，供大家参考，具体内容如下h5页面 <script> var app = new Vue({ el: '#app', data: { swiper...

• 2020-05-27

70浏览

0评论

vue实现滑动到底部加载更多效果

本文实例为大家分享了vue实现滑动到底部加载更多的具体代码，供大家参考，具体内容如下思路：如果可视区的高度域dom元素的getBoundingClientRect().bottom高度相同说明已经到了底...

• 2020-05-27

78浏览

0评论

微信小程序框架的页面布局代码

1.首先下载小程序开发工具2.小程序中的wxml就相当于html , wxss就相当于css3.布局和html布局几乎一样4.宽度使用百分比5.input框里的文字上下居中是用padding撑出来的6.最下...

• 2020-05-27

62浏览

0评论

微信小程序移动拖拽视图-movable-view实例详解

JS中的sender参数（sender是事件的传值）前提是只有一个touch移动的时候。多个touch需要在changedTouches数组中查找 redclcik:function(sender){ wx.showModal({ title: '点...

• 2020-05-27

70浏览

0评论

微信小程序开发之map地图组件定位并手动修改位置偏差

环境搭建
注册，获取APPID（没有这个不能真鸡调试）
下载微信web开发者工具（挺多bug，将就用）
打开微信web开发者工具，扫码登录，新建小程序，输入APPID，勾选创建quick start项目。
工程结构...

• 2020-05-27

90浏览

0评论

vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知

vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知使用element-ui中的Notification，只有一个message属性是有很大的操作空间，其余的都是写死的，...

• 2020-05-27

93浏览

0评论

vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)

mounted() {　　　　 // 在mounted中监听表格scroll事件 this.$refs.scrollTable.addEventListener( 'scroll',(event) => { this.adjustTable(event); }); },....

• 2020-05-27

74浏览

0评论

vue-cli3配置与跨域处理方法

安装 vue-cli3 环境准备1. 如果您已安装 vue-cli2 ，请先删除当前脚手架，否则无法成功安装 vue-cli3 。 npm uninstall vue-cli -g2. 检查 node.js 版本。 vue-cli3 需要 node...

• 2020-05-27

72浏览

0评论

详解ES6 Promise的生命周期和创建

一：Promise的概念Promise的中文意思是‘承诺'，什么叫承诺？承诺就是现在没有发生，在将来的某个时刻一定会发生的事情。
放在编程语言的环境下，Promise就是异步事件的结果的占位符...

• 2020-05-27

88浏览

0评论

js 实现 list转换成tree的方法示例（数组到树）

目标：
JS 将有父子关系的平行数组转换成树形数据方法：双重遍历，一次遍历parentId,一次遍历id == parendId;
该方法应该能很容易被想到，实现起来也一步一步可以摸索出来；const old...

• 2020-05-27

72浏览

0评论

微信公众号生成新浪短网址的实现(快速生成)

有没有想过，向一个公众号发送长链接，然后公众号给你回复一个短网址？其实很简单：<&#63;phpdefine("TOKEN", "xiao");//用于回复用户消息function responseMsg(){ $postStr = $GL...

• 2020-05-27

99浏览

0评论

Node.js从字符串生成文件流的实现方法

一.背景
在文件相关的数据加工等场景下，经常面临生成的物理文件应该如何处理的问题，比如：生成的文件放到哪里，路径存在不存在？临时文件何时清理，如何解决命名冲突，防止覆盖？并发场景...

• 2020-05-27

85浏览

0评论

微信小程序canvas绘制圆角base64图片的实现

接口返回base64格式小程序二维码，以往的做法是需要再调一个接口去拿到jpg/png格式的图片。如果没有这个接口呢，是不是也可以？然而小程序canvas并不支持直接使用base64绘制，好在...

• 2020-05-27

96浏览

0评论

wx-charts 微信小程序图表插件的具体使用

微信小程序图表插件（wx-charts）基于canvas绘制，体积小巧，支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制，目前wx-charts是微信小程序图表插件中比较强大好使的一个支持...

• 2020-05-27

96浏览

0评论

详解微信小程序图片地扯转base64解决方案

你还在找在小程序成如何将图片转base64存储起来并显示嘛，在这里呢，来瞧瞧。使用方法
js文件let $this = this;request({ url:'https://www.dounine.com/hello.jpg', metho...

• 2020-05-27

108浏览

0评论

详解基于原生JS验证表单组件xy-form

原生form表单form 表单元素大家可能都用到过，除了可以提交表单外，还有一些内置的表单校验，比如 require 、 minlength 、 maxlength ，还有各种类型的 input ，比如 type=email 可...

• 2020-05-27

74浏览

0评论

基于vue手写tree插件的那点事儿

前言Tree树形控件在前端开发中必不可少，对于数据的展示现在网站大都采取树形展示。因为大数据全部展示出来对于用户来说是不友好的。今天我们自己手写一个Tree插件。iview提...

• 2020-05-27

77浏览

0评论

使用 Vue 实现一个虚拟列表的方法

因为 DOM 性能瓶颈，大型列表存在难以克服的性能问题。 因此，就有了 “局部渲染” 的优化方案，这就是虚拟列表的核心思想。虚拟列表的实现，需要重点关注的问题一有以下几点： 可视...

• 2020-05-27

105浏览

0评论

小程序如何在不同设备上自适应生成海报的实现方法

小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位，在绘制内容时所应用的单位仍然是 px，那么如何实现不同尺寸屏幕的自适应呢？我们的在开发中常用的参...

• 2020-05-27

81浏览

0评论

JS中的算法与数据结构之栈(Stack)实例详解

本文实例讲述了JS中的算法与数据结构之栈(Stack)。分享给大家供大家参考，具体如下：栈(Stack)上一篇我们说到了列表，它是一种最自然的数据组织方式，如果对数据的存储顺序要求不重...

• 2020-05-27

95浏览

0评论

JS中的算法与数据结构之队列(Queue)实例详解

本文实例讲述了JS中的算法与数据结构之队列(Queue)。分享给大家供大家参考，具体如下：队列(Queue)我们之前说到了栈，它是一种比较高效的数据结构，遵循 先入后出(LIFO，last-in-firs...

• 2020-05-27

102浏览

0评论

微信小程序webview与h5通过postMessage实现实时通讯的实现

在做 React Native 应用时，如果需要在 App 里面内嵌 H5 页面，那么 H5 与 App 之间可以通过 Webview 的 PostMessage 功能实现实时的通讯，但是在小程序里面，虽然也提供了一个 web...

• 2020-05-27

93浏览

0评论

使用 webpack 插件自动生成 vue 路由文件的方法

一款自动生成 vue 路由文件的 webpack 插件 vue-route-webpack-plugin 在项目中试点成功了，现在在项目中已经不需要再维护路由配置文件了，由插件自动生成，节省了大家维护路由的...

• 2020-05-27

94浏览

0评论

JS中的算法与数据结构之链表(Linked-list)实例详解

本文实例讲述了JS中的算法与数据结构之链表(Linked-list)。分享给大家供大家参考，具体如下：链表(Linked-list)前面我们讨论了如何使用栈、队列进行存数数据，他们其实都是列表的...

• 2020-05-27

173浏览

0评论

vue悬浮可拖拽悬浮按钮的实例代码

前言
vue开发手机端悬浮按钮实现，可以拖拽，滚动的时候收到里边，不影响视线github地址使用，基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios封装，构建手机端模板脚手...

• 2020-05-27

96浏览

0评论

JavaScript使用表单元素验证表单的示例代码

JavaScript的主要作用:验证表单
1最简单的表单验证-禁止空白的必填项目
1.1最简单的HTML结构
网站最基础的就是注册,它是一个系统的交互基础.例子:<!DOCTYPE html><html> <...

• 2020-05-27

86浏览

0评论

详解解决小程序中webview页面多层history返回问题

小程序开发中遇到的问题：小程序中嵌套了一个webview页面，webview页面中有静默授权（A1页面静默授权后重定向到A2页面），点小程序原生的返回按钮会返回到A1页面，然后页面就会反复静默...

• 2020-05-27

79浏览

0评论

Vue实现购物车详情页面的方法

上次我们为商品分类菜单添加了显示购物数量，这篇我们继续推进项目，来实现购物车的详情页面，在开始之前我们先看它在页面中的样子：
如上所示，此页面包含了购物列表，而它由商品名称...

• 2020-05-27

89浏览

0评论

JS中的算法与数据结构之字典(Dictionary)实例详解

本文实例讲述了JS中的算法与数据结构之字典(Dictionary)。分享给大家供大家参考，具体如下：
字典(Dictionary)字典(Dictionary)是一种以 键-值对 形式存储数据的数据结构 ，就如...

• 2020-05-27

103浏览

0评论

微信小程序使用车牌号输入法的示例代码

在做小程序时，做了一个关于车的项目，然后需要添加车辆信息、添加车牌号，使用车牌键盘输入，当时我把这个需求给砍了，然后在添加车辆信息时，老大看到数据库里我乱填的车牌号，又让我把...

• 2020-05-27

138浏览

0评论

微信小程序实现定位及到指定位置导航的示例代码

一：实现定位及到指定位置导航所需组件及API1：组件：map(地图组件)2：API：wx.getLocation(Object object)(获取当前的地理位置、速度)，wx.openLocation(Object object)(使用微信内置...

• 2020-05-27

69浏览

0评论

vue集成chart.js的实现方法

指令
该指令的作用是dom渲染后触发，因为非vue的插件有的是dom必须存在的情况下才可以执行Vue.directive('loaded-callback', { inserted: function (el, binding, vnode) {...

• 2020-05-27

113浏览

0评论

vue+elementUi图片上传组件使用详解

上传组件封装需求分析在基于elementUI库做的商城后台管理中，需求最大的是商品管理表单这块，因为需要录入各种各样的商品图片信息。加上后台要求要传递小于2M的图片，因此封装了...

• 2020-05-27

67浏览

0评论

vue+elementUI实现图片上传功能

本文实例为大家分享了vue+elementUI图片上传的具体代码，供大家参考，具体内容如下1、html<el-form-item label="图片" prop="logo"> <el-upload name="file" v-if="optype==0"...

• 2020-05-27

110浏览

0评论

vue 获取视频时长的实例代码

直接通过element-ui自带的上传组件结合js即可，代码如下：HTML： <el-upload class="upload-demo" :action="actionUrl" :show-file-list="false" :on-success="handleAvatarS...

• 2020-05-27

92浏览

0评论

node中使用log4js4.x版本记录日志的方法

node中使用log4js4.x版本记录const log4js = require('log4js');log4js.configure({ appenders: { logFile: { //文件形式打印日志 type: "dateFile", filen...

• 2020-05-27

89浏览

0评论

Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义

本文为大家分享了Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义，供大家参考，具体内容如下1.安装npm install vue-quill-editor --save2.在main.js中引入impor...

• 2020-05-27

82浏览

0评论

ES6中Symbol、Set和Map用法详解

本文实例讲述了ES6中Symbol、Set和Map用法。分享给大家供大家参考，具体如下：Symbol1.Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。它是 JavaScript 语言的第...

• 2020-05-27

77浏览

0评论

微信小程序项目总结之记账小程序功能的实现（包括后端）

一、小程序部分这是理财系统的前端,江苏海洋大学微信小程序比赛，最后获得了一等奖
GitHub：https://github.com/GeorgeLeoo/finance1. 项目描述(1). 此项目为记账小程序
(2)....

• 2020-05-27

113浏览

0评论

Vue + Element UI图片上传控件使用详解

上一篇 Vue +Element UI +vue-quill-editor 富文本编辑器及插入图片自定义 主要是写了富文本编辑器的自定义及编辑器中图片的上传并插入到编辑内容，这篇文章单独介绍一下elem...

• 2020-05-27

74浏览

0评论

JS中的算法与数据结构之集合(Set)实例详解

本文实例讲述了JS中的算法与数据结构之集合(Set)。分享给大家供大家参考，具体如下：
集合(Set)同数学中所学的一样，集合(Set)是由一组无序但彼此之间又有一定关系性的成员构成，每...

• 2020-05-27

70浏览

0评论

vue element upload实现图片本地预览

vue使用element实现本地预览，最主要的是将图片路径转换为base64，供大家参考，具体内容如下HTML<el-upload class="avatar-uploader" action="123" //这个路径不重要，可以随便写 :...

• 2020-05-27

72浏览

0评论

vue+element-ui+axios实现图片上传

本文实例为大家分享了vue+element-ui+axios实现图片上传的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Com...

• 2020-05-27

67浏览

0评论

扫微信小程序码实现网站登陆实现解析

使用扫小程序码登陆网站
网络上关于实现本本功能的文章很多，但是给出案列的几乎没有，今天笔者实现用小程序码实现网站登陆，体验地址如下
https://idea.techidea8.com/open/idea...

• 2020-05-27

83浏览

0评论

vue实现axios图片上传功能

vue中实现图片上传，我这里使用的是FormData通过axios向后台发送请求，从而实现图片的上传。在发起请求的axios中一般用qs进行序列化，但是序列化之后，FormData就传送失败，所以要区...

• 2020-05-27

79浏览

0评论

Angular8 Http拦截器简单使用教程

拦截器Http拦截器就是拦截发出的请求，对其进行统一添加额外处理，然后放行；对响应进行拦截并作出业务上的判断，决定是否给与返回。先看一组常见的业务请求：this.http.post('http:/...

• 2020-05-27

70浏览

0评论

Vue formData实现图片上传

本文实例为大家分享了Vue formData实现图片上传的具体代码，供大家参考，具体内容如下import Vue from 'vue' /** * 图片上传 * 已注入所有Vue实例， * template模板里调用 $uploa...

• 2020-05-27

78浏览

0评论

Vue中axios的封装（报错、鉴权、跳转、拦截、提示）

统一捕获接口报错 弹窗提示 报错重定向 基础鉴权 表单序列化
实现的功能 统一捕获接口报错 : 用的axios内置的拦截器 弹窗提示: 引入 Element UI 的 Message 组件...

• 2020-05-27

87浏览

0评论

微信小程序仿今日头条导航栏滚动解析

项目需要，做一个和今日头条一样的导航栏，可以横行滚动，幸好再weui里面看到了类似的例子地址：https://weui.shanliwawa.top/demo/js4.html，使用iscroll-lite.j实现，weui自己封装了...

• 2020-05-27

102浏览

0评论

vue element 生成无线级左侧菜单的实现代码

首先来总结element ui 官方文档的左侧菜单结构,带有el-submenu为子级节点,el-menu-item表示没有下级。当然,菜单不能写死，因为菜单也许不止两级,所以我们需要递归来实现。根...

• 2020-05-27