106浏览

0评论

js实现无缝轮播图效果

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

• 2020-05-27

126浏览

0评论

前端深入理解Typescript泛型概念

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

• 2020-05-27

169浏览

0评论

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

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

微信
• 2020-05-27

79浏览

0评论

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

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

• 2020-05-27

257浏览

0评论

Nuxt页面级缓存的实现

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

• 2020-05-27

63浏览

0评论

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

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

• 2020-05-27

65浏览

0评论

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

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

• 2020-05-27

88浏览

0评论

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

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

• 2020-05-27

88浏览

0评论

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

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

• 2020-05-27

143浏览

0评论

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

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

微信
• 2020-05-27

108浏览

0评论

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

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

• 2020-05-27

99浏览

0评论

JavaScript实现简单贪吃蛇效果

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

• 2020-05-27

293浏览

0评论

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

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

微信
• 2020-05-27

117浏览

0评论

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

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

• 2020-05-27

161浏览

0评论

vue实现简单瀑布流布局

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

• 2020-05-27

129浏览

0评论

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

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

• 2020-05-27

101浏览

0评论

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

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

• 2020-05-27

73浏览

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

82浏览

0评论

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

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

• 2020-05-27

94浏览

0评论

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

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

• 2020-05-27

55浏览

0评论

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

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

• 2020-05-27

61浏览

0评论

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

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

• 2020-05-27

176浏览

0评论

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

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

• 2020-05-27

53浏览

0评论

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

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

• 2020-05-27

68浏览

0评论

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

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

• 2020-05-27

68浏览

0评论

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

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

• 2020-05-27

48浏览

0评论

JS实现网页烟花动画效果

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

• 2020-05-27

50浏览

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

61浏览

0评论

JS实现烟花爆炸效果

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

• 2020-05-27

38浏览

0评论

JS实现放烟花效果

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

• 2020-05-27

42浏览

0评论

js模拟实现烟花特效

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

• 2020-05-27

58浏览

0评论

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

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

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

当路由变...

• 2020-05-27

108浏览

0评论

JS实现iframe中子父页面跨域通讯的方法分析

本文实例讲述了JS实现iframe中子父页面跨域通讯的方法。分享给大家供大家参考，具体如下：在非跨域的情况下，iframe中的子父页面可以很方便的通讯，但是在跨域的情况下，只能通过wind...

• 2020-05-27

51浏览

0评论

原生JS实现烟花效果

原生JS实现烟花效果，点击页面生成烟花，向四周扩散，然后再坠落下去。（这里的烟花我是用的特殊字符爱心形状）基础css代码 /* 设置基础的css样式 */ body{background: #000;overflow...

• 2020-05-27

101浏览

0评论

微信小程序实现搜索功能

在页面search.wxml中，定义一个input输入框以及搜索的点击按钮，分别为它们绑定点击事件handleInputChange()和handleSearch()的事件，同时在它们的下面定义搜索的列表，代码如下所...

微信
• 2020-05-27

135浏览

0评论

微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)

上效果图:一:搜索框功能实现1.在首页做一个搜索框的样式并实现跳转到搜索页面 <view class='page_row' bindtap="suo"> <view class="search"> <view class="df search_arr...

微信
• 2020-05-27

138浏览

0评论

非常漂亮的js烟花效果

本文实例为大家分享了js实现漂亮烟花效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head><meta charset="UTF-8"><title>烟花</title><style type="text/css"...

• 2020-05-27

107浏览

0评论

jquery实现烟花效果(面向对象)

本文实例为大家分享了jquery实现烟花效果的具体代码，供大家参考，具体内容如下<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /...

• 2020-05-27

255浏览

0评论

微信小程序获取公众号文章列表及显示文章的示例代码

微信小程序中如何打开公众号中的文章，步骤相对来说不麻烦。1、公众号设置小程序若要获取公众号的素材，公众号需要做一些设置。1.1 绑定小程序公众号需要绑定目标小程序，否则无...

微信
• 2020-05-27

93浏览

0评论

Js逆向实现滑动验证码图片还原的示例代码

本文列举两个例子：某象和某验的滑动验证一、某验：aHR0cHM6Ly93d3cuZ2VldGVzdC5jb20vZGVtby9zbGlkZS1mbG9hdC5odG1s未还原图像:还原后的图:从服务端请求来的图片是打乱后的，给用...

• 2020-05-27

102浏览

0评论

vue 移动端记录页面浏览位置的方法

记录一下本次项目我使用的方法，有更简单便捷的方法，欢迎交流描述： 假设有a b c 页面 从a页面 到 b页面 ，b页面到c页面 b到c页面的时候需要记录当前b的浏览位置，c返回到b的时候...

• 2020-05-27

168浏览

0评论

使用Node.js实现base64和png文件相互转换的方法

前天浏览技术博客，看到大厂面试题型中有使用nodejs实现base64和图片文件相互转换的例子，刚好近期要开发这个功能，暂时记录下来，下周开发完成再做一个补充。1. 将base64 转换为图...

• 2020-05-27

104浏览

0评论

Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)

1. 实现效果2.实现原理在父组件中点击编辑按钮，将当前点击对象的id传给子组件，子组件根据id修改相应的内容父组件中代码：//放置编辑按钮的位置<button type="button" class="la...

• 2020-05-27

46浏览

0评论

Vue事件处理原理及过程详解

Vue事件监听的方式貌似违背了关注点分离(separation of concern)的传统理念。实际上，所有的Vue.js事件处理方法和表达式都严格绑定在当前视图的ViewModel上，它不会导致维护上...

• 2020-05-27

51浏览

0评论

Vue组件间的通信pubsub-js实现步骤解析

本文介绍使用发布订阅的方式进行vue组件间的通信我认为这种方式比较自由， 不存在组件间的关系问题1. 首先安装pubsub-jsnpm install --save pubsub-js
2. 订阅方组件import P...

• 2020-05-27

74浏览

0评论

Vue组件模板及组件互相引用代码实例

1. vue组件都是由这三部分组成<template> <div> </div></template><script> export default{}</script><style></style>2. 组件间的引用分3步走，假设现在有两个组件 App.vue，...

• 2020-05-27

116浏览

0评论

vue项目中使用vue-layer弹框插件的方法

vue-layer弹框插件安装npm i --save vue-layer引用import layer from 'vue-layer'Vue.prototype.$layer = layer(Vue);参数说明{ type: 0, //0（信息框，默认）1（页面层）2（iframe层）3（...

• 2020-05-27

52浏览

0评论

package.json中homepage属性的作用详解

Package.json 属性说明 name - 包名。 version - 包的版本号。 description - 包的描述。 homepage - 包的官网 url 。 author - 包的作者姓名。 contributors - 包的...

• 2020-05-27

324浏览

0评论

package.json各个属性说明详解

什么是Node.js的模块（Module）？
在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的...

• 2020-05-27

64浏览

0评论

js实现动态时钟

本文实例为大家分享了js实现动态时钟的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title>时钟</title></head><script type="text/javascript"> function...

• 2020-05-27