- 博客(21)
- 收藏
- 关注
RSS订阅原创 axios封装中使用loading
先安装npm install axiosnpm i element-ui -S在main.js中引入// vant按需引入//import {Loading, Toast} from "vant";// import "vant/lib/index.css";// Vue.use(Loading).use(Toast)// element-ui样式import "element-ui/lib/theme-chalk/index.css";在api.js中使用import axio
2021-01-15 16:37:22
1115
原创 howlerjs 音乐播放插件
官网https://howlerjs.com/在需要使用的组件中引入import "../../static/js/howler.min.js";init() { // 音乐 this.hitMusic = new Howl({ preload: true, loop: false, src: [require("../assets/music/hit.mp3")] }); }, musicPlay(){ this.hitMusi
2021-01-14 17:27:42
1161
原创 制作列表无缝滚动 vue-seamless-scroll
安装npm install vue-seamless-scroll --save在main.js文件里引用import scroll from 'vue-seamless-scroll'Vue.use(scroll)在组件中使用<template> <div class="result"> <div class="return-home" @click="returnHome"></div> <div class="s
2021-01-14 15:52:07
221
原创 vue 中封装axios
vue 中封装axios/api/index.js文件import axios from "axios";import router from "../router/index";import Vue from "vue";//获取vue实例const _vue = Vue.prototype;// axios封装请求方法// axios配置const that = this;const config = { baseURL: "", headers: {
2020-12-31 12:06:12
179
原创 uni-app修改data里的数组某个值
uni-app修改data里的数组某个值检测变化的注意事项由于 JavaScript 的限制，Vue 不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。// 直接更新数组某个元素的属性，视图上不会同步更新，要使用这种方式。/** * @param arr 所要更新的数组 * @param index 所要更新的数组的哪一项 * @param value 更新后的值 */this.$set(this.arr, index, value);参考1ht
2020-12-25 14:35:45
9365
1
原创 腾讯位置服务路线规划 小程序
小程序使用 腾讯位置服务路线规划资料文档https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx50b5593e81dd937a&token=1249697329&lang=zh_CN1、登录腾讯位置服务。地址下：https://lbs.qq.com/dev/console/key/add申请key2、登录微信小程序后台设置-第三方服务-插件管理” 里点击 “添加插件”，搜索 “腾讯位置服务路线规划” 申请，审核通过后，小
2020-12-24 16:19:48
848
2
原创 前端微信授权
微信授权 //自动授权（放在生命周期函数执行） autoAuthor() { let url = window.location.href; let baseUrl = url.split("#")[0]; // 判断是否有token字段 let isAuthorize = baseUrl.indexOf("token") >= 0; let queryUrl = baseUrl.split("?")[0]; // 已经授权
2020-12-21 11:50:31
223
原创 H5视频全屏播放
H5视频全屏播放<div class="video-box"> <video x5-video-player-type="h5" x5-video-player-fullscreen="true" webkit-playsinline playsinline controls preload :src="视频地址"
2020-12-21 11:39:58
1176
原创 vue-cli4脚手架配置
在项目根目录创建vue.config.js文件const path = require("path"); //引入path模块function resolve(dir) { return path.join(__dirname, dir); //path.join(__dirname)设置绝对路径}module.exports = { publicPath: "./", outputDir: "dist", assetsDir: "assets", // 反向代理 devSe
2020-12-08 17:34:25
361
原创 vue项目中使用vant
全局使用在main.js中全局引入vantimport Vant from 'vant';import 'vant/lib/index.css';Vue.use(Vant);组件中直接使用<div class="cancel-btn" @click.prevent="cancelEvent('张三', 44231563215241110)" > 核销</div>methods: { cancelEvent(name, userId) { th
2020-11-20 17:41:18
2809
3
原创 axios封装 vue
引入axios封装import axios from "axios";// axios封装请求方法// axios配置const config = { baseURL: "", headers: { "Content-type": "application/json", }, timeout: 30000,};const instance = axios.create(config);// 请求前做拦截，用于判断const requestInterceptor =
2020-11-10 18:40:49
115
原创 MySql+Java中JDBC增删改查
在characher包下，创建Hero类package characher;public class Hero { public int id; public String name; public float hp; public int damage;}在jdbcr包下，创建TestJDBC类package jdbc;import characher.Hero;import java.sql.*;public class TestJDBC {
2020-10-27 17:55:02
117
原创 JDBC 数据删除，增加，及数据库信息查询
JDBC 数据删除，增加，及数据库信息查询package com.dgd.test;import java.sql.*;public class DBTest { //mysql驱动包名 private static final String DRIVER_NAME = "com.mysql.jdbc.Driver"; //数据库连接地址 // ?useSSL=false不校验ssl证书 // jdbc:mysql://这是协议，localhost:3306这是
2020-10-23 15:21:55
171
原创 java 中Statement和PreparedStatement操作数据库
PreparedStatement使用参数设置，可读性好，不易犯错PreparedStatement有预编译机制，性能比Statement更快PreparedStatement防止SQL注入式攻击package com.dgd.test;import java.sql.*;public class DBTest { //mysql驱动包名 private static final String DRIVER_NAME = "com.mysql.jdbc.Driver";
2020-10-23 11:40:21
236
原创 创建java项目，链接MySql数据库
创建项目打开IDEA开发工具，“New Project”复制mysql-connector-java驱动(链接MySql驱动)到“libs”目录下添加驱动若是项目还没有jdk，需添加jdkpackage com.dgd.test;import java.sql.*;/** * @author lam * @create 2020-10-21-15:25 * 测试数据库 */public class DBTest { //mysql驱动包名 p
2020-10-21 15:35:00
523
原创 vue 全局自定义组件 components
创建组件在/components目录下创建tabBar.vue<template> <div class="barBar-container"> <div class="barBar-item" v-for="(item ,index) in tabBarImg" :key="index" @click="switchToTab(item.path)" > <img :src="$
2020-09-23 11:22:36
596
原创 手机校验 js
手机校验jslet phone = 1388888888；/^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|(147))\d{8}$/.test(phone)
2020-09-21 17:56:04
135
原创 vue项目引入vant
vue项目引入vantnpm i vant -S在使用的page.vue中的直接按需引入<script> import Vue from "vue"; import { Button, Form, Field } from "vant"; import "vant/lib/index.css"; Vue.use(Button).use(Form).use(Field);</script>
2020-09-18 18:08:17
539
原创 js控制样式，页面往前效果
js控制节点样式变化，做到往前推动效果监听某个值，改变节点样式，做到往前推动效果不能同时改变两个，或两个以上节点样式，不然会有卡顿效果 watch: { runTime(val, old) { let pageNode = 50; let bar = parseFloat(val % 50); //50个节点1P let scaleVal = 1 + bar * (2 / 49); //放大1+1.5倍 let opacity1 = 1 - 0
2020-09-18 14:39:03
201
原创 服务器并发量计算，网站并发量计算
服务器并发计算计算资源并发预计pv数*页面请求体大小(MB)=总网络请求大小(MB/s),转换成带宽(*8),得出需要的带宽(Mbps)这是算的是一天全时段平均到每一秒的量，是理想化的值！！！计算资源并发预计pv数*页面请求体大小(MB)=总网络请求大小(MB/s),转换成带宽(*8),得出需要的带宽(Mbps)假设有一天6000pv访问量（并发）网站资源：7M访问资源大小为：6000*7M=42000M=41.015625G每秒流量：42000M / 12时 / 60分 / 60秒 ≈ 0
2020-09-15 16:07:33
1797
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人