编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

293浏览

0评论

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

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

2020-05-27 01:37:36

138浏览

0评论

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

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

2020-05-27 01:37:35

370浏览

0评论

Nuxt页面级缓存的实现

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

2020-05-27 01:37:34

116浏览

0评论

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

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

2020-05-27 01:37:32

131浏览

0评论

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

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

2020-05-27 01:37:31

136浏览

0评论

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

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

2020-05-27 01:37:30

150浏览

0评论

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

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

2020-05-27 01:37:28

235浏览

0评论

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

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

2020-05-27 01:37:27

179浏览

0评论

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

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

2020-05-27 01:37:26

171浏览

0评论

JavaScript实现简单贪吃蛇效果

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

2020-05-27 01:37:25

388浏览

0评论

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

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

2020-05-27 01:37:24

196浏览

0评论

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

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

2020-05-27 01:37:23

217浏览

0评论

vue实现简单瀑布流布局

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

2020-05-27 01:37:22

197浏览

0评论

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

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

2020-05-27 01:37:21

175浏览

0评论

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

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

2020-05-27 01:37:20

145浏览

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 01:37:19

157浏览

0评论

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

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

2020-05-27 01:37:18

161浏览

0评论

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

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

2020-05-27 01:37:16

123浏览

0评论

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

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

2020-05-27 01:37:15

139浏览

0评论

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

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

2020-05-27 01:37:13

256浏览

0评论

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

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

2020-05-27 01:37:12

110浏览

0评论

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

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

2020-05-27 01:37:09

133浏览

0评论

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

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

2020-05-27 01:37:08

151浏览

0评论

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

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

2020-05-27 01:37:07

115浏览

0评论

JS实现网页烟花动画效果

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

2020-05-27 01:37:06

120浏览

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 01:37:05

126浏览

0评论

JS实现烟花爆炸效果

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

2020-05-27 01:37:03

104浏览

0评论

JS实现放烟花效果

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

2020-05-27 01:37:02

101浏览

0评论

js模拟实现烟花特效

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

2020-05-27 01:37:01

131浏览

0评论

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

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

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

当路由变...

2020-05-27 01:36:59

233浏览

0评论

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

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

2020-05-27 01:36:58

111浏览

0评论

原生JS实现烟花效果

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

2020-05-27 01:36:57

200浏览

0评论

微信小程序实现搜索功能

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

2020-05-27 01:36:56

220浏览

0评论

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

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

2020-05-27 01:36:55

305浏览

0评论

非常漂亮的js烟花效果

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

2020-05-27 01:36:54

214浏览

0评论

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

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

2020-05-27 01:36:53

374浏览

0评论

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

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

2020-05-27 01:36:52

165浏览

0评论

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

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

2020-05-27 01:36:50

165浏览

0评论

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

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

2020-05-27 01:36:49

289浏览

0评论

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

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

2020-05-27 01:36:48

165浏览

0评论

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

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

2020-05-27 01:36:47

113浏览

0评论

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

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

2020-05-27 01:36:45

114浏览

0评论

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

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

2020-05-27 01:36:44

158浏览

0评论

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

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

2020-05-27 01:36:44

233浏览

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 01:36:43

121浏览

0评论

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

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

2020-05-27 01:36:42

437浏览

0评论

package.json各个属性说明详解

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

2020-05-27 01:36:40

144浏览

0评论

js实现动态时钟

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

2020-05-27 01:36:39

132浏览

0评论

Vue使用vue-draggable 插件在不同列表之间拖拽功能

今天分享一个vue项目中在不同列表拖拽设置选项的功能，这个功能也是在做项目中遇到的，先说下这个功能的要点(参考下图)，有2个列表，左侧列表展示已选，右侧列表展示未选，通过拖拽进行...

2020-05-27 01:36:38

109浏览

0评论

使用JS实现动态时钟

本文实例为大家分享了JS实现动态时钟的具体代码，供大家参考，具体内容如下利用setTime()实现动态的时钟效果代码如下<html> <head> <meta charset="utf-8"> <title>正在...

2020-05-27 01:36:37

首页 «1543 154415451546 1547 »尾页

热门文章