跟混乱的页面弹窗说再见
对于一些快速迭代的产品来说，特别是移动端 C端产品，基于用户运营的目的，在 app首页给用户展示各种各样的弹窗是很常见的事情，在产品初期，由于迭代版本和运营策略变化地还不是太大...
2020-05-27
Vue开发Html5微信公众号的步骤
一、调起微信支付在微信浏览器里面打开H5网页中执行JS调起支付，WeixinJSBridge内置对象在其他浏览器中无效。具体参考官方文档：https://pay.weixin.qq.com/wiki/doc/api/jsapi...
2020-05-27
详解用场景去理解函数柯里化(入门篇)
前言函数柯里化就是将多参简化为单参数的一种技术方式，其最终支持的是方法的连续调用，每次返回新的函数，在最终符合条件或者使用完所有的传参时终止函数调用。场景实例与其他文...
2020-05-27
优雅的将ElementUI表格变身成树形表格的方法步骤
由于ElementUI目前还未开发树形表格组件，也参阅了网络上部分基于ElementUI表格封装的开源树形组件，如果想进行二次开发的话都不太理想，所以就萌生了自行开发树形表格。
本示例...
2020-05-27
重学JS 系列：聊聊继承(推荐)
原型继承得靠原型来实现，当然原型不是这篇文章的重点，我们来复习一下即可。
其实原型的概念很简单： 所有对象都有一个属性 __proto__ 指向一个对象，也就是原型 每个对象的原型...
2020-05-27
vue项目创建并引入饿了么elementUI组件的步骤
1：安装node
前端开发框架和环境都是需要 Node.js ，先安装node.js开发环境，vue的运行是要依赖于node的npm的管理工具来实现，下载，安装完成之后，打开cmd开始输入命令。（我用的是win10...
2020-05-27
如何检查一个对象是否为空
检查一个数组为空很容易，直接调用 length 方法即可，那么如何检查一个对象是否为空呢 ❓这里的空指的是对象没有自有属性假设这里有两个对象，一个是 obj 一个是 anotherOb...
2020-05-27
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
render-headerrender-header在官方文档中的介绍是这样的： 参数 说明 类型 可选值 默认值 render-header 列标题 Labe...
2020-05-27
vue中多路由表头吸顶实现的几种布局方式
vue项目多路由表头吸顶实现的几种布局方式因为项目较大，有五个界面，每个界面有四个子组件，每个子组件都有一个table表格，需求是每个界面的每个table滚动到顶端表头吸顶，所以尝试...
2020-05-27
JS实现li标签的删除
利用面向对象思想完成买家信息删除功能，每一条信息包含： 姓名 电话 电话号码 省份
实现以下要求：
不能借用任何第三方库，需要使用原生代码实现。
结合给出的基本代码结...
2020-05-27
详解Vue中使用插槽（slot）、聚类插槽
一、基本的插槽这里总结两点 如果不在子组件中使用插槽（slot），那么在子组件中写任何代码都是无效的的，不会显示 （插槽默认值）如果子组件中没有插入任何代码的话就会显示组件插槽...
2020-05-27
使用nodejs分离html文件里的js和css详解
摘要： 本文要实现的内容，使用nodejs 对文件的增删改查，演示的例子-》分离出一个html 文件里面的script 和style 里面的内容，然后单独生成js文件和css 文件。中间处理异步的api-...
2020-05-27
vue+echarts实现可拖动节点的折线图（支持拖动方向和上下限的设置）
本篇文档主要是利用echarts实现可拖动节点的折线图，在echarts中找到了一个demo，传送门：https://echarts.baidu.com/examples/editor.html?c=line-draggable,但是不是用vue...
2020-05-27
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
需求：点击btn,弹出modal显示图表（以折现图为例）这应该是很基本的需求也是很容易实现的，代码和效果如下：代码解释：setTem是一个方法，改变modal为true，默认为false ； chart-line是图表...
2020-05-27
详解Bootstrap 学习（一）入门
一：什么是Bootstrap？Bootstrap是目前留下的前端框架之一，具备已下特点： 基于HTML、CSS、JavaScript开发的； 样式展现方面定义了大量全局样式、列表、按钮等样式组件； 特效方面...
2020-05-27
解决微信小程序调用moveToLocation失效问题【超简单】
上图所示，mapUpdated表示地图加载完成后，再初始化数据。
为什么moveToLocation失败？
第一：可能你的ID取错了；
第二：调用moveToLocation时，必须需要调用wx.getLocation,并且用户授权...
2020-05-27
vue-cli 3.x配置跨域代理的实现方法
写在前面
vue-cli 3.x 的beta版本已经发布了一段时间，很早就像体验一番一直找不到时间。这些日子刚好有空就想着依照网上的一些例子练下手，刚一上手就踩到坑了。
3.x 版本对整...
2020-05-27
TypeScript中的方法重载详解
前言方法重载（overload）在传统的静态类型语言中是很常见的。JavaScript 作为动态语言， 是没有重载这一说的。一是它的参数没有类型的区分，二是对参数个数也没有检查。虽然语言层...
2020-05-27
React中阻止事件冒泡的问题详析
前言最近在研究react、redux等，网上找了很久都没有完整的答案，索性自己整理下，这篇文章就来给大家介绍了关于React阻止事件冒泡的相关内容，下面话不多说了，来一起看看详细的介绍...
2020-05-27
详解JQuery基础动画操作
1.jQuery动画效果，隐藏和显示。两个方法：hide()"隐藏" show()"显示"<p>JQuery动画效果，隐藏和显示</p><input type="button" value="隐藏" id="button1"><input type="but...
2020-05-27
详解js创建对象的几种方法及继承
创建对象通过Object构造函数或对象字面量创建单个对象
这些方式有明显的缺点：使用同一个接口创建很多对象，会产生大量的重复代码。为了解决这个问题，出现了工厂模式。工厂模式...
2020-05-27
js form表单input框限制20个字符，10个汉字代码实例
直接粘贴到html文件便可看到效果<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewp...
2020-05-27
vue基于viewer实现的图片查看器功能
vue2-viewer
vue2-viewer 是一款强大的图像浏览插件，可以实现图像的放大预览，旋转，任意比例放大和缩小等功能
vue2-viewer 是viewer.js vue的实现，效果以及样式完全移植自viewer...
2020-05-27
微信小程序template模版的使用方法
前言小程序开发语言虽然只能运行在微信小程序中， 但是它的设计同样遵循了主流前端框架的主要特征——组件化，在小程序中组件化的实现有两种方式: template 模版 和 Component...
2020-05-27
ES6入门教程之变量的解构赋值详解
前言我们经常定义许多对象和数组，然后有组织地从中提取相关的信息片段。在ES6中添加了可以简化这种任务的新特性：解构。解构是一种打破数据结构，将其拆分为更小部分的过程。本...
2020-05-27
ES6入门教程之let、const的使用方法
一、前提
解决ES5中只有全局作用域和函数作用域，没有块级作用域而带来的不合理的场景。
let基本用法
用法和var 一样，只是let声明的变量只有在let命令所在的代码块有效
{ let...
2020-05-27
JS实现马赛克图片效果完整示例
本文实例讲述了JS实现马赛克图片效果。分享给大家供大家参考，具体如下：整体逻辑：获取oldImg图片的像素信息，以5*5为单位，在5*5单位中取到一个随机像素并赋值给5*5中的所有像素点，...
2020-05-27
JS实现倒序输出的几种常用方法示例
本文实例讲述了JS实现倒序输出的几种常用方法。分享给大家供大家参考，具体如下：1.通过split和数组的逆序输出var num = 123;//输出应该是 3 2 1num = num +""; //方便split函...
2020-05-27
JS+CSS3实现的简易钟表效果示例
本文实例讲述了JS+CSS3实现的简易钟表效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>www.freexyz.cn js+css3简易...
2020-05-27
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
本文实例讲述了Vue入门基本概念与使用。分享给大家供大家参考，具体如下：1. Vue.js是什么?1). 一位华裔前Google工程师(尤雨溪)开发的前端js库2). 作用: 动态构建用户界面3...
2020-05-27
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。分析一下应该是安卓系统版本的原因，目前已知的是Android 6.0 以上...
2020-05-27
js中async函数结合promise的小案例浅析
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatib...
2020-05-27
Nodejs实现用户注册功能
1创建连接池对象2导出连接池对象/** * 1.引入mysql模块 * 2.创建连接池对象 * 3.导出连接池对象 */const mysql = require('mysql');var pool = mysql.createPool({ host:'...
2020-05-27
vue 实现小程序或商品秒杀倒计时
下面先给大家介绍下vue 设计一个倒计时秒杀的组件 ，具体内容如下所述：简介：倒计时秒杀组件在电商网站中层出不穷 不过思路万变不离其踪，我自己根据其他资料设计了一个vue版的核...
2020-05-27
浅谈Vue页面级缓存解决方案feb-alive(上)
feb-alivegithub地址
体验链接使用理由 开发者无需因为动态路由或者普通路由的差异而将数据初始化逻辑写在不同的钩子里beforeRouteUpdate或者activated 开发者无需手动缓...
2020-05-27
基于Vue2-Calendar改进的日历组件（含中文使用说明）
一，前言我是刚学Vue的菜鸟，在使用过程中需要用到日历控件，由于项目中原来是用jQuery写的，因此用了bootstarp的日历控件，但是配合Vue实在有点蛋疼，不够优雅……于是网上搜了好久找...
2020-05-27
浅谈Vue页面级缓存解决方案feb-alive (下)
feb-alivegithub地址
体验链接Vue页面级缓存解决方案feb-alive (上)
在剖析feb-alive实现之前，希望大家对以下基本知识有一定的了解。 keep-alive实现原理 history api...
2020-05-27
说说如何使用Vuex进行状态管理(小结)
1 为什么需要状态管理一个 Vue 组件分为数据（model）与视图（view）。当通过 methods 中的方法更新数据时，视图也会自动更新。message.vue<template> <div> {{message}} <but...
2020-05-27
Vue 使用formData方式向后台发送数据的实现
很多时候在使用form向后台发送数据的时候，并不需要使用到表单组件。例如时间戳、ip等，这个时候除了ajax之外，还可以使用HTML5的一个全新方法FormData；在input[type = file]的文...
2020-05-27
axios+Vue实现上传文件显示进度功能
一,前言最近在用Vue，然后上传文件时需要显示进度，于是网上搜了一下，经过自己实测终于也弄明白了二，效果三，代码HTML代码<div id="app"><h4>上传文件：</h4> <p class="input-zone...
2020-05-27
详解如何理解vue的key属性
如果没有这个属性的时候vue应用 in-place patch（就地复用）策略。列表里的顺序发生改变的时候比如shuffle（列表打乱）的时候，vue为了提升性能，不会移动dom元素，只是更新相应元素的内...
2020-05-27
vue使用axios上传文件(FormData)的方法
在此主要介绍 如何使用 formData 对象上传单文件和多文件，FormData 就是 XMLHttpRequest Level 2 新增的一个对象，利用它来提交表单、模拟表单提交，当然最大的优势就是可以上传...
2020-05-27
浅谈Vue CLI 3结合Lerna进行UI框架设计
当前大部分UI框架设计的Webpack配置都相对复杂，例如 Element 、 Ant Design Vue 和Muse-UI等Vue组件库。例如Element，为了实现业务层面的两种引入形式（ 完整引入 和 按需引入 ），...
2020-05-27
详解Vue组件之间通信的七种方式
使用Vue也有很长一段时间,但是一直以来都没对其组件之间的通信做一个总结,这次就借此总结一下。父子组件之间的通信1）props和$emit父组件通过props将数据下发给props,子组件...
2020-05-27
vue自定义指令之面板拖拽的实现
前言
在指令里获取的this并不是vue对象，vnode.context才是vue对象，一般来说，指令最好不要访问vue上的data，以追求解耦，但是可以通过指令传进来的值去访问method或ref之类的。vue...
2020-05-27
vue全局自定义指令-元素拖拽的实现代码
小白我用的是vue-cli的全家桶,在标签中加入v-drap则实现元素拖拽， 全局指令我是写在main.js中Vue.directive('drag', { inserted: function (el) { el.onmousedown=functio...
2020-05-27
Vuex的actions属性的具体使用
Vuex 的 action 属性内，可以定义异步操作逻辑，以满足某些业务场景要求。在组件内，是通过 $store.dispatch 来触发 action 定义的函数。
我们使用 action，来为计数器异步增 1。
1...
2020-05-27
vue 父组件给子组件传值子组件给父组件传值的实例代码
父组件如何给子组件传值使用props举个例子：子组件：fromTest.vue，父组件 app.vuefromTest.vue<template><h2>{{title}}</h2> //title必须是父组件传递的</template><script> ex...
2020-05-27
JavaScript使用ul中li标签实现删除效果
本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码，供大家参考，具体内容如下<html> <head> <meta charset="utf-8"> <title></title> <style type="text...
2020-05-27
详解小程序设置缓存并且不覆盖原有数据
最近在写小程序的小项目，因为是刚上手小程序，这途中遇到了许多问题，所幸在自己的坚持不懈下基本都得到了解决，今天就记录一下怎么设置缓存数据并且不覆盖吧，如果有错误的地方麻烦...
2020-05-27
