vue vantUI实现文件（图片、文档、视频、音频）上传（多文件）
说在前面
网上有很多种文件上传的方法，根据公司最近的业务需求，要求实现多种文件的上传，在实现过程中，查阅了很多资料，最后，终于把功能实现了，开心！<template> <div> <v-header...
2020-05-27
详解Vue.js 作用域、slot用法（单个slot、具名slot）
作用域在介绍slot前，需要先知道一个概念：编译的作用域。比如父组件中有如下模板：<child-component> {{message}}<child-component>这里的message就是一个slot，但是它绑定的是父...
2020-05-27
ES6 Promise对象概念及用法实例详解
本文实例讲述了ES6 Promise对象概念及用法。分享给大家供大家参考，具体如下：参考文章：ECMAScript 6 入门一、 Promise是什么Promise是异步编程的一种解决方案，它是一个容器，里面...
2020-05-27
node.js express框架实现文件上传与下载功能实例详解
本文实例讲述了node.js express框架实现文件上传与下载功能。分享给大家供大家参考，具体如下：背景昨天吉视传媒的客户对IPS信息发布系统又提了一个新需求，就是发布端发送消息时...
2020-05-27
微信小程序如何实现五星评价功能
这篇文章主要介绍了微信小程序如何实现五星评价功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果要实现的效果：点...
2020-05-27
Centos7 安装Node.js10以上版本的方法步骤
Node.js 是一个基于Chrome JavaScript运行时的平台，可轻松构建快速，可扩展的网络应用程序。最新版本 node.js yum存储库 由其官方网站维护。使用本教程添加yum存储库，并使用简...
2020-05-27
Vue 实现输入框新增搜索历史记录功能
vue实现搜索显示历史搜索记录,采用插件-good-storage安装插件 npm install good-storage -S在本地新建cache.js文件,该文件是关于本地存储的逻辑处理(缓存到本地的数据...
2020-05-27
vue-cli 为项目设置别名的方法
1.使用场景：在项目开发过程中经常需要引入各种文件，例img，css，js等，我们可以在vue-cli中给不同目录设置别名，方便我们使用2.vue-cli 2x 配置// 在 webpack.base.config.js中的 res...
2020-05-27
javascript实现点亮灯泡特效示例
本文实例为大家分享了javascript实现点亮灯泡特效的具体代码，供大家参考，具体内容如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...
2020-05-27
Vue.js中provide/inject实现响应式数据更新的方法示例
vue.js官方文档：https://cn.vuejs.org/v2/api/#provide-inject首先假设我们在祖辈时候传入进来是个动态的数据，官方不是说如果你传入了一个可监听的对象，那么其对象还是可响应...
2020-05-27
JavaScript Canvas编写炫彩的网页时钟
本文实例为大家分享了JavaScript Canvas编写炫彩网页时钟的具体代码，供大家参考，具体内容如下只是利用了Canvas制作的。示意图如下：<!DOCTYPE html><html><head> <meta http-eq...
2020-05-27
javascript实现动态时钟的启动和停止
javascript实现动态时钟的启动和停止，点击开始按钮，获取当前时间，点击停止按钮，时间停止<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>动态时钟的启动和停止<...
2020-05-27
vue实现鼠标经过动画
本文实例为大家分享了vue实现鼠标经过动画的具体代码，供大家参考，具体内容如下详细代码：<template> <div class="hello"> <h1>{{ msg }}</h1> <div class="box"> <div class="b...
2020-05-27
js实现图片跟随鼠标移动效果
本文实例为大家分享了js实现图片跟随鼠标移动效果的具体代码，供大家参考，具体内容如下<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box { width...
2020-05-27
JS页面获取 session 值，作用域和闭包学习笔记
本文实例讲述了JS页面获取 session 值，作用域和闭包。分享给大家供大家参考，具体如下：Javascript获取session的值：var name= "${sessioScope.变量名}";注意这里面需要使用 "" 把...
2020-05-27
JS回调函数深入理解
本文实例讲述了JS回调函数。分享给大家供大家参考，具体如下：一、前奏在谈回调函数之前，先看下下面两段代码：不妨猜测一下代码的结果。function say (value) { alert(value);}al...
2020-05-27
微信小程序使用echarts获取数据并生成折线图
微信小程序使用echarts，实现左右双Y轴，动态获取数据，生成折线图
本来使用的是wxcharts，但发现实现不了左右双y轴的效果，就换成echarts
要实现这样的效果，需要以下几步：
（1）去github下...
2020-05-27
JS使用正则表达式判断输入框失去焦点事件
效果图项目的正则表达式规则1:用户名: 大写字母开头 6-20位字符(不允许有符号但是允许有_)
2:密码 大写开头 数字字母符号混合 8-15位
3:确认密码 大写开头 数字字母符号混...
2020-05-27
JS使用正则表达式提交页面验证的代码
如何用正则表达式提交验证首先，我们先用一首歌活跃一下气氛！
门前大桥下
游过一群鸭
快来快来数一数
二四六七八
嘎嘎嘎嘎
真呀真多呀…
stop，我们来进入正题↓
1：让你们看一下...
2020-05-27
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
本文实例讲述了JQuery实现ul中添加LI和删除指定的Li元素功能。分享给大家供大家参考，具体如下：最近为了实现这个简单的功能也是看了很多的内容，终于找出了看起来简单易实现的方...
2020-05-27
Vue 实现从小到大的横向滑动效果详解
本文实例讲述了Vue 实现从小到大的横向滑动效果。分享给大家供大家参考，具体如下：最近项目中遇到一个需求，需要实现横向滑动，并且在滑动过程中，中间的大，两边的小，通过参考其他的人...
2020-05-27
Vue 实现从文件中获取文本信息的方法详解
本文实例讲述了Vue 实现从文件中获取文本信息的方法。分享给大家供大家参考，具体如下：最近在使用vue做项目的时候，遇到一个需求，界面中需要显示大量的说明文字，为了保持界面的整...
2020-05-27
微信小程序如何实现在线客服功能
其实只需要解决2个问题 第一步，在微信小程序中添加联系在线客服按钮 第二步，接入在线客服功能，设置【自动/人工/转人工】回复等一、添加小程序客服按钮① 在小程序中添加客服...
2020-05-27
使用JavaScrip模拟实现仿京东搜索框功能
使用js模拟实现京东的搜索框，主要用了js中的onfocus(注册焦点事件)，onblur(失去焦点的事件)；主要实现了： 在鼠标点进去的时候，里面的默认内容消失； 在输入之后，再点击搜索框外，输...
2020-05-27
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
做vue项目使用的iviewUI库，打包上线之后发现icon都不显示，然后做了很多尝试，更改打包路径等，都没有太好的效果，最后还是在网上找到了方法：1. 方法一：在build/utils.js下面找到这段...
2020-05-27
关于JS模块化的知识点分享
模块化是一个语言膨胀的必经之路，它能够帮助开发者拆分和组织代码。Module模式
在模块化规范形成之前，JS开发者使用Module设计模式来解决JS全局作用域的污染问题。Module模式...
2020-05-27
微信公众号开发之微信支付代码记录的实现
需求说明
这个需求说明是完全没有必要的，但是还是写一下吧，但凡是做公众号的，一般都是需要了解这个微信支付的，不然基本的业务都没办法走，所以今天简单的记录一下微信支付的一些...
2020-05-27
适合前端Vue开发童鞋的跨平台Weex的使用详解
基于 Vue 技术栈的你如果需要选用一种移动端跨平台框架，是 Weex？React-Native？还是Flutter? 无疑，相对于后两者，因为你现在已有比较熟练的 Vue 基础，如果在其他条件一致的情况...
2020-05-27
Weex开发之WEEX-EROS开发踩坑(小结)
随着Weex跨平台技术的持续火热，一时间涌现出了一大批基于Weex的开源解决方案，Weex Eros就是这么一个面向前端Vue的开源APP解决方案。 目前，如果直接使用Weex框架开发应用会存在...
2020-05-27
WEEX环境搭建与入门详解
Weex简介Weex 是阿里前端技术团队开源额一套跨平台开发方案，能以web的开发体验构建高性能、可扩展的 native 应用，Weex 的页面表示层使用 Vue ，并遵循 W3C 标准实现了统一的 JS...
2020-05-27
Weex开发之地图篇的具体使用
在移动应用开发中，地图是一个很重要的工具，基于地图的定位、导航等特点衍生出了很多著名的移动应用。在Weex开发中，如果要使用定位、导航和坐标计算等常见的地图功能，可以使用we...
2020-05-27
vuex + keep-alive实现tab标签页面缓存功能
在开发很多管理系统过程之中，常遇到这种需求，需要对打开路由页面进行缓存，然后在系统页眉提供方便查阅的tab标签进行切换以及对已经缓存页面进行数据刷新和清除数据操作。具体...
2020-05-27
Vuex modules模式下mapState/mapMutations的操作实例
当我们使用 Vuex 实现全局状态维护时，可能需要将状态值划分多个模块，比如一些 root 级的用户登录状态，token，用户级的用户信息，购物车级的购物车信息。下面我们实例演示下如何在...
2020-05-27
浅谈Vue.set实际上是什么
谈到Vue.set就要说响应式原理，所以得为你自己准备下这方面的理论知识。然而，一如即往，这并不难或者枯燥。准备点鳄梨和薯条，制作些鳄梨酱，然后我们再进入话题。
数据和响应式原理...
2020-05-27
Layui事件监听的实现(表单和数据表格)
一、表单的事件监听
先介绍一下几个属性的用法1、lay-filter 事件过滤器
相当于选择器，layui的专属选择器2、lay-verify 验证属性属性值可以是 ：required必填项， phone手机号，em...
2020-05-27
JavaScript 实现同时选取多个时间段的方法
本文介绍了JavaScript 实现同时选取多个时间段的方法，分享给大家，具体如下：
<template> <div> <ul> <li v-for="(item,index) in timeLine.idList" :key="index" i...
2020-05-27
JS设置自定义快捷键并实现图片上下左右移动
JS代码实现自定义热键实现功能：1.自定义上下左右键
2.使用自定义热键或者使用键盘上下左右键移动图片效果图：步骤1：HTML代码：<!DOCTYPE html><html> <head lang="en"> <meta cha...
2020-05-27
mpvue实现小程序签到金币掉落动画(api实现)
这里使用小程序自带的api来实现，用小程序来写动画的恶心点在于，没有帧，只能用setimeout 来作为帧来使用，下面是实现代码， 下面是简单用div代替了图片，需要什么图片，可以自行替换相...
2020-05-27
小程序input数据双向绑定实现方法
我们都知道 vue 中可以使用 modal 来实现 input 内容数据的双向绑定。小程序好像没有提供相应的方法支持，就需要我们自己写了。原理很简单，在 input 上先绑定需要取值的变量，如...
2020-05-27
JS工厂模式开发实践案例分析
本文实例讲述了JS工厂模式开发。分享给大家供大家参考，具体如下：基于JS工厂模式的H5应用，实现了轮播图功能与滑屏功能，并且实现了文字大小的自适应功能，基于SASS样式开发。核心的...
2020-05-27
mpvue 页面预加载新增preLoad生命周期的两种方式
存在的必要性：mpvue开发微信小程序，在页面跳转到新页面的过程中会有200ms左右的延迟，这个200ms如果用来请求新页面的接口，那么跳转到新页面或许已经渲染好了页面。就是两种方式：1...
2020-05-27
微信小程序一周时间表功能实现
这篇文章主要介绍了微信小程序一周时间表功能实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下wxml <view clas...
2020-05-27
在Express中提供静态文件的实现方法
为了提供诸如图像、CSS 文件和 JavaScript 文件之类的静态文件，请使用 Express 中的 express.static 内置中间件函数。将包含静态资源的目录的名称传递给 express.static 中...
2020-05-27
express中static中间件的具体使用方法
如果想要在输入url后直接访问服务端的静态文件，比如css、js、文件等，就需要知道这些静态文件的定位，在express框架中express.static中间件函数可以帮助我们实现。Staic是expres...
2020-05-27
vue-devtools的安装和使用步骤详解
1、下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools 2、解压此文件夹3、用命令提示符或编译器进入此文件夹4、在文件夹下依次运行（可以在命令提示符窗口也可...
2020-05-27
vue使用showdown并实现代码区域高亮的示例代码
前言：当我们想把makedown文档转译为html在网页上显示，并且能漂亮的展示出自己想要的网页形式，接下来我给大家介绍插件来达到我们所想要的功能。
注：下面安装及使用方式是基于vue...
2020-05-27
countup.js实现数字动态叠加效果
本文实例为大家分享了countup.js实现数字动态叠加效果的具体代码，供大家参考，具体内容如下CountUp.js 无依赖的、轻量级的 JavaScript 类，可以用来快速创建以一种更有趣的动画...
2020-05-27
jQuery/JS监听input输入框值变化实例
input事件： onchange：1、要在 input 失去焦点的时候才会触发；2、在输入框内容变化的时候不会触发change，当鼠标在其他地方点一下才会触发；3、onchange event 所有主要浏览器都支...
2020-05-27
countUp.js实现数字动态变化效果
本文实例为大家分享了countUp.js实现数字动态变化的具体代码，供大家参考，具体内容如下countUp.js官网：演示地址<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
2020-05-27
CountUp.js实现数字滚动增值效果
数据改动的时候，countUp.js进行数值滚动增加的动态效果，供大家参考，具体内容如下这是js文件// target = id of html element or var of previously selected html element wher...
2020-05-27
