这次给大家带来VUE中地区选择器组件使用详解，VUE中地区选择器组件使用的注意事项有哪些，下面就是实战案例，一起来看一下。废话不多说，直接进入正题。安装，引用，这些直接从官网拷贝来的，就不多说了。1、安装使用 npm 安装：npm install v-distpicker --save使用 yarn 安装yarn add v-distpicker --save2、使用注册组件注册全局组件import VDistpicker from v-distpicker Vue.component(v-distpicker, VDistpicker);注册组件im...
这次给大家带来vue-cli引入、配置axios步骤详解，vue-cli引入、配置axios的注意事项有哪些，下面就是实战案例，一起来看一下。一、npm 安装axios，文件根目录下安装，指令如下npm install axios --save-dev 二、修改原型链，在main.js中引入axiosimport axios from axios 接着将axios改写为Vue的原型属性，Vue.prototype.$http=axios 这样之后就可在每个组件的methods中调用$http命令完成数据请求三、在组件中使用methods: { ge...
这次给大家带来vue axios生产环境与发布环境配置不同接口地址步骤详解，vue axios生产环境与发布环境配置不同接口的注意事项有哪些，下面就是实战案例，一起来看一下。本项目是vue-cli搭建的项目框架，引入axios用于数据请求。配置不同的接口地址，（首先确保已经集成了axios，如对集成axios有疑问的道友，可参看我之间的一篇vue-cli 引入axios）操作如下一、设置不同的接口地址找到如下文件/config/dev.env.js/config/prod.env.js...
这次给大家带来JS计算圆周率到小数点后100位实现步骤详解，JS计算圆周率到小数点后100位的注意事项有哪些，下面就是实战案例，一起来看一下。浮点数的有效数位是16位，我自己做了一个大数类，能存储100位有效数位，并实现了大数类的基本运算。我用它来计算圆周率（割圆法，即多边形逼近），得到了小数点后一百位有效数字，比对了Machin 公式的计算结果，没有误差。用时约2秒。完整示例如下：<!DOCTYPE html> <html> <head> <meta c...
这次给大家带来Vue.js实现微信公众号菜单编辑器步骤详解（上），Vue.js实现微信公众号菜单编辑器的注意事项有哪些，下面就是实战案例，一起来看一下。学习一段时间Vue.js，于是想尝试着做一个像微信平台里那样的菜单编辑器，在这里分享下具体样式代码查看项目github创建一个vue实例<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title></title><script src="https://cdn.bootcss.com/vue/2.5.9/vue.js"></script> </head> ...
这次给大家带来Vue.js实现微信公众号菜单编辑器步骤详解（下），Vue.js实现微信公众号菜单编辑器的注意事项有哪些，下面就是实战案例，一起来看一下。实现菜单删除方法在vue实例中添加删除菜单方法，根据选中的菜单级别和索引来删除。methods: {//删除菜单delMenu:function(){//删除主菜单if(this.selectedMenuLevel()==1&&confirm(删除后菜单下设置的子菜单也将被删除)){if(this.selectedMenuIndex===0){this.menu.button.splice(...
这篇文章主要介绍了JS实现的文件拖拽上传功能,涉及javascript事件触发、页面元素属性动态修改等相关操作技巧,需要的朋友可以参考下本文实例讲述了JS实现的文件拖拽上传功能。分享给大家供大家参考，具体如下：<!doctype html> <html> <head> <meta charset="utf-8"> <title>JS文件拖拽上传</title> <style> p{width: 300px;height: 300px;border:1px dashed #000;position:absolute;top: 50%;left: 50%;margin:-150px 0 0 -150px;t...
这次给大家带来JS实现碰撞检测步骤详解，JS实现碰撞检测的注意事项有哪些，下面就是实战案例，一起来看一下。<!doctype html> <html> <head> <meta charset="utf-8"> <title> JS碰撞检测</title> <style> p{width:100px;height:100px; } #box{background:red; position:absolute; } #box1{background:green;position:absolute;top:300px; left:300px;} </style> <script> //两个碰撞的盒子。是建立在一个不动的基础上。所以可以根据...
这次给大家带来JS实现飞页特效步骤详解，JS实现飞页特效的注意事项有哪些，下面就是实战案例，一起来看一下。这个效果使用了自己封装的一个运动函数；这个效果的巧妙之处在于，在开始用数组存放了每个li的位置信息，然后在点击按钮（页码）的时候让li的宽高位置和透明度发生运动的改变一个一个的消失，然后在消失结束之后，再一个个倒着出现；可以和页码进行匹配，从而实现页码更换的效果<!DOCTYPE html> <html lang="en"> <head><...
这次给大家带来JS实现3des+base64加密解密算法，JS实现3des+base64加密解密算法的注意事项有哪些，下面就是实战案例，一起来看一下。1. index.html：<html xmlns="http://www.w3.org/1999/xhtml"> <head><title>BASE64编码</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="Base64.js"></script><script type="text/javascript" src="DES3.js"></script> </head...
这次给大家带来ESlint操作步骤详解，ESlint操作的注意事项有哪些，下面就是实战案例，一起来看一下。vue-cli脚手架创建的项目默认使用ESlint规则，启动项目的时候因为各种语法报错，不得不先停下了解一下什么是ESlint，及其相关的一下操作。【使用vue-cli快速搭建项目】：http://www.gxlcms.com/article/140498.htm1. 什么是ESlint？ESLint 是一个ECMAScript/JavaScript 语法规则和代码风格的检查工具，它的目标是保证代码的一致性...
这次给大家带来JS调用本地摄像头功能步骤详解，JS调用本地摄像头功能的注意事项有哪些，下面就是实战案例，一起来看一下。今天学习了一下js调用本地摄像头，其实是实现不是很麻烦，下面是代码部分，连接上Tomcat服务器，然后再到网页上打开即可以看到效果了。。快来玩一下吧！<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> <style> video {border: 1px solid #ccc;display: block;margin: 0 ...
这次给大家带来jQuery获取随机颜色步骤详解，jQuery获取随机颜色的注意事项有哪些，下面就是实战案例，一起来看一下。1.js//获取十六进制颜色 function randomColor1(){ var r = Math.floor(Math.random()*256); var g = Math.floor(Math.random()*256); var b = Math.floor(Math.random()*256); if(r < 16){ r = "0"+r.toString(16); }else{ r = r.toString(16); } if(g < 16){ g = "0"+g.toString(16); }else{ g = g.toString(16...
这次给大家带来JS实现井字棋游戏步骤详解，JS实现井字棋游戏的注意事项有哪些，下面就是实战案例，一起来看一下。最近有一门课结束了，需要做一个井字棋的游戏，我用JavaScript写了一个。首先界面应该问题不大，用html稍微写一下就可以。主要是人机对弈时的ai算法，如何使电脑方聪明起来，是值得思考一下的。开始游戏后，由玩家先行。那么站在计算机的角度，可以对多种情况进行分析，并按照重要程度赋予权值。情况如下：1、同一排（...
这次给大家带来vue父子组件传值及slot应用步骤详解，vue父子组件传值及slot应用的注意事项有哪些，下面就是实战案例，一起来看一下。一.父子组件传值<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>父子组件传值</title><style> </style><script src="./vue.js"></script> </head> <body><p id="root"> <counter :count="0" @numberchange="handleChange"></counter><counter :count="0" @numberchange="ha...