- 博客(56)
- 收藏
- 关注
RSS订阅原创 微信小程序设置锚点定位，wx.pageScrollTo
在通过wx.createSelectorQuery().select(“#home”).boundingClientRect(res => {}), 获取设置的跟锚点home。通过wx.createSelectorQuery().select(类名).boundingClientRect(res => {}),， 获取锚点中的数据。在通过wx.pageScrollTo({ selector: “.container”, scrollTop: 滑动的距离 });在其中，设置一个容器 home 设置id。
2023-04-18 14:52:30
1723
1
转载 像素流SDK权威指南
通过在ws的url后面加上一段token，可以很好地认证，否则默认任何人都可以连接进来，这里的token是明文传输，因为我们有wss协议保证了安全性，wss是通过nginx代理转发实现的。在test目录下，有个完整的demo用来展示像素流的前端使用方法，可以直接双击index.html文件或者通过http访问来打开，其中最重要的一个功能是WebRTC的监控，监控的内容包括视频、音频、dataChannel相关的属性，用来监测当前像素流的质量。将这3个端一一启动（顺序无所谓），就能在浏览器中看到画面了。
2023-03-07 15:50:10
686
转载 vue实现移动端靠边可拖动悬浮按钮
<template> <div class="float_button"> <div @click="onBtnClicked" ref="floatButton" class="float_info" :style="{'width': itemWidth + 'px', 'height': itemHeight + 'px', 'left': left .
2021-12-28 11:09:10
1944
8
转载 input中number类型去掉上下箭头
<input oninput="value=value.replace(/\D+/g,'')" maxlength="11">// vue <input @input="value=value.replace(/\D+/g,'')">
2021-12-21 13:40:57
492
原创 金额 千分位与number 转换
// 将千分位值转换成numberexport const thousandSepToNum = function(value) { if (!value) return '' let strArr = String(value).split('.') let n1 = strArr[0].replace(/,/g, '') return strArr[1] ? `${n1}.${strArr[1]}` : `${n1}`}// 将Number转换成千分位export const .
2021-11-03 17:29:54
748
1
原创 常用操作数组或字符串的API
1、includes()语法arr.includes(searchElement) // 必须。需要查找的元素值。arr.includes(searchElement, fromIndex) // 可选。从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。实例let site = ['runoob', 'google', 'taobao']; site.includes('runoob
2021-09-03 14:28:37
156
原创 用ElementUI后存在问题的解决方法
一、el-input1.去除type="number"输入框聚焦时的上下箭头/deep/ input::-webkit-outer-spin-button,/deep/ input::-webkit-inner-spin-button { -webkit-appearance: none !important;}/deep/ input[type='number'] { -moz-appearance: textfield !important;} 2.当需要验证的字段是数字.
2021-08-30 10:59:11
367
转载 vue -- watermark水印添加方法
作者：蛙哇原文链接：https://segmentfault.com/a/1190000022055867来源：segmentfault前言项目生成公司水印是很普遍的需求，下面是vue项目生产水印的方法。话不多说，复制粘贴就可以马上解决你的需求。步骤1创建watermark.js文件。目录结构/** 水印添加方法 */let setWatermark = (str1, str2) => { let id = '1.23452384164.123412..
2021-07-19 18:07:01
2780
转载 在vue项目中：统一封装 Axios 接口与异常处理
一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。安装npm install axios; // 安装axios引入一般我会在项目的src目录中，新建一个request文件夹，然后在里面新
2021-07-19 11:26:39
6357
2
转载 vue禁用浏览器返回键
mounted () { // 禁用浏览器返回键 history.pushState(null,null,document.URL); window.addEventListener('popstate',this.disableBrowserBack);},destroyed() { // 清除popstate事件 否则会影响到其他页面 window.removeEventListener("popstate",this.disableBrowserBack,f...
2021-07-07 14:08:46
1470
原创 vue-移动端双指放大或缩小功能实现
mounted() { // this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行 let that = this; this.$nextTick(() => { let matrix_box = document.querySelector(".build_matrix_box"); let build_matrix = document.querySelector(".build_matrix"); // let .
2021-06-29 10:28:05
9256
19
转载 vue写倒计时公共组件（传入开始结束时间）
//需要用到倒计时组件的地方传入开始、结束时间戳<home-clock startTime="1256322" endTime="256354"></home-clock>// 完整的dome<template> <div class="meClocker"> <div class="txt-time">{{msg}}</div> <div class="run-time" v-if="timeo.
2021-05-21 09:31:18
541
转载 js根据对象数组中某一属性值，合并相同项，并对某一属性累加处理
js根据对象数组中某一属性值，合并相同项，并对某一属性累加处理Example: 根据code合并数组，并将sl值累加，如下两种方法：let data = [{ code: 1001, name: '苹果', sl: 11 },{ code: 1001, name: '苹果', sl: 11 },{ code: 1001, name: '苹果', sl: 11 },{ code: 1001, name: '苹果', sl: 11 },{ code: 1002, name: '西瓜', sl: 1.
2021-05-19 11:25:57
6216
4
转载 js实现查看一个数组对象中是否包含另一个数组对象中的值
//两个数组对象中查看 其中一个数组对象是否包含另一个数组对象中的值 let arr = [ {key:1,val:"张胜男"}, {key:2,val:"王五"}, {key:3,val:"李四"}, {key:4,val:"刘超"}, {key:5,val:"赵四"} ] let arr2 = [ {key:1,val:"张胜男"}, {key:2,v...
2021-05-18 14:03:07
6762
原创 js工具类
1、时间格式化formatTime(date) { console.log(date); let y = date.getFullYear(); let mon = (date.getMonth() + 1).toString().padStart(2, "0"); let d = date .getDate() .toString() .padStart(2, "0"); let h = date
2021-02-01 10:58:21
136
转载 vue监听浏览器返回
监听返回mounted () { if (window.history && window.history.pushState) { // 向历史记录中插入了当前页 history.pushState(null, null, document.URL); window.addEventListener('popstate', this.goBack, false); }},destroyed () { wind
2021-01-28 12:03:41
1582
原创 vue使用vantui ＜van-calendar /＞按需引入的坑
参考文章：https://www.jianshu.com/p/7b812056cc3b在代码中引入后报错如下：网上大佬解决办法：需要注册组件才能用
2020-12-16 17:45:40
1771
原创 div模拟textarea文本域轻松实现高度自适应
textarea文本域轻松实现高度自适应属性contenteditable，如一个普通的block元素上加个contenteditable="true"就实现编辑，出现光标了<div contenteditable="true" data-text="输入内容..."></div>
2020-12-16 13:50:04
146
原创 文本内容保留空格和回车符
文本内容保留空格和回车符使用 css 属性 ：white-space:pre-wrap<view style="white-space:pre-wrap">文本内容保留空格和回车符</view>
2020-09-11 14:11:35
414
转载 改变radio默认样式
改变radio默认样式，代码如下：<!doctype html><html><head><meta charset="UTF-8"><title>改变radio默认样式</title><style>dd {float:left;line-height:37px;}dd:nth-child(3n+1) {text-align:right;width:164px;}input[type="rad
2020-09-10 14:37:51
707
原创 点击input框 禁止手机自带键盘弹出
<input readonly type="text"placeholder="请选择日期" class="date" ></input>
2020-09-01 09:11:21
2789
原创 日期连字符转换
let date = 2020/8/31;date.replace(/\//g, "-");console.log(date); // 2020-8-31let date = 2020-8-31;date.replace(/-//g, "/");console.log(date); // 2020/8/31
2020-08-31 20:52:11
499
转载 Vue的踩坑集☞ —— 父组件传值给子组件，子组件改变值后再传回去
一个基本的父传子demoparent.vue<template> <div> <Child text="hi"></Child> </div></template> <script> import Child from './child.vue'export default { components:{ Child }}child.vue<templat
2020-08-27 15:23:16
924
转载 vue中使用axios最详细教程
前提条件：vue-cli 项目安装：npm axios from 'axios'较科学的封装好的axios：（new-axios.js）importaxiosfrom'axios'import{Notify}from'vant';//importVuefrom'vue'//importstorefrom'@/store' // 我此项目没有用到vuex，所以vuex代码的都注释了，需要的自己打开使用//import{ACCESS_TOKEN...
2020-08-07 17:29:33
7818
3
转载 vue中使用v-for时为什么要用到key？为什么不能用index作为key？
结论：1、更新DOM的时候会出现性能问题2、会发生一些状态bug3、React 中的 key 也是如此4、如果已经了解 为什么要用key，可以通过目录直接跳到下一节。为什么要用key？Vue 和 React 都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。Vue 和 React 的虚拟DOM的Diff算法大致相同，其核心是基于两个简单的假设：两个相同的组件产生类似的DOM结构，不同的组件产生...
2020-07-07 17:51:10
1348
原创 Git 操作文档
一、Git 网站操作1.打开Git的网站，注册一个账号2.注册成功，登录之后是这样3.点击 NewProject新建一个项目填写完成之后选择一下项目的“可见等级”；有：“ Private（私有）” 、“ Internal（内部）”、“ Public （公开）”点击 “ Create Project”按钮，这个时候项目就已经创建完成了二、使用Git工具对项目进行推送拉取操作在你的电脑上安装Git,https://www.git-scm.com/down...
2020-07-02 10:08:09
418
转载 http-server安装及运行
vue项目打包后会生成一个dist目录，我们想要直接运行dist目录。。。除了复制静态文件到服务器nginx目录下，然后启动nginx来启动项目，另外一个办法就是安装http-server直接启动本地服务，下面则是http-server安装和启动：既然你知道http-server那么node和npm的安装我就不说了,当然你也可以实用Yarn安装.重点:请实用管理员权限安装 server .npm install http-server -gpm i http-serveryarn..
2020-06-29 15:25:57
968
转载 如何用一张图片代替，input:file上传本地文件
今天去面试,碰到了一道题,也许是因为紧张或者喝水喝多了,一时竟然没有明白面试官的真正意图,回来之后一细想原来这么简单,哭笑不得,特此记录一下!原题是这样的: 如何用一张图片代替 'input:file' 上传本地文件?? 因为默认的<input type='file'>上传文件控件样式特别丑,需要换成自定义的图片,如何实现这个功能??也就是——将这个玩意:换成这样的:当时我的解决方案是这样的:<input type="file" style="d...
2020-05-25 22:03:33
601
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人