- 博客(18)
- 收藏
- 关注
RSS订阅原创 苹果手机顶部安全区兼容
html:<div class="van-safe-area-inset-top"></div>css:@supports (top: env(safe-area-inset-top)) { .van-safe-area-inset-top { height: constant(safe-area-inset-top); height: env(safe-area-inset-top); }}
2022-04-07 11:26:43
865
1
原创 ER_BAD_FIELD_ERROR:Unknown column ‘***‘ in ‘field list‘ 错误解决方案
错误代码 ： let result = await DB.query(`update users set access = ${access} , credit = ${credit} where phone = ${phone}`);解决方案：由于access和credit数据库中设置为字符串类型， 加入引号即可。let result = await DB.query(`update users set access = '${access}' , credit = '${credit}
2022-03-17 17:45:24
3404
原创 vue+element导入导出Excel表格
1、安装npm install -S xlsx@0.14.1npm install -D script-loadernpm install -S file-saver 注意：xlsx版本不要安装错了~~~2、创建utils文件夹，里面新建excel.js文件，下面代码直接复制到excel.js文件即可/* eslint-disable */require('script-loader!file-saver')import XLSX from 'xlsx'function ge
2022-02-25 16:11:39
1320
1
原创 解决浏览器/ios出现横向滚动条
解决方式：父元素：overflow:hidden,并设置高度子元素：overflow:auto，padding-bottom设置超过父元素高度例子：html <div class="num"> <div class="number"> <span class= "index" v-for=" item in 19" :key="item" >{{item}}</span> &l
2022-02-24 16:14:13
2714
原创 CSS实现隐藏滚动条但可以滚动
父元素：overflow:hidden子元素：overflow:scroll父元素滚动条宽度设置为0.father ::-webkit-scrollbar{ width: 0px;}代码示例：.father{ width: 200px; overflow: hidden;}.father ::-webkit-scrollbar{ width: 0px;}.son { margin-top: 8px; overflow-x: scroll; w.
2022-02-14 10:23:17
1041
原创 js中Symbol类型的使用
一、使用Symbol作为对象属性名1、使用symbol作为对象属性名不被Object.key等方式访问let obj = { [Symbol("name")]:"一斤代码", age:18, title:"Engineer",}console.log(Object.keys(obj))for(let p in obj){ console.log(p);}console.log(Object.getOwnPropertyNames(obj));.
2022-02-09 18:15:53
5838
1
原创 vue中左右滑动切换内容
触摸参数：touchstart：触摸开始touchmove：接触点改变，滑动时touchend：触摸结束，手指离开屏幕时touches:当前位于屏幕上所有手指的列表代码部分：html: <div class="all" @touchstart = "touchstart" @touchmove = 'touchmove'></div>js： touchstart(e){ this.startX = e.touches[0].
2022-01-18 15:03:48
3652
原创 节流版懒加载函数封装
lazyload.js文件原理：把src设置为空，实际路径放入data-src中。利用高度差，图片加载到视觉范围内把data-src里的真实路径放入src中，开始加载图片function getTop(e){ var T = e.offsetTop; while(e = e.offsetParent){ T += e.offsetTop; } return T}function lazyLoad(imgs){ var H = docu
2022-01-14 15:34:52
190
原创 Aliplayer使用dispose切换地址报错：Error in callback for watcher “url“: “TypeError: 没有为播放器指定容器“
代码：<template> <div class="video-play-page"> <div id="J_prismPlayer"> <!-- <div class="author" v-show="isFullScreen"> <img src="" alt="" /> <div> <h3>地表最强</h3> ..
2021-12-30 17:07:18
2395
原创 函数节流与防抖
函数防抖事件被触发后，在一定时间内再次触发，则以后一次触发为标准重新计算时间，直到这段时间内没有二次触发，才执行。1、无防抖代码//html代码<input id="unDebounce">//script代码//模拟一段ajax请求function ajax(content) { console.log('ajax request ' + content)}let inputa = document.getElementById('unDebounce')
2021-12-10 16:33:03
955
原创 vue3.x中的ref
1、无法通过this.$refs获取DOM元素<template> <div> <div ref="box"></div> </div></template><script>import { ref } from 'vue'export default { setup() { console.log(this.$refs.box); },};</script>
2021-11-30 13:53:42
646
原创 一、vue3使用vite创建项目
使用vite创建项目（npm版本7以上）npm init vite@latest my_proj -- --template vuemy_proj为我的项目名称，可修改选择vue创建完成，按照Now run后面的命令运行即可cd my_projnpm install npm run dev在浏览器地址栏输入Local后面的地址：http://localhost:3001，即可看到项目创建完成...
2021-11-30 09:45:18
470
原创 二、vue3路由的使用（vue-router）
1、安装vue-routernpm install vue-router@next2、配置路由src下新建route/index.jsimport { createRouter, createWebHistory } from 'vue-router';const routes = [ { path:'/', redirect:'/home' }, { path:'/home', name:'H
2021-11-29 18:00:16
458
原创 ReferenceError: module is not defined
报错E:\project\myTest\demo2>node app.jskoa deprecated Support for generators will be removed in v3. See the documentation for examples of how to convert old middleware https://github.com/koajs/koa/blob/master/docs/migration.md file:\E:\project\myTest\
2021-10-08 14:50:03
8708
原创 ReferenceError: require is not defined
报错：解决方案：node版本问题，在使用require前加入以下代码import { createRequire } from 'module';const require = createRequire(import.meta.url);参考链接完美解决 node.js 模块化后报错 ReferenceError: require is not defined_正在认真学习的阿俊的博客-CSDN博客...
2021-10-08 14:14:32
4480
2
原创 Cannot use import statement outside a module
Cannot use import statement outside a module问题描述import Koa from 'koa';import Router from 'koa-router' const app = new Koa();const koa = new Router();// const app = require('koa')()// , koa = require('koa-router')()// , json = require('koa-jso
2021-10-08 14:06:35
612
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人