- 博客(26)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 vue动态路由
import Vue from 'vue'import Router from 'vue-router'import {home} from '../apiAuth'import golbo from './golbo.vue'Vue.use(Router);// 不需要权限路由const routerArrMo = [ {path: '/login', name: 'logi...
2019-08-19 19:10:14
70
原创 vue3.x配置ts
1.安装tsnpm install typescript --save-dev2.在终端运行tsc --init 生成tsconfig.ts文件3.在根目录下创建eslintrc.ts并添加以下内容module.exports = { extends: [ 'plugin:vue/vue3-essential', 'eslint:recommended', '@vue/typescript/recommended' ], pl
2021-11-18 14:44:00
1403
原创 vue3.x配置vue-router4.x
npm i vue-router@4 -S在src目录下新建router.js,import { createRouter, createWebHashHistory } from 'vue-router';const routerHash = createWebHashHistory();const router = createRouter({ history: routerHash, // history routes:[ { p
2021-05-11 10:28:14
484
原创 webpack 配置把px转成rem
npm i postcss-pxtorem -S我的尺寸是750的const commonCssLoader = [ miniCssExtractPlugin.loader, 'css-loader', { // 处理css兼容性 loader: "postcss-loader", options: { postcssOptions: { plugins: [
2021-05-06 09:14:42
540
原创 url-loader配置详解
{ test: /\.(jpg|png|gif)/, // url-loader默认使用es6模块化解析 loader: "url-loader", options: { // 图片大于8kb，就会被base64处理 limit: 8 * 1024, esModule: false， // 关不es6模块化解析 encoding： true, // 默认为true, 是否使用默认编码base64，可以
2021-03-25 11:56:48
5286
原创 html-webpack-plugin配置详解
new HtmlebpackPligin({ title: "Webpack App33", //生成的HTML模板的title filename: "home.html", //生成的模板文件的名字 template: "./src/home.html", //模板来源文件 inject: true, favicon: "./src/favicon.ico" //指定页面图标
2021-03-25 11:37:13
124
原创 Vue3.0获取当前路由
import { getCurrentInstance } from 'vue'setup() { const { ctx } = getCurrentInstance() console.log(ctx.$router.currentRoute.value)}或import { useRoute } from 'vue-router'import { toRaw } from 'vue'setup () { const route = useRoute() console.
2021-03-10 10:34:17
2787
1
转载 360浏览器访问网站直接跳转 se://error/ 问题（无法打开网站）解决方法
https://www.pianshen.com/article/5187713695/
2020-11-18 11:13:49
10314
1
原创 vue使用tracking人脸识别实现拍照并上传给后台
安装 npm install tracking -s<template> <div class="face" v-show="isShowFace"> <div class="faceBack"></div> <div class="faceDataDlo"> <div class="titleDialog" > <p>人脸识别</p><i><
2020-10-18 14:11:34
2079
3
原创 解决vue使用qrcodejs2重复生成二维码
<div id="qrcode" ref="qrCodeUrl"></div>在每次生成前，清除前一次生成的二维码const codeHtml = document.getElementById('qrcode') codeHtml.innerHTML = ''"
2020-10-18 14:00:35
4469
2
原创 uniapp修改buttons内容与样式
// 修改buttonstitleMsg(width, text) { let pages = getCurrentPages(); let page = pages[pages.length - 1]; let currentWebview = page.$getAppWebview(); currentWebview.setTitleNViewButtonStyle(0, { width: width, text: text })}
2020-07-31 13:52:44
3227
原创 原生js与ios和安卓交互
在这里插入代码片let methods = ["privateFun", "childPageFun"];let easyJSBridge = EasyJSBridge.create("android", "ios", methods);function childPage(){ easyJSBridge.childPageFun();}function privateFun(){ easyJSBridge.privateFun();}```javascript在这里插入代码
2020-06-05 09:39:43
339
原创 js与原生交互 vue方法
一 vue方法在src目录下建立JSbridge.js文件1. 在main.js全局引用（当然你可以在单个页面上使用） import Bridge from './JSbridge.js' ； Vue.prototype.$bridge = Bridge;2. 页面使用方法（注意：onBack是方法name,ios和安卓必须统一使用这个name才能调用到方法）let mgs = ''this.$bridge.callHandler('onBack',mgs,(res)=>{
2020-05-25 09:37:34
1456
原创 uni-app常用的系统自带的轻提示
// 默认在2s后消失uni.showToast({ icon: "none", title: titleName, duration: 3000, position: 'top'})// 加载动画提示，不会自动消失uni.showLoading({ title: '加载中...'});控制uni.showLoading()消失的方法： uni.hideLoading()；// 类似于alert弹窗uni.showModal({ content: '出现啦
2020-05-20 10:33:51
2786
原创 为什么ios的webview中滑动不流畅
-webkit-overflow-scrolling: touch当手指从触摸屏移开，会保持滑动一段距离-webkit-overflow-scrolling: auto // ios默认属性当手指从触摸屏移开，滚动立即停止
2020-04-29 09:19:30
619
原创 vue 配置vuex在严格模式下出现是问题
需要关闭严格模式，不然会报错import Vue from "vue";import Vuex from "vuex";import createPersistedState from "vuex-persistedstate";import * as Cookies from "js-cookie";import user from "./modules/user";import m...
2020-01-21 15:09:59
475
原创 input调用纯数字键盘
<input type="number" pattern="[0-9]*" oninput="if(value.length>11)value=value.slice(0,11)" @keyup.enter="monitorEnter()" />
2020-01-21 15:01:04
708
原创 vue 使用typescript配置vuex
import Vue from "vue";import Vuex from "vuex";import createPersistedState from 'vuex-persistedstate'// @ts-ignoreimport * as Cookies from 'js-cookie'import user from './modules/user'import order...
2020-01-21 14:58:14
284
原创 vue cli 4.x 自动把px转换为rem
安装npm i lib-flexible postcss-px2rem --s1、在根目录添加postcss.config.js文件module.exports = { plugins: { autoprefixer: {}, "postcss-px2rem": { remUnit: 37.5, // 50px = 1rem remPrecision: ...
2020-01-21 14:55:04
1359
3
原创 js 必须至少包含一个大写字母、一个小写字母、一个数字和下列任何符号:!@#$%^&;*()-_=+
let testPassword = /^(?=.*?[a-z])(?=.*?[A-Z])(?=.*?\d)(?=.*?[!@#$%^&;*()_=+\-])[a-zA-Z\d!@#$%^&;*()_=+\-]*$/; //判断输入格式 if(testPassword.test(this.passwordText)){ ...密...
2019-11-13 11:34:20
1530
原创 iponeX css兼容处理
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) { .loginLink{margin-bottom: 20px}}
2019-10-16 11:22:48
127
转载 vue time倒计时
安装 npm i moment -s <!-- 使用计算属性，传入截止日期 --><span>{{countDown(endDate)}}</span>12/*引入日期插件*/import moment from 'moment'export default { data() { return { now: moment()...
2019-10-09 11:59:02
331
原创 vue自动把单位px转换成rem
vue自动把单位px转换成rem第一步：npm i lib-flexible -d 和 npm install px2rem-loader - d第二步：在main.js引入 import 'lib-flexible/flexible'第三步：在generateLoaders方法中添加px2remLoaderconst px2remLoader = { loader: 'px2...
2019-08-28 14:45:58
251
转载 解决html5中的video，ios系统中无法播放使用
1.先是从前端的角度去考虑，如何让safari浏览器兼容video，并支持播放（未找到解决的方法）。2.经多次查找网上信息，发现使用后台能解决该问题，解决点在HTTP协议的响应头里面（Accept-Ranges）。3.safari浏览器，在打开视频的时候，先是发送一个请求探测文件的大小，之后再多次发送请求分段获取数据流的数据（个人理解大概是分段下载，Accept-Ranges）。4.想要解决...
2019-08-22 10:12:03
19697
原创 vue 路由懒加载
{path: '', name: '', component: resolve => require([''], resolve)},path 路由连接name 路由名称require 目录地址
2019-08-19 19:00:07
135
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人