一、前言原文链接： https://github.com/qiudongwei/blog/issues/4本文介绍的内容包括： keep-alive用法：动态组件&vue-router keep-alive源码解析 keep-alive组件及其包裹组...

依照我遇到的问题为例：（我的页面结构为：父页面中嵌套有iframe子页面）1、造成这种情况的原因是：父页面初始化声明变量a为数组（数组对象是引用类型，赋值传递的是地址），创建iframe子页面...

方案1：直接引入js （自己 写的动态改变fontsize的js）function htRem() { var ww = document.documentElement.clientWidth; if (ww > 750) { ww = 750; } document...

微信小程序中，按钮也是<button></button>标签，它通过bindtap属性绑定点击事件：然后在js里面注册这个回调函数：回调函数里面通过wx.navigateTo({url: '/pages/index/talkPage',})...

前言在vue官方资料中，我们可以可以很学会如何通过vue构建“动态组件”以及“异步组件”，然而，在官方资料中，并没有涉及到真正的“动态异步”组件，经过大量的时间研究和技术分析，我...

1、为什么要用rem博客很久没写了，原因很简单。最近接手了一个项目，要同时做PC和移动端的页面，之前没接触过，但毕竟给钱的是大爷，所以还是硬着头皮上了。移动端最麻烦的是什么？不同...

1 什么是解构赋值解构赋值允许你使用类似数组或对象字面量的语法将数组和对象的属性赋给各种变量。这种赋值语法极度简洁，同时还比传统的属性访问方法更为清晰。解构会仅提取...

最近花了一天左右的时间学习了下微信小程序的开发，试着练习一把的心态，搞了一个很简单的页面。就当是学习总结吧：学习要点还是挺多的，通过查看官方接口文档，熟悉微信小程序开发工...

为什么要使用TypeScript？
为了减少代码编写过程中出现的错误，以及更好的维护你的项目，本文将手把手教你配置一个简单的开发环境来编写Node.js的应用程序，创建这样的一个开发环境...

在微信小程序的开发过程中，当需要请求第三方网站数据时。各种教程就直接说调用wx.request接口即可。但是当初学者自己用的时候就会出现问题。比如我们这里请求聚合数据的API...

在后端有许多的封装方法来截取字符串或者对字符串的操作，同样前端也有相应的方法。有一个data数据为ipaddrdata() { return { ipaddr: "192.168.100.110", }; },...

写在前面
灭霸打响指的消失效果。效果来源于 Google 搜索“灭霸” 或者 “thanos”。算是蹭热度的一个 Feature, 我通过 F12 试图去查看是如何实现的，也抠了一些音频、图片资...

1. 简介
AOP (Aspect Oriented Programming) ，意为：面向切面编程，通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术。AOP是OOP的延续，是函数式编程的一种衍生，利...

什么是修饰器
修饰器（Decorator）是ES7的一个提案，它的出现能解决两个问题： 不同类间共享方法 编译期对类和方法的行为进行改变用法也很简单，就是在类或方法的上面加一个@符，在vu...

前言
前段时间在用iView做个项目，其中需要使用自定义的右键菜单，然后去官网找了一下，发现有个Dropdown的组件，便想着能不能用来做个右键菜单的组件你可能需要对iView有一定的使...

Node.js版本管理工具。Git地址：https://github.com/nvm-sh/nvm安装nvm
Mac OS：如果已经安装了node，在安装nvm之前，不需要卸载这个版本的node。这个版本的node后续会成为nvm中的s...

依赖注入
创建服务需要用到Injectable，@Injectable() 装饰器把类标记为可供注入的服务，不过在使用该服务的 provider 配置好 Angular 的依赖注入器之前，Angular 实际上无法将其...

Vue中的 nextTick 涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于 nextTick 的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下 nextTick 。...

本文实例讲述了微信小程序登录数据解密及状态维持。分享给大家供大家参考，具体如下：学习过小程序的朋友应该知道，在小程序中是不支持cookie的，借助小程序中的缓存我们也可以存储...

前言当谈到JavaScript语言与其他编程语言相比时，你可能会听到一些令人困惑东西，其中之一是工厂函数和构造函数。工厂函数
所谓工厂函数，就是指这些内建函数都是类对象，当你调用...

base64 其实是一种编码转换方式, 将 ASCII 字符转换成普通文本, 是网络上最常见的用于传输8Bit字节代码的编码方式之一。base64 由字母 a-z 、 A-Z 、 0-9 以及 + 和 / , 再...

今天中午废了一会时间，总算把项目中的购物车的单选、全选、以及实现数据的动态显示做出来了，给小白分享一下我个人一个解决办法：购物车的基本页面如下：先说实现的总体思路 1.给...

vue项目打包后上传至GitHub，并实现github-pages的预览1. 打包vue 项目vue项目：
命令行输入打包命令npm run build，生成了dist文件夹：

打包完成。打包常见问题1——项目资源无法...

项目需求写完有一段时间了，但是还是想回过来总结一下，一是对项目的回顾优化等，二是对坑的地方做个记录，避免以后遇到类似的问题。需求利用微信强大的社交能力通过小程序达到裂变...

介绍因为项目需要,使用到了微信小程序和百度的语音接口 现在将项目中的一个小模块拿出来单独分享.技术关键字 微微信小程序 百度语音接口 nodejs,express fluent-ffmegp...

当我们使用for/in遍历一个Object对象的时候，打印的结果是否按key的顺序打印出来呢？
答案是：不一定。
背景
最近在做一个项目的时候，遇到这样一个需求：
一个下拉列表中有3个固定选...

看过 Vue 源码的同学可以知道，<keep-alive>、<transition>、<transition-group>等组件
组件的实现是一个对象，注意它有一个属性 abstract 为 true，表明是它一个抽象组件。Vue...

1.rem.js内容 ! function(n) { var e = n.document, t = e.documentElement, i = 720, d = i / 100, o = "orientationchange" in n &#63...

这个问题要从一个想法说起。D2Admin 是一个开源的，前端中后台集成方案，原先是基于 vue-cli2，大概是向 vue-cli3 过渡时，
作者老李，想在页面右下角加个 Toggle 点击，跳到当前页面源...

vue中路由跳转传参数有多种,自己常用的是下面的几种 通过router-link进行跳转 通过编程导航进行路由跳转 1. router-link<router-link :to="{ path: 'yourPath', para...

今天在实现一个小功能的时候，遇到一个问题，使用vue-router获取上一页面的url信息，我尝试了多种方式，发现使用vue-router的canDeactivate钩子实现这个功能最为方便，现在将我的实现...

vue的过渡动画，主要是transition标签的使用，配合css动画实现的。官方文档css过渡通过点击事件来切换show的值来改变显示的文本，下面的css通过进入离开时的在匀速状态下xxs（秒）下...

转盘抽奖主要有两种，指针转动和转盘转动，个人觉得转盘转动比较好看点，指针转动看着头晕，转盘转动时指针是在转盘的中间位置，这里要用到css的transform属性和transition属性，这两个...

需求
最近在做一个项目需求，分享领好书活动，获取用户的个人信息以及unionID，并诱导用户分享给好友或朋友圈，达到裂变拉新的目的。在做的过程中遇到了一些坑的地方，所以回过来总结...

前言在我们开发的过程中，我们会使用webpack-dev-server实现自动刷新，webpack-dev-server会把编译后的文件全部保存在内存里，而不会写入到文件目录内。但当我们的开发是前端和后...

现在大部分电商的网站、app都需要用户或者管理者去选择设置地区等位置信息。下面我就介绍一下前端开发者用vue，axios，element-ui开发一个省市区三级联动的组件。1.准备工作，首...

我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。注:alert弹出消息...

作为MVVM框架的一种，Vue最为人津津乐道的当是数据与视图的绑定，将直接操作DOM节点变为修改 data 数据，利用 Virtual Dom 来 Diff 对比新旧视图，从而实现更新。不仅如此，还可以通...

1.最简单的扫二维码获得信息。首先，在网上找一个二维码生成网站，生成一个二维码，我用的是草料二维码，随便生成了一个二维码做测试。就这个。我搭建的界面如下：如图可见，点击1中的...

静态文件服务器实现nodejs不仅仅可以用来写服务端接口，用来做静态文件服务器替代nginx的功能， 也是分分钟可以搞定的。 话不多说，先上代码：var server=http.createServer(functi...

官方解释为：Protocol buffers are a flexible, efficient, automated mechanism for serializing structured data – think XML, but smaller, faster, and simpler. You de...

基于Vue实现的多条件筛选功能(类似京东和淘宝功能)，可以支持多选、清空、全选功能，数据源是通过JSon格式的数据封装而成。实现的效果图：代码实现如下：html:<div id='app'><templ...

vue接入腾讯防水墙代码，具体代码如下所示：开始创建代码：登陆调用方法代码总结以上所述是小编给大家介绍的vue接入腾讯防水墙代码,希望对大家有所帮助，如果大家有任何疑问请给我...

最近在用VUE做个简单的用户系统，登录注册需要验证码，想找个那种拖动的，找geetest居然已经不面向小客户了（或者说只有收费套餐）。腾讯防水墙的验证码免费使用，有2000/小时的免费额...

微信官方文档https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html看了官方文档之后，还是存在很多困惑，微信小程序是托管到微信服务器上的，要想扫描普通链...

最近有一个项目，还是使用的传统 MVC 模式开发，完全基于jQuery，使用了基于java模板引擎velocity，页面中嵌入了大量java语法，使得前后端分离不彻底，工程打包上线苦不堪言，为实现后端...

因为小程序原生不支持Cookie，因此也不支持Session。网上找到的的一些方法有缺陷，而且很多累赘，估计没有实际测试过，在此直接给出实测可用的代码。大概思路就是借助小程序本地储...

Echarts实现可视化世界地图模拟迁徙，以我自己开发过程。下载Echarts依赖：npm install echarts成功以后引入依赖：import echarts from 'echarts'peopleInsertCharts为生成echart...

一、日历组件new Date()的月份是从0开始的。下面表达式是：2018年6月1日new Date(2018, 5, 1);下面表达式是：2018年5月1日new Date(2018, 4, 1);或new Date(2018, 5-1, 1);下面...

Vue实现商品列表的展示是一个比较简单的入门demo，下面是具体的实现：简单CSS样式：<style> #box ul{ display: flex; flex-wrap: wrap; } #box li{ padding: 3px; list-style...