- 博客(29)
- 收藏
- 关注
原创 通过创建style标签给 contenteditable=“true“ 的可编辑元素增加placeholder(占位符)
contenteditable 可编辑元素增加 placeholder(占位符)
2022-06-08 17:29:55
618
原创 微信小程序输入框聚焦获取键盘安全高度
首先要给输入框增加属性 show-confirm-bar="{{ false }}",绑定个输入框聚焦事件bindfocus=“getKeyboardHeight” getKeyboardHeight(e) { let { height } = e.detail; this.setData({ keyboardHeight: height }) },
2022-02-28 11:44:12
1549
原创 小程序组件显示隐藏
小程序组件在页面里根据页面的显示或隐藏来触发的一些方法写在与组件的 methods 同级 pageLifetimes: { show: function () { // 显示 }, hide: function () { // 隐藏 } }
2022-02-24 17:49:53
761
原创 js网络图片地址转base64
传个地址和回调即可 // 网络图片转 base64 function getBase64(src, cb) { var image = new Image(); image.src = src + '?v=' + Math.random(); // 处理缓存 image.crossOrigin = "*"; // 支持跨域图片 image.onload = function () { var base.
2021-12-09 11:09:12
900
原创 服务器nginx http强制转https
if ($scheme = http ) { return 301 https://$host$request_uri; }
2021-10-10 20:39:50
232
原创 nuxt.js框架修改项目端口号
在package.json文件中配置 "config": { "nuxt": { "host": "0.0.0.0", "port": "98" } },
2021-09-24 14:30:39
433
1
原创 vue-cli二次封装axios
安装npm install axios配置在src下创建utils文件夹-创建axios.jsimport axios from 'axios';import THIS from "../main";var $axios = axios.create({ baseURL: 'http://192.168.31.146:8010/', timeout: 5000, headers: { 'Content-Type': 'application/json;charset=
2021-08-21 16:28:54
190
原创 vue cli中使用cross-env
vue cli中使用cross-env安装注意:Version 7的cross-env只支持Node.js 10和更高版本,如果要在Node.js 8或更低版本上使用它,请安装Version 6 npm install——save-dev cross-env@6npm install --save-dev cross-env使用在package.json文件中自定义变量名称,这里我定义了FIRST_ENV "scripts": { "serve": "cross-env FI
2021-08-21 11:25:01
1250
原创 vscode 点击 open with live server 没反应
vscode 点击 open with live server 没反应右键 vscode 快捷方式 - 选择属性 - 选择兼容性 - 勾选以管理员身份运行此程序
2021-08-18 11:19:28
7328
5
原创 前端css 翻书效果专用属性
前端css 翻书效果专用属性 transform: rotateY(10deg) perspective(1.1rem) rotateY(-1deg);
2021-08-10 10:54:30
240
原创 小程序css适配iphonex
欢迎使用Markdown编辑器适配bottom底部 constant 要写在 env 上方 padding-bottom: constant(safe-area-inset-top); padding-bottom: env(safe-area-inset-top); padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);...
2021-07-31 16:17:31
322
原创 小程序禁止屏幕滑动
小程序禁止屏幕滑动给滑动的元素绑定个catchtouchmove事件 <view catchtouchmove="preventTouchMove"></view>在js代码里把事件写出来preventTouchMove() {},
2021-07-23 14:03:18
435
原创 移动端滚动
移动端滚动 if (isIOS()) { document.documentElement.scrollTop = num; } else { document.body.scrollTop = num; }
2021-07-15 15:29:35
88
原创 禁止屏幕滚动-开启屏幕滚动
禁止屏幕滚动-开启屏幕滚动:// false禁止屏幕滚动 true开启屏幕滚动function openWindowTouchMove(state) { if(state) { document.body.removeEventListener('touchmove', eventFun, { passive:false }); } else { document.body.addEventListener('touchmove', eventFun,
2021-07-15 11:59:07
182
原创 前端图片懒加载
前端图片懒加载懒加载元素页面渲染完成懒加载元素<img class="lazyload" src="../../image/community/initialize_img.png" :data-img="imgs.url" onerror="οnerrοr=null;src='../../image/community/initialize_img.png'" alt="" tapmode>src可以先设置一个骨架图 把需要显示的img地址赋值给data-img页面渲染完成调
2021-07-08 09:38:48
121
原创 js获取本周一到周日的日期区间
js获取本周一到周日的日期区间 function getThisWeek (type) { // type ? 年月日 :月日 var now = new Date(); var nowTime = now.getTime(); var day = now.getDay(); var oneDayTime = 24 * 60 * 60 * 1000; //显示周一
2021-07-05 10:41:30
238
原创 截取video视频封面图
需要在video地址赋值前标签里带 crossOrigin="anonymous"varcanvas=document.createElement('canvas');varimg=document.getElementById('img');constvideo=document.getElementById('video');video.setAttribute('cro...
2021-07-02 14:05:11
558
5
原创 数字转换成k,w单位
function unitNumber(number) { return number >= 1e3 && number < 1e4 ? (number / 1e3).toFixed(1) + 'k' : number >= 1e4 ? (number / 1e4).toFixed(1) + 'w' : number }
2021-04-27 11:36:40
1595
2
原创 img标签图片加载失败显示图片
img标签图片加载失败显示图片onerror="οnerrοr=null;src='../../image/community/initialize_img.png'"
2021-04-20 13:41:05
1281
2
原创 html2canvas生成上传图片
this.LOADING.playLoading("生成中..."); let formData = new FormData(), THIS = this; html2canvas(this.$refs.imageWrapper).then(canvas => { let dataURL = canvas.toDataURL("image/png"); this.imgUrl = dataURL; c...
2021-04-07 09:38:33
412
1
原创 vue实现拖动元素
可拖动元素要加 v-drag<div v-drag >{{ fromData.text }}</div> directives: { drag: function(el) { let dragBox = el; dragBox.onmousedown = e => { //算出鼠标相对元素的位置 let disX = e.clientX - dragBox.offsetLeft; let d
2021-03-29 14:48:11
664
原创 移动端使用rem
移动端使用rem100px = 1remvar html = document.querySelector(“html”);var clientWidth = html.getBoundingClientRect().width;html.style.fontSize = clientWidth / 3.75 + “px”;
2021-03-26 16:26:24
97
原创 vue 解决跨域问题
vue 解决跨域问题在vue.config.js里devServer属性下添加 proxy: { '/api': { // 此处的写法,目的是为了 将 /api 替换成 https://www.baidu.com/ target: 'http://xxxxxxxxxxx:xxxx/v1', // 允许跨域 changeOrigin: tru
2021-03-25 11:13:02
92
原创 apicloud标签快速点击属性
apicloud标签快速点击属性属性添加 tapmode <divtapmode onclick="toPraisePage"></div>
2021-03-22 09:43:13
186
原创 js全局替换字符串转义特殊字符[],替换成表情
js全局替换字符串转义特殊字符[],替换成表情var str = '天气不错[微笑],很开心[微笑]';var iconArr = [ {name: '[微笑]', url: 'https://al3.acc5.com/051c3134a67ccb9107e12c46c047b236.png'} ];iconArr.forEach((v, i) => { str = str.replace(new RegExp("\\[" + v.name + "\\]", "g"), "<img s
2021-03-11 10:58:00
848
2
空空如也
vite使用了多页面应用模式,打包时alias配置的路径别名报错
2022-12-05
粘性定位,border透明问题
2022-10-31
TA创建的收藏夹 TA关注的收藏夹
TA关注的人