vue循环数组改变点击文字的颜色
本文实例为大家分享了vue循环数组改变点击文字颜色的具体代码，供大家参考，具体内容如下效果图 如下所示
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></titl...
2020-05-27
JavaScript this在函数中的指向及实例详解
一、this，其实可以类比成人说到this的话，我们在js中主要研究的都是函数中的this，在javascript中，this代表当前行为的执行主体，而context代表的是当前行为执行的的环境（区域）。例如...
2020-05-27
基于JS实现父组件的请求服务过程解析
这篇文章主要介绍了基于JS实现父组件的请求服务过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下<template> <di...
2020-05-27
Vue3 源码导读(推荐)
5号凌晨，尤雨溪公布了 Vue 3 源代码。话不多说，我们趁热对 Vue 3 源码进行一些简要的分析。
如果你还没有阅读过Composition API RFC，可能无法完全看懂下面的内容。
兼容性
目...
2020-05-27
Vue3.0中的monorepo管理模式的实现
前言
前段时间9月21日参加了在成都举办的第五届FEDAY， 印象比较深刻的是白鹭引擎首席架构师@王泽分享的《框架开发中的基础设施搭建》 ，提到了在下一代白鹭引擎中使用到monore...
2020-05-27
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
导 读vue3.0中，响应式数据部分弃用了 Object.defineProperty ，使用 Proxy 来代替它。本文将主要通过以下方面来分析为什么vue选择弃用 Object.defineProperty 。 Object.defi...
2020-05-27
浅谈Vue为什么不能检测数组变动
问题来源：https://segmentfault.com/q/1010000015780995问题描述：Vue检测数据的变动是通过Object.defineProperty实现的，所以无法监听数组的添加操作是可以理解的，因为是在构造...
2020-05-27
vue的路由映射问题及解决方案
今天在项目中遇到了一个问题，明明在Router文件夹下的路由js映射文件中，配置好了，如下：// 生日贺卡 { path: 'birthdayRemind', component: load('@/components/app/birthdayRemi...
2020-05-27
微信小程序 textarea 层级过高问题简单解决方案
这篇文章主要介绍了微信小程序 textarea 层级过高问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下建立一个...
2020-05-27
Vue3.0 响应式系统源码逐行分析讲解
前言
关于响应式原理想必大家都很清楚了，下面我将会根据响应式API来具体讲解Vue3.0中的实现原理, 另外我只会针对get,set进行深入分析，本文包含以下API实现，推荐大家顺序阅读...
2020-05-27
深入理解基于vue-cli的webpack打包优化实践及探索
转眼已经是2019年，短短三四年时间，webpack打包工具成为了前端开发中必备工具，曾经一度的面试题都是问，请问前端页面优化的方式有哪些？大家也是能够信手拈来的说出缓存、压缩文件...
2020-05-27
vue中进行微博分享的实例讲解
1、首先要在页面写出点击可进行微博分享的入口，样式因自己项目而定：<li class="bottomIcon_5 shareSina"><a href="javascript:;" rel="external nofollow" target="_blank"><...
2020-05-27
vue实现百度语音合成的实例讲解
这里我完全依照百度提供的语音合成api来做：https://ai.baidu.com/docs#/TTS-Online-Node-SDK/top 直接去看node.js SDK。1.换取access_token：参考：https://ai.baidu.com/docs#/...
2020-05-27
浅析微信小程序modal弹窗关闭默认会执行cancel问题
在我们使用小程序的modal组件时候，有的时候会碰到一个问题，那就是弹框的关闭，我们并没有选择取消或确定，而是点击弹框之外的部分，这个时候弹框会关闭，按理来说不会触发取消和确定...
2020-05-27
Vue项目打包部署到iis服务器的配置方法
一 将Vue项目打包切换到项目目录下，输入cnpm run build 打包
等待打包完成
二 URL 重写
访问我们的一个url
原因是vue不是根据项目目录的地址访问的，是根据vue-router转发路...
2020-05-27
vue中axios的二次封装实例讲解
我们做项目时，虽然axios也可以直接拿来用，但是对接口比较零散，不太好进行维护，也会产生大量的重复代码，所以我在这对axios进行了统一接口处理第一步，先在src中的公共文件夹中如uti...
2020-05-27
javascript随机变色实例代码
1.打开网页，网页效果如图所示代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>随机变色</title> <style type="text/css"> #box{ width: 200px; he...
2020-05-27
javascript网页随机点名实现过程解析
主要知识点涉及if选择结构判断语句、数组的定义、定时器、清除定时器、日期对象的使用。1.HTML结构<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>随机点名...
2020-05-27
浅谈微信小程序列表埋点曝光指南
背景最近项目中，开发一个小程序列表页，PM大大给我提了一个埋点需求，列表中的每一项，出现在屏幕中的时候，需要上报一条记录。目标 如图中操作，要依次上报 item 1 - item7,但是上滑...
2020-05-27
JS实现灯泡开关特效
JS实现灯泡开关特效的具体代码，供大家参考，具体内容如下并且显示时间，文字首先准备两张图片：开灯ON.jpg：关灯OFF.jpg效果图：下面是具体实现代码：HTML：<!DOCTYPE html><html> <head>...
2020-05-27
js实现开关灯效果
本文实例为大家分享了js实现开关灯效果的具体代码，供大家参考，具体内容如下开关灯 <style> body{background: black;cursor: pointer;} .lamp{width: 100px;height: 100px;bor...
2020-05-27
谈谈IntersectionObserver懒加载的具体使用
概念IntersectionObserver接口(从属于Intersection Observer API)为开发者提供了一种可以异步监听目标元素与其祖先或视窗(viewport)交叉状态的手段。祖先元素与视窗(viewpo...
2020-05-27
vue实现树形结构样式和功能的实例代码
一、主要运用element封装的控件并封装成组件运用，如图所示 代码如图所示： 下面是子组件的代码：<template> <ul class="l_tree"> <li class="l_tree_branch" v-for="item in mo...
2020-05-27
vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法详解
本文实例讲述了vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法。分享给大家供大家参考，具体如下：在网上看了一下vue中监听滚动条滚动事件，清一色的使用document.addEv...
2020-05-27
ES6中let、const的区别及变量的解构赋值操作方法实例分析
本文实例讲述了ES6中let、const的区别及变量的解构赋值操作方法。分享给大家供大家参考，具体如下：声明：本文内容依照阮一峰老师ECMAScript 6 入门一书所总结。let和const相同点...
2020-05-27
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
