136浏览

0评论

javascript 设计模式之组合模式原理与应用详解

本文实例讲述了javascript 设计模式之组合模式原理与应用。分享给大家供大家参考，具体如下：组合模式说明组合模式用于简单化，一致化对单组件和复合组件的使用；其实它就是一棵树；...

• 2020-05-27

113浏览

0评论

javascript 设计模式之享元模式原理与应用详解

本文实例讲述了javascript 设计模式之享元模式。分享给大家供大家参考，具体如下：享元模式说明定义：用于解决一个系统大量细粒度对象的共享问题:关健词：分离跟共享；说明: 享元模式...

• 2020-05-27

222浏览

0评论

详解element上传组件before-remove钩子问题解决

应公司业务要求已上传文件删除前提醒确认代码如下 if(file && file.status === "success"){ return this.$confirm('此操作将永久删除该文件, 是否继续?', '系...

• 2020-05-27

146浏览

0评论

antd-mobile ListView长列表的数据更新遇到的坑

遇到的问题
listView这个组件我真的是看文档看得脑壳疼。好不容易看文档写完长列表数据展示了。然后遇到一个需求，即用户有一个点赞操作，问题出现了，点赞完数据更新之后listVie...

• 2020-05-27

137浏览

0评论

Javascript摸拟自由落体与上抛运动原理与实现方法详解

本文实例讲述了Javascript摸拟自由落体与上抛运动原理与实现方法。分享给大家供大家参考，具体如下：JavaScript 代码//**************************************** //名称：Jav...

• 2020-05-27

166浏览

0评论

vue与iframe之间的信息交互的实现

说一下我的使用场景：在vue中使用百度地图，需要使用离线地图
先上代码 然后细细品 第一张图 第二张图第三张图 1.首先iframe 引入你要嵌套的地址 2.通过vue中给出的ref 来获...

• 2020-05-27

283浏览

0评论

JavaScript 俄罗斯方块游戏实现方法与代码解释

本文实例讲述了JavaScript 俄罗斯方块游戏。分享给大家供大家参考，具体如下：俄罗斯方块代码说明/** 名称：Javascript 俄罗斯方块! 作者：Gloot 邮箱：glootz@gmail.com QQ：345...

• 2020-05-27

143浏览

0评论

微信小程序纯文本实现@功能

前言大家肯定对@功能不陌生，在如今的各大社交软件中它是一种不可或缺的功能。实现@人的功能并不复杂，只需将@人员的id传给后端，后端下发通知即可。主要的复杂点在于一键删除功...

微信
• 2020-05-27

130浏览

0评论

javascript设计模式 – 单例模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 单例模式。分享给大家供大家参考，具体如下：介绍：单例模式是结构最简单的设计模式。单例模式用于创建那些在软件系统中独一无二的对象，是一...

• 2020-05-27

139浏览

0评论

javascript设计模式 – 简单工厂模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 简单工厂模式。分享给大家供大家参考，具体如下：介绍：简单工厂模式是最常用的一类创建型设计模式。其中简单工厂模式并不属于GoF23个经典...

• 2020-05-27

122浏览

0评论

javascript设计模式 – 工厂模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 工厂模式原理与应用。分享给大家供大家参考，具体如下：介绍：前面我们介绍了简单工厂模式，简单工厂模式存在一个严重的问题：当需要扩展时必定...

• 2020-05-27

130浏览

0评论

javascript设计模式 – 抽象工厂模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 抽象工厂模式原理与应用。分享给大家供大家参考，具体如下：介绍：基于工厂模式，继续升级。来解决工厂模式存在多个工厂类的问题。主要的思想...

• 2020-05-27

103浏览

0评论

加速vue组件渲染之性能优化

背景
平时在用vue开发后台管理系统的时候，应该会用到大量的table这种组件，正常这种组件我们会在项目里做二次封装，然后针对表头title做参数化配置，如下：export default { data()...

• 2020-05-27

312浏览

0评论

微信小程序吸底区域适配iPhoneX的实现

微信小程序适配iPhone X主要针对fix定位到底部的区域，比如详情页或购物车底部的按钮栏，会与iPhone X的Home Indicator横条重叠，这样在点击下方按钮时很容易误触发手势操作，如下...

微信
• 2020-05-27

158浏览

0评论

微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)

1.顶端固定核心代码如下:<view class="page__hd" style="position:fixed; top:0;width: 750rpx;"> ......</view>最终效果图:
2.底端固定核心代码如下:<!-- 底部固定 --><...

微信
• 2020-05-27

179浏览

0评论

vue cli4下环境变量和模式示例详解

本文介绍了vue cli4下环境变量和模式示例详解，分享给大家，具体如下：官方文档 环境变量
一个环境变量文件只包含环境变量的键值对：NODE_ENV=developmentVUE_APP_BASE_URL=http://...

• 2020-05-27

308浏览

0评论

微信小程序仿通讯录功能

本文实例为大家分享了微信小程序实现通讯录功能的具体代码，供大家参考，具体内容如下微信小程序模仿通讯录功能需要用到scroll-view标签思路：首先需要获取到你所需要展示的数据...

微信
• 2020-05-27

249浏览

0评论

微信小程序保存图片到相册权限设置

微信小程序保存图片到相册可以分成两种：一种是保存网络图片，一种是保存本地图片保存网络图片：var url = '网络图片路径'; wx.downloadFile({ url: url, success: function (re...

微信
• 2020-05-27

148浏览

0评论

vue中的过滤器及其时间格式化问题

一、过滤器介绍Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添...

• 2020-05-27

244浏览

0评论

Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式功能

实现效果UI组件依然是使用 Quasar Framework。先来看一下效果：加减.gifinput type="number" 去掉上下小箭头去掉上下小箭头，主要是css: input::-webkit-outer-spin-button, i...

• 2020-05-27

140浏览

0评论

javascript设计模式 – 原型模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 原型模式原理与应用。分享给大家供大家参考，具体如下：介绍：在日常的开发过程中，我们经常会利用到前端模板引擎来做页面渲染，因为存在很多页...

• 2020-05-27

123浏览

0评论

javascript实现贪吃蛇经典游戏

js面向对象编程之贪吃蛇，供大家参考，具体内容如下首先：面向对象编程，我们要找到项目中具体的对象，此处为（食物（food），蛇（snake），游戏本身（game））也可不把游戏本身作为对象，逻辑体现出来即可...

• 2020-05-27

136浏览

0评论

javascript设计模式 – 建造者模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 建造者模式原理与应用。分享给大家供大家参考，具体如下：介绍：建造者模式又称为生成器模式，它是一种较为复杂、使用频率相对较低的创建型模...

• 2020-05-27

188浏览

0评论

TypeScript的安装、使用、自动编译的实现

一、什么是TypeScript&#63;1、TypeScript是一种由微软开发的开源、跨平台的编程语言。 他是JavaScript的超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象...

• 2020-05-27

131浏览

0评论

JavaScript实现简单的图片切换功能(实例代码)

代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片切换</title> <style> *{ margin: 0; padding: 0; } .box{...

• 2020-05-27

142浏览

0评论

JS实现省市县三级下拉联动

纯JS实现省市县三级下拉联动，供大家参考，具体内容如下代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省市县三级下拉联动-李康</title> <sty...

• 2020-05-27

204浏览

0评论

vue+vant使用图片预览功能ImagePreview的问题解决

如果您搜到这篇文章的话，那员外估计您遇到跟我一样的问题了，即在打开图片预览功能后，如果不关闭预览的图片，同时改变路由的话，会发现即使路由改变了，预览的图片还在文档的最顶层显...

• 2020-05-27

219浏览

0评论

vue-drag-chart 拖动/缩放图表组件的实例代码

vue-drag-chart一个可以拖动 / 缩放的图表组件使用npm i vue-drag-chart --saveimport VueDragChart from "../src/vue-drag-chart/index.vue"; components: { //注册插件 V...

• 2020-05-27

123浏览

0评论

如何基于layui的laytpl实现数据绑定的示例代码

想了半天才想起自己园子的登录密码。可想而知，多长时间没登录了正文
一开始用layui做了几个管理系统，所以用起来觉得确实很容易上手，管理后台最常用的就是form和table以及弹窗...

• 2020-05-27

176浏览

0评论

Vue实现Layui的集成方法步骤

前言在写公司项目时，遇到了集成layim实现在线客服的一个需求，经过我的一番折腾后，终于将layui集成了进来，接下来就跟大家分享下我的解决方案，欢迎各位感兴趣的开发者阅读本文:gri...

• 2020-05-27

172浏览

0评论

JavaScript实现图片伪异步上传过程解析

实现逻辑
首先要知道， ajax无法发送带有文件的post请求所以，所以还是要用同步的方式，但是刷新的时候，我们不要在原来的页面刷新，去一个隐藏的iframe里面刷新，form表单中action正常...

• 2020-05-27

161浏览

0评论

JavaScript实现轮播图特效

本文实例为大家分享了JavaScript实现轮播图特效的具体代码，供大家参考，具体内容如下功能：1、图片会自动播放，鼠标放上面会暂停播放2、点击左右出现的箭头可以切换到上一张/下一...

• 2020-05-27

155浏览

0评论

vue搜索页开发实例代码详解（热门搜索，历史搜索，淘宝接口演示）

完整效果演示首先完成这个伪搜索框src/components/search/index.vue （通用搜索框组件）<template> <div class="mine-search-box-wrapper"> <i class="iconfont icon-search">...

• 2020-05-27

170浏览

0评论

Vue 中 template 有且只能一个 root的原因解析(源码分析)

引言今年， 疫情 并没有影响到各种面经的正常出现，可谓是络绎不绝（学不动...）。然后，在前段时间也看到一个这样的关于 Vue 的问题， 为什么每个组件 template 中有且只能一个 root？可...

• 2020-05-27

187浏览

0评论

vue使用微信扫一扫功能的实现代码

第一步： 安装weixin-js-sdk 和 jquery 包 npm install weixin-js-sdk jquery第二部： 配置wx.config （配置都是后端返回来的，菜鸟前端只需要按需传值过去就可）代码如下import wx f...

微信
• 2020-05-27

180浏览

0评论

vue.js中使用微信扫一扫解决invalid signature问题(完美解决)

1、点击按钮，实现微信扫一扫功能：<template> <a class="btn" @click="scan">扫一扫</a></template>2、使用config接口注入配置信息，wx.config调用方法如下：（其中appId,timestamp...

微信
• 2020-05-27

234浏览

0评论

微信分享invalid signature签名错误踩过的坑

前一段时间做了一个微信分享的东西，而且前端框架用的是VUE，被这个东西快折磨疯了，一个列表页，一个详情页，分享详情页的时候，会报错invalid signature签名错误。当时就不淡定了，然后...

微信
• 2020-05-27

288浏览

0评论

微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)

最近在搞微信公众号开发，进行到网页开发部分被坑了一天，最坑的问题就是invalid signature，而网上大部分解答这个问题的都没有说清楚，都直接丢文档。博主认为这样很不好。本文是...

微信
• 2020-05-27

204浏览

0评论

js中调用微信的扫描二维码功能的实现代码

关键代码<html><head> <title> js调用微信扫一扫功能测试 </title> <!--引用微信JS库--> <script type="text/javascript" src="http://res.wx.qq.com/open/js/jwei...

微信
• 2020-05-27

192浏览

0评论

JavaScript运行机制实例分析

本文实例讲述了JavaScript运行机制。分享给大家供大家参考，具体如下：第一次写博客目前研一第二学期，大二开始入门前端，然而长久以来都是对于框架的简单调用，并未对其进行深入研究...

• 2020-05-27

169浏览

0评论

js点击事件的执行过程实例分析【冒泡与捕获】

本文实例讲述了js点击事件的执行过程。分享给大家供大家参考，具体如下：js事件对象event包括很多事件类型，这里用onclick事件为例，探讨一下在js事件捕获机制和冒泡机制下的执行过...

• 2020-05-27

119浏览

0评论

js函数柯里化的方法和作用实例分析

本文实例讲述了js函数柯里化的方法和作用。分享给大家供大家参考，具体如下：函数柯里化的方法：1，利用数组的reduce方法可实现柯里化，具体参见我的另外一篇文章2，代码如下const curr...

• 2020-05-27

179浏览

0评论

js防抖函数和节流函数使用场景和实现区别示例分析

本文实例讲述了js防抖函数和节流函数使用场景和实现区别。分享给大家供大家参考，具体如下：开发过程中，都遇到过某个事件被频发触发的场景，比如resize，scroll事件，input事件，而对应...

• 2020-05-27

131浏览

0评论

JS中间件设计模式的深入探讨与实例分析

本文实例讲述了JS中间件设计模式。分享给大家供大家参考，具体如下：中间件作为一些辅助处理功能，应用非常广泛，例如express中间件，redux中间件，koa中间件，那么中间件的设计模式到底...

• 2020-05-27

525浏览

0评论

微信小程序实现抖音播放效果的实例代码

最近项目要做一个类似于抖音的一个视频播放 需要小程序完成在再次确定了需要这个需求的情况下就开始了（其实因为不是说这个功能不好做主要是但心做出来肯定不流畅 卡顿什么的...

抖音 微信
• 2020-05-27

217浏览

0评论

JS实现随机点名器

本文实例为大家分享了JS实现随机点名器的具体代码，供大家参考，具体内容如下实现一个简单的随机点名器需求分析：两个按钮实现随机点名的开始和结束
创建ul元素，添加到父级div中，实...

• 2020-05-27

137浏览

0评论

javascript实现画板功能

本文实例为大家分享了javascript实现画板功能的具体代码，供大家参考，具体内容如下画板功能的实现<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <sty...

• 2020-05-27

110浏览

0评论

用jQuery实现抽奖程序

本文实例为大家分享了jQuery实现抽奖程序的具体代码，供大家参考，具体内容如下1. 主要需求 实现一个抽奖功能。 点击开始按钮后，开始按钮禁用，停止按钮取消禁用，小图片实现快速...

• 2020-05-27

136浏览

0评论

jquery实现轮播图特效

本文实例为大家分享了jquery实现轮播图的具体代码，供大家参考，具体内容如下一、实现功能：1、通过定时实现图片自我轮播
2、当图片轮播到最后一张时，会从第一张开始继续轮播
3、...

• 2020-05-27

287浏览

0评论

JavaScript实现捕获鼠标坐标

本文实例为大家分享了JavaScript实现捕获鼠标坐标的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件对象</titl...

• 2020-05-27