184浏览

0评论

Vue中使用better-scroll实现轮播图组件

better-scroll 是什么
better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll...

• 2020-05-27

195浏览

0评论

微信小程序实现比较功能的方法汇总(五种方法)

首先在index.wxml页面写一个测试页面如图：代码如下接下来就是比较功能的实现第一种方法首先在两个input组件中用bindchange方法绑定事件处理函数，在button组件中用bindtap绑定...

微信
• 2020-05-27

929浏览

0评论

Vue实现手机扫描二维码预览页面效果

本文实例为大家分享了Vue实现手机扫描二维码预览页面的具体代码，供大家参考，具体内容如下背景：vue-cli3 + ant-design-vue 搭建的后台管理系统
需求：实现扫描二维码即可在手机预...

• 2020-05-27

140浏览

0评论

详解钉钉小程序组件之自定义模态框（弹窗封装实现）

背景开发钉钉小程序中需要用到模态框 文档里也没有 自己搞一个…
效果大概长这个样点击指定按钮，弹出模态框，里面的内容可以自定义，可以是简单的文字提示，也可以输入框等复杂布...

• 2020-05-27

247浏览

0评论

vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)

1.首先在index.html引入高德地图的秘钥。如图：注意：如果使用关键字搜索功能要加上 plugin=AMap.Autocomplete,AMap.PlaceSearch，否则功能无法使用，并会报错
2. 定位功能，代码如下...

• 2020-05-27

106浏览

0评论

vue实现全屏滚动效果（非fullpage.js）

本文实例为大家分享了vue实现全屏滚动效果（的具体代码，供大家参考，具体内容如下
是什么
网页的一个页面占据一屏的宽高，多个页面上下或者左右拼接在一起。当滑动鼠标滚轮，或点击...

• 2020-05-27

120浏览

0评论

vue全屏事件开发详解

本文实例为大家分享了vue全屏事件开发的具体代码，供大家参考，具体内容如下在项目中有需求相应浏览器全屏，写了个案例代码先看看效果吧全屏显示：html代码：<!-- el-tooltip 文字提...

• 2020-05-27

129浏览

0评论

vue-cli点击实现全屏功能

本文实例为大家分享了vue-cli点击实现全屏功能的具体代码，供大家参考，具体内容如下项目中有点击按钮实现全屏功能方式一：js实现全屏代码如下：<template> <div> <a-button type=...

• 2020-05-27

160浏览

0评论

浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用

vue父子组件之间的传值我们都知道使用props和emit，但是祖孙之间的传值在以前，我们都需要子辈作为中间人，当祖辈有值要传递给孙辈时，需要子辈作为中间人把值传递给孙辈，当孙辈想要...

• 2020-05-27

127浏览

0评论

Vue vm.$attrs使用场景详解

1、vm.$attrs简介
首先我们来看下vue官方对vm.$attrs的介绍：
包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 pro...

• 2020-05-27

133浏览

0评论

Vue2.4+新增属性.sync、$attrs、$listeners的具体使用

sync
在vue2.4以前，父组件向子组件传值用props；子组件不能直接更改父组件传入的值，需要通过$emit触发自定义事件，通知父组件改变后的值。比较繁琐，写法如下：//父组件<template> <d...

• 2020-05-27

135浏览

0评论

JS中的const命令你真懂它吗

const 定义
const声明一个只读的常量 。一旦声明， 常量的值就不能改变。
常量 所谓的常量就是不能改变的值const PI = 3.1415;PI // 3.1415PI = 3;// TypeError: Assignment...

• 2020-05-27

177浏览

0评论

Node.js+Vue脚手架环境搭建的方法步骤

Node.js的下载node下载地址：https://nodejs.org/zh-cn/download/下载后安装即可。新版Node.js自带npm包管理器# 查看node的版本node -v# v12.16.1# 查看npm版本npm -v#6.13.4...

• 2020-05-27

144浏览

0评论

在Vue中实现随hash改变响应菜单高亮

情景Vue+Element 实现管理页面菜单栏，点击菜单时 router 改变 hash 访问不同子组件。但是改变 hash 时菜单栏展开状态和 highlight 并不会同步，需要手动实现。Try Try See第一...

• 2020-05-27

219浏览

0评论

微信小程序 wx.getUserInfo引导用户授权问题实例分析

本文实例讲述了微信小程序 wx.getUserInfo引导用户授权问题。分享给大家供大家参考，具体如下：首先，在page外定义一个函数用户判断是否为空对象var isEmptyObject = function (e...

微信
• 2020-05-27

91浏览

0评论

原生JS实现贪吃蛇小游戏

本文实例为大家分享了JS实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下思路：在页面上添加一个地图，以提供边界，在地图中随机出现食物，给蛇身设置一个初始长度，用键盘方向键控...

• 2020-05-27

185浏览

0评论

原生js实现瀑布流效果

本文实例为大家分享了js实现瀑布流效果的具体代码，供大家参考，具体内容如下CSS样式：<style> .cont{margin: 0 auto;position: relative;} .box{float: left;padding: 5px;} .im...

• 2020-05-27

559浏览

0评论

基于vue+echarts 数据可视化大屏展示的方法示例

获取 ECharts 的路径有以下几种，请根据您的情况进行选择：1) 最直接的方法是在 ECharts 的官方网站中挑选适合您的版本进行下载，不同的打包下载应用于不同的开发者功能与体积的...

• 2020-05-27

158浏览

0评论

js实现无缝轮播图效果

本文实例为大家分享了js实现无缝轮播图的具体代码，供大家参考，具体内容如下//Utils.js //封装 预加载图片var Utils=(function () { return { //SSS loadImg:function...

• 2020-05-27

189浏览

0评论

前端深入理解Typescript泛型概念

首先介绍一下泛性的概念
泛型程序设计（generic programming）是程序设计语言的一种风格或范式。泛型允许程序员在强类型程序设计语言中编写代码时使用一些以后才指定的类型，在实...

• 2020-05-27

280浏览

0评论

微信小程序自定义纯净模态框（弹出框）的实例代码

由于官方API提供的模态框只能显示简单的文字，但是在实际应用场景中，我们需要模态框上能够显示各种各样的组件和样式，所以，以此为基础模拟出一套可以供大家自定义的纯净版的模态...

微信
• 2020-05-27

133浏览

0评论

JavaScript设计模式之门面模式原理与实现方法分析

本文实例讲述了JavaScript设计模式之门面模式原理与实现方法。分享给大家供大家参考，具体如下：外部与一个子系统的通信必须通过一个系统的一个门面对象进行，这就是门面模式。门...

• 2020-05-27

363浏览

0评论

Nuxt页面级缓存的实现

虽然 Vue 的服务器端渲染 (SSR) 相当快速，但是由于需要为每次请求为了避免交叉请求状态污染，都创建一个新的根Vue实例，创建组件实例和虚拟 DOM 节点的开销，无法与纯基于字符串拼...

• 2020-05-27

108浏览

0评论

JavaScript中的this基本问题实例小结

本文实例讲述了JavaScript中的this基本问题.分享给大家供大家参考，具体如下：在函数中 this 到底取何值，是在函数真正被调用执行的时候确定下来的，函数定义的时候确定不了。执行...

• 2020-05-27

125浏览

0评论

JavaScript适配器模式原理与用法实例详解

本文实例讲述了JavaScript适配器模式原理与用法。分享给大家供大家参考，具体如下：适配模式可用来在现有接口和不兼容的类之间进行适配，使用这种模式的对象又叫包装器（wrapper），因...

• 2020-05-27

133浏览

0评论

JavaScript装饰者模式原理与用法实例详解

本文实例讲述了JavaScript装饰者模式原理与用法。分享给大家供大家参考，具体如下：这里我们通过需求逐渐引出装饰者模式。下面是一个关于几代汽车的不同逐渐体现装饰者模式的。...

• 2020-05-27

145浏览

0评论

JavaScript享元模式原理与用法实例详解

本文实例讲述了JavaScript享元模式原理与用法。分享给大家供大家参考，具体如下：通过两个例子的对比来凸显享元模式的特点：享元模式是一个为了提高性能(空间复杂度)的设计模式，享...

• 2020-05-27

225浏览

0评论

微信小程序自定义弹出模态框禁止底部滚动功能

图示：wxml代码：<view class='fix_bottom'><view>分享</view><view>电话咨询</view><view class='active' bindtap="showDialogBtn">立即报名</view></view><!--模态框--><!--...

微信
• 2020-05-27

174浏览

0评论

原生js无缝轮播插件使用详解

这篇博文主要讲如何使用原生js来实现一个兼容 IE9+ 的无缝轮播图。主要知识点如下： 面向对象 js优化之节流函数 js运动
效果html结构<div class="sliders-wraper" id="r...

• 2020-05-27

166浏览

0评论

JavaScript实现简单贪吃蛇效果

本文实例为大家分享了js实现简单贪吃蛇效果的具体代码，供大家参考，具体内容如下上代码之前，先给大家看一下效果：是不是想说：我能这样玩一天…话不多说，代码如下：<script> class Map...

• 2020-05-27

379浏览

0评论

微信小程序用canvas画图并分享

最近开始做微信小程序，有这样一个需求：从列表页进入详情，在每一个详情页面去分享，分享出来的图片是带有当前详情数据的图片如下图的列表：分享出来的样子：解决方案和思路：canvas画图...

微信
• 2020-05-27

189浏览

0评论

JavaScript观察者模式原理与用法实例详解

本文实例讲述了JavaScript观察者模式原理与用法。分享给大家供大家参考，具体如下：观察者模式
观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观...

• 2020-05-27

210浏览

0评论

vue实现简单瀑布流布局

vue简单实现瀑布流布局的一种方式（vue瀑布流组件），供大家参考，具体内容如下vue中的瀑布流布局组件需求：图片容器宽度固定，高度根据图片自适应，图片一行不能排列时候，换行依次从左往...

• 2020-05-27

191浏览

0评论

JS如何在数组指定位置插入元素

一、JavaScript splice() 方法
splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。方法实例//在数组指定位置插入var fruits = ["Banana", "Orange", "Apple", "...

• 2020-05-27

168浏览

0评论

vue瀑布流组件实现上拉加载更多

最近在做移动端h5页面，所以分页什么的就不能按照传统pc端的分页器的思维去做了，这么小的屏幕去点击也不太方便一般来讲移动端都是上拉加载更多，符合正常使用习惯。首先简单写一...

• 2020-05-27

140浏览

0评论

vue中的使用token的方法示例

初始于登录页面Home.vue<template> <div class="home"> </div></template><script>// @ is an alias to /srcimport HelloWorld from '@/components/HelloWorld.vue'import...

• 2020-05-27

150浏览

0评论

JavaScript实现指定数量的并发限制的示例代码

在网上看到这么一道题：这道题跟鱼头这篇记录『什么是时间分片（Time Slicing）？ 』有点相似，但不同的是这次是限制异步并发的数量。所以话不多说，我们先来康康实现首先我们来实现一...

• 2020-05-27

155浏览

0评论

JavaScript命令模式原理与用法实例详解

本文实例讲述了JavaScript命令模式原理与用法。分享给大家供大家参考，具体如下：第一，命令模式：
（1）用于消除调用者和接收者之间直接的耦合的模式，并且可以对(调用这个过程进行留痕...

• 2020-05-27

117浏览

0评论

JavaScript代理模式原理与用法实例详解

本文实例讲述了JavaScript代理模式原理与用法。分享给大家供大家参考，具体如下：代理模式的定义，代理是一个对象(proxy)用它来控制目标对象的访问。为此他要是先与目标对象相同...

• 2020-05-27

132浏览

0评论

vue实现瀑布流组件滑动加载更多

建议先看vue瀑布流组件上拉加载更多再来食用本文，如果直接想看源码文末就是~文末新增组件优化，之所以没有删优化前的代码是想让以后自己还能看到走过的路。上一篇讲到在项目中...

• 2020-05-27

251浏览

0评论

Vue项目打包压缩的实现(让页面更快响应)

　　影响网页响应速度的因素有很多，例如：http请求次数太多、服务器本身处理请求太久、请求内容太大、JS脚本执行耗时过长、浏览器回流重绘等。网站页面的响应速度与用户体验息...

• 2020-05-27

105浏览

0评论

Vue动态加载图片在跨域时无法显示的问题及解决方法

写在前面小记，就简单写了 。问题：VUE开发时因为要访问后端的接口所以要配置请求转发，如果直接转发全部请求，那么VUE动态绑定的src也会转发到后端，因为图片在前端，所以会收到404 NO...

• 2020-05-27

129浏览

0评论

JS关闭子窗口并且刷新上一个窗口的实现示例

在开发后台项目的时候产品那边提出了这个一个需求：用户点击“选择模板”的时候会弹出一个新窗口，在新窗口选择模板点击确定后，会关闭当前的新窗口，并且原来的那个窗口自动显示用...

• 2020-05-27

145浏览

0评论

keep-alive不能缓存多层级路由菜单问题解决

这出现的原因是多级路由导致的，就是router-view嵌套 在层级不同的router-view中切换tag会出现缓存数据失效的问题。目前keep-alive可以有效缓存一级，二级的路由菜单，3级以上菜...

• 2020-05-27

110浏览

0评论

JS实现网页烟花动画效果

原生js实现放烟花效果，点击鼠标，然后向四周扩散，最后自由落体效果！最简单的方法实现！效果图：CSS代码： *{ padding: 0px; margin: 0px; background: #000; } .firworks{ width: 6px;...

• 2020-05-27

114浏览

0评论

JS Web Flex弹性盒子模型代码实例

1.justify-content<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Fle...

• 2020-05-27

119浏览

0评论

JS实现烟花爆炸效果

本文实例为大家分享了JS实现烟花爆炸的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { ma...

• 2020-05-27

97浏览

0评论

JS实现放烟花效果

本文实例为大家分享了JS实现放烟花效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>放烟花——欣欣博客</title> <style...

• 2020-05-27

94浏览

0评论

js模拟实现烟花特效

本文实例为大家分享了js实现烟花特效的具体代码，供大家参考，具体内容如下如下图首先描绘圆周运动// d1/*css*/div{ height: 4px; width: 4px; background: red; position: abs...

• 2020-05-27

125浏览

0评论

详解vue-template-admin三级路由无法缓存的解决方案

1. 为什么三级会缓存不了
在src/layout/AppMain组件:

keep-alive的组件依赖cachedViews,cachedViews是store中的一个状态，cachedViews的逻辑在src/layout/TagView

当路由变...

• 2020-05-27