微信小程序用canvas画图并分享
最近开始做微信小程序，有这样一个需求：从列表页进入详情，在每一个详情页面去分享，分享出来的图片是带有当前详情数据的图片如下图的列表：分享出来的样子：解决方案和思路：canvas画图...
2020-05-27
JavaScript观察者模式原理与用法实例详解
本文实例讲述了JavaScript观察者模式原理与用法。分享给大家供大家参考，具体如下：观察者模式
观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观...
2020-05-27
vue实现简单瀑布流布局
vue简单实现瀑布流布局的一种方式（vue瀑布流组件），供大家参考，具体内容如下vue中的瀑布流布局组件需求：图片容器宽度固定，高度根据图片自适应，图片一行不能排列时候，换行依次从左往...
2020-05-27
JS如何在数组指定位置插入元素
一、JavaScript splice() 方法
splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。方法实例//在数组指定位置插入var fruits = ["Banana", "Orange", "Apple", "...
2020-05-27
vue瀑布流组件实现上拉加载更多
最近在做移动端h5页面，所以分页什么的就不能按照传统pc端的分页器的思维去做了，这么小的屏幕去点击也不太方便一般来讲移动端都是上拉加载更多，符合正常使用习惯。首先简单写一...
2020-05-27
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
JavaScript实现指定数量的并发限制的示例代码
在网上看到这么一道题：这道题跟鱼头这篇记录『什么是时间分片（Time Slicing）？ 』有点相似，但不同的是这次是限制异步并发的数量。所以话不多说，我们先来康康实现首先我们来实现一...
2020-05-27
JavaScript命令模式原理与用法实例详解
本文实例讲述了JavaScript命令模式原理与用法。分享给大家供大家参考，具体如下：第一，命令模式：
（1）用于消除调用者和接收者之间直接的耦合的模式，并且可以对(调用这个过程进行留痕...
2020-05-27
JavaScript代理模式原理与用法实例详解
本文实例讲述了JavaScript代理模式原理与用法。分享给大家供大家参考，具体如下：代理模式的定义，代理是一个对象(proxy)用它来控制目标对象的访问。为此他要是先与目标对象相同...
2020-05-27
vue实现瀑布流组件滑动加载更多
建议先看vue瀑布流组件上拉加载更多再来食用本文，如果直接想看源码文末就是~文末新增组件优化，之所以没有删优化前的代码是想让以后自己还能看到走过的路。上一篇讲到在项目中...
2020-05-27
Vue项目打包压缩的实现(让页面更快响应)
影响网页响应速度的因素有很多，例如：http请求次数太多、服务器本身处理请求太久、请求内容太大、JS脚本执行耗时过长、浏览器回流重绘等。网站页面的响应速度与用户体验息...
2020-05-27
Vue动态加载图片在跨域时无法显示的问题及解决方法
写在前面小记，就简单写了 。问题：VUE开发时因为要访问后端的接口所以要配置请求转发，如果直接转发全部请求，那么VUE动态绑定的src也会转发到后端，因为图片在前端，所以会收到404 NO...
2020-05-27
JS关闭子窗口并且刷新上一个窗口的实现示例
在开发后台项目的时候产品那边提出了这个一个需求：用户点击“选择模板”的时候会弹出一个新窗口，在新窗口选择模板点击确定后，会关闭当前的新窗口，并且原来的那个窗口自动显示用...
2020-05-27
keep-alive不能缓存多层级路由菜单问题解决
这出现的原因是多级路由导致的，就是router-view嵌套 在层级不同的router-view中切换tag会出现缓存数据失效的问题。目前keep-alive可以有效缓存一级，二级的路由菜单，3级以上菜...
2020-05-27
JS实现网页烟花动画效果
原生js实现放烟花效果，点击鼠标，然后向四周扩散，最后自由落体效果！最简单的方法实现！效果图：CSS代码： *{ padding: 0px; margin: 0px; background: #000; } .firworks{ width: 6px;...
2020-05-27
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
JS实现烟花爆炸效果
本文实例为大家分享了JS实现烟花爆炸的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { ma...
2020-05-27
JS实现放烟花效果
本文实例为大家分享了JS实现放烟花效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>放烟花——欣欣博客</title> <style...
2020-05-27
js模拟实现烟花特效
本文实例为大家分享了js实现烟花特效的具体代码，供大家参考，具体内容如下如下图首先描绘圆周运动// d1/*css*/div{ height: 4px; width: 4px; background: red; position: abs...
2020-05-27
详解vue-template-admin三级路由无法缓存的解决方案
1. 为什么三级会缓存不了
在src/layout/AppMain组件:
keep-alive的组件依赖cachedViews,cachedViews是store中的一个状态，cachedViews的逻辑在src/layout/TagView
当路由变...
2020-05-27
JS实现iframe中子父页面跨域通讯的方法分析
本文实例讲述了JS实现iframe中子父页面跨域通讯的方法。分享给大家供大家参考，具体如下：在非跨域的情况下，iframe中的子父页面可以很方便的通讯，但是在跨域的情况下，只能通过wind...
2020-05-27
原生JS实现烟花效果
原生JS实现烟花效果，点击页面生成烟花，向四周扩散，然后再坠落下去。（这里的烟花我是用的特殊字符爱心形状）基础css代码 /* 设置基础的css样式 */ body{background: #000;overflow...
2020-05-27
微信小程序实现搜索功能
在页面search.wxml中，定义一个input输入框以及搜索的点击按钮，分别为它们绑定点击事件handleInputChange()和handleSearch()的事件，同时在它们的下面定义搜索的列表，代码如下所...
2020-05-27
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
上效果图:一:搜索框功能实现1.在首页做一个搜索框的样式并实现跳转到搜索页面 <view class='page_row' bindtap="suo"> <view class="search"> <view class="df search_arr...
2020-05-27
非常漂亮的js烟花效果
本文实例为大家分享了js实现漂亮烟花效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head><meta charset="UTF-8"><title>烟花</title><style type="text/css"...
2020-05-27
jquery实现烟花效果(面向对象)
本文实例为大家分享了jquery实现烟花效果的具体代码，供大家参考，具体内容如下<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /...
2020-05-27
微信小程序获取公众号文章列表及显示文章的示例代码
微信小程序中如何打开公众号中的文章，步骤相对来说不麻烦。1、公众号设置小程序若要获取公众号的素材，公众号需要做一些设置。1.1 绑定小程序公众号需要绑定目标小程序，否则无...
2020-05-27
Js逆向实现滑动验证码图片还原的示例代码
本文列举两个例子：某象和某验的滑动验证一、某验：aHR0cHM6Ly93d3cuZ2VldGVzdC5jb20vZGVtby9zbGlkZS1mbG9hdC5odG1s未还原图像:还原后的图:从服务端请求来的图片是打乱后的，给用...
2020-05-27
vue 移动端记录页面浏览位置的方法
记录一下本次项目我使用的方法，有更简单便捷的方法，欢迎交流描述： 假设有a b c 页面 从a页面 到 b页面 ，b页面到c页面 b到c页面的时候需要记录当前b的浏览位置，c返回到b的时候...
2020-05-27
使用Node.js实现base64和png文件相互转换的方法
前天浏览技术博客，看到大厂面试题型中有使用nodejs实现base64和图片文件相互转换的例子，刚好近期要开发这个功能，暂时记录下来，下周开发完成再做一个补充。1. 将base64 转换为图...
2020-05-27
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
1. 实现效果2.实现原理在父组件中点击编辑按钮，将当前点击对象的id传给子组件，子组件根据id修改相应的内容父组件中代码：//放置编辑按钮的位置<button type="button" class="la...
2020-05-27
Vue事件处理原理及过程详解
Vue事件监听的方式貌似违背了关注点分离(separation of concern)的传统理念。实际上，所有的Vue.js事件处理方法和表达式都严格绑定在当前视图的ViewModel上，它不会导致维护上...
2020-05-27
Vue组件间的通信pubsub-js实现步骤解析
本文介绍使用发布订阅的方式进行vue组件间的通信我认为这种方式比较自由， 不存在组件间的关系问题1. 首先安装pubsub-jsnpm install --save pubsub-js
2. 订阅方组件import P...
2020-05-27
Vue组件模板及组件互相引用代码实例
1. vue组件都是由这三部分组成<template> <div> </div></template><script> export default{}</script><style></style>2. 组件间的引用分3步走，假设现在有两个组件 App.vue，...
2020-05-27
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
package.json中homepage属性的作用详解
Package.json 属性说明 name - 包名。 version - 包的版本号。 description - 包的描述。 homepage - 包的官网 url 。 author - 包的作者姓名。 contributors - 包的...
2020-05-27
package.json各个属性说明详解
什么是Node.js的模块（Module）？
在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的...
2020-05-27
js实现动态时钟
本文实例为大家分享了js实现动态时钟的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title>时钟</title></head><script type="text/javascript"> function...
2020-05-27
Vue使用vue-draggable 插件在不同列表之间拖拽功能
今天分享一个vue项目中在不同列表拖拽设置选项的功能，这个功能也是在做项目中遇到的，先说下这个功能的要点(参考下图)，有2个列表，左侧列表展示已选，右侧列表展示未选，通过拖拽进行...
2020-05-27
使用JS实现动态时钟
本文实例为大家分享了JS实现动态时钟的具体代码，供大家参考，具体内容如下利用setTime()实现动态的时钟效果代码如下<html> <head> <meta charset="utf-8"> <title>正在...
2020-05-27
JS实现碰撞检测效果
本文实例为大家分享了JS实现碰撞检测效果的具体代码，供大家参考，具体内容如下<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #all{ width: 500px;...
2020-05-27
three.js利用射线Raycaster进行碰撞检测
本文实例为大家分享了利用射线Raycaster进行碰撞检测的具体代码，供大家参考，具体内容如下学习碰撞检测之前，我们先了解一下Raycaster类Raycaster 应该翻译为“光线投射”，顾名思...
2020-05-27
vue实现导航标题栏随页面滚动渐隐渐显效果
项目开发中导航栏随页面滚动渐隐渐显这一功能还是较为常用的，下面作一个用vue实现此功能的代码分享。1. 为导航栏元素style属性用v-bind绑定data数据"opacityStyle"。<div cl...
2020-05-27
原生js实现碰撞检测
本文实例为大家分享了js实现碰撞检测的具体代码，供大家参考，具体内容如下随手写了个简单的碰撞检测的代码。检测box1和box2是否发生碰撞，若发生碰撞，box2颜色发生随机改变，并反弹...
2020-05-27
javascript实现拖拽碰撞检测
本文实例为大家分享了javascript实现拖拽碰撞检测的具体代码，供大家参考，具体内容如下拖拽碰撞检测碰撞改变颜色css:<style> .div1{width: 100px;height: 100px;background...
2020-05-27
js 使用ajax设置和获取自定义header信息的方法小结
本文实例讲述了js 使用ajax设置和获取自定义header信息的方法。分享给大家供大家参考，具体如下：1、js ajax 设置自定义header1.1 方法一：$.ajax({ type: "POST", url: "Handl...
2020-05-27
jQuery使用ajax传递json对象到服务端及contentType的用法示例
本文实例讲述了jQuery使用ajax传递json对象到服务端及contentType的用法。分享给大家供大家参考，具体如下：0、一般情况下，通过键值对的方式将参数传递到服务端0.1 客户端代码：$....
2020-05-27
基于javascript实现碰撞检测
本文实例为大家分享了javascript实现碰撞检测的具体代码，供大家参考，具体内容如下<html><head><style>#div1 {width:100px; height:100px; background:red; position:absolute...
2020-05-27
js实现操作cookie的常见方法总结【创建、读取、删除】
本文实例讲述了js实现操作cookie的常见方法。分享给大家供大家参考，具体如下：js操作cookie，可以通过开源的插件实现，方便快捷，兼容性好，同样也可以自己写；
此文主要介绍两个常用的...
2020-05-27
JavaScript实现多个物体同时运动
本文实例为大家分享了JavaScript实现多个物体同时运动的具体代码，供大家参考，具体内容如下1、多个物体同时运动 ---例子：多个Div，鼠标移入变宽
单定时器，存在问题
每个Div一...
2020-05-27
