2206月 详解vue-template-admin三级路由无法缓存的解决方案 1.为什么三级会缓存不了 在src/layout/AppMain组件: keep-alive的组件依赖cachedViews,cachedViews是store中的一个状态，cachedViews的逻辑在src/layout/TagView 当路由变更时就会调用addViewTags,addViewTag...…
2206月 微信小程序用canvas画图并分享 最近开始做微信小程序，有这样一个需求： 从列表页进入详情，在每一个详情页面去分享，分享出来的图片是带有当前详情数据的图片 如下图的列表： 分享出来的样子： 解决方案和思路：canvas画图生成图片 上代码： 【html部分】 <canvasstyle='width:{{canvasWidth}}px;he...…
2206月 vue实现瀑布流组件滑动加载更多 建议先看vue瀑布流组件上拉加载更多再来食用本文，如果直接想看源码文末就是~ 文末新增组件优化，之所以没有删优化前的代码是想让以后自己还能看到走过的路。 上一篇讲到在项目中使用上拉加载更多组件，但是由于实际项目开发中由于需求变更或者说在webview中上拉加载有些机型在上拉时候会把webview也一起上拉导致上拉加载不...…
2206月 JS Html转义和反转义（html编码和解码）的实现与使用方法总结 本文实例讲述了JSHtml转义和反转义（html编码和解码）的实现与使用方法。分享给大家供大家参考，具体如下： 1、JS实现html转义和反转义主要有两种方式： 1）、利用用浏览器内部转换器实现html转义； 2）、用正则表达式实现html转义； 2、封装的JS工具类： varHtmlUtil={ /*1.用浏览器...…
2206月 JavaScript代理模式原理与用法实例详解 本文实例讲述了JavaScript代理模式原理与用法。分享给大家供大家参考，具体如下： 代理模式的定义，代理是一个对象(proxy)用它来控制目标对象的访问。为此他要是先与目标对象相同的接口,但是他不同于装饰者模式，它对目标对象不进行任何修改，它的目的在于延缓"复杂"对象的初始化时间。这样可以在用到这个目标对象的时候再...…
2206月 JavaScript实现简单贪吃蛇效果 本文实例为大家分享了js实现简单贪吃蛇效果的具体代码，供大家参考，具体内容如下 上代码之前，先给大家看一下效果： 是不是想说：我能这样玩一天… 话不多说，代码如下： <script> classMap{ constructor(){ //提前设定将来的地图的样式数据 this.w=450; this....…
2206月 js模拟实现烟花特效 本文实例为大家分享了js实现烟花特效的具体代码，供大家参考，具体内容如下 如下图 首先描绘圆周运动 //d1 /*css*/ div{ height:4px; width:4px; background:red; position:absolute; } //js vardiv=document.getEleme...…
2206月 原生js无缝轮播插件使用详解 这篇博文主要讲如何使用原生js来实现一个兼容IE9+的无缝轮播图。主要知识点如下： 面向对象 js优化之节流函数 js运动 效果 html结构 <divclass="sliders-wraper"id="rotation-1"> <ulclass="slidersclear"> &l...…
2206月 JavaScript命令模式原理与用法实例详解 本文实例讲述了JavaScript命令模式原理与用法。分享给大家供大家参考，具体如下： 第一，命令模式： （1）用于消除调用者和接收者之间直接的耦合的模式，并且可以对(调用这个过程进行留痕操作) （2）真的不要乱用这个模式,以为他使你简单调用写法变得非常的复杂和有些难以理解。 （3）你的业务出现了(回退操作)(重做操...…
2206月 JS实现放烟花效果 本文实例为大家分享了JS实现放烟花效果的具体代码，供大家参考，具体内容如下 <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <title>放烟花——欣欣博客</title> <styl...…
