前端
我是小重山
这个作者很懒,什么都没留下…
展开
-
微信小程序—半圆(弧形)进度条
效果图: <canvas class="canvas" style="width:{{canvasWidth}}px;height:{{canvasHeight}}px;" canvas-id="circleBar"></canvas> data: { canvasWidth: 213, // 画布宽度 canvasHeight: 187, // 画布高度 value:60 , // 当前得分 total:100, // 总分值 },原创 2022-05-06 17:37:28 · 2849 阅读 · 1 评论 -
小程序之pdf上传预览
// 上传pdf文件 uploadPdf(e) { let that = this; let obj = e.currentTarget.dataset; wx.chooseMessageFile({ count: 1, //能选择文件的数量 type: "file", //能选择文件的类型,我这里只允许上传文件.还有视频,图片,或者都可以 success(res) { var size = res.tempFiles[..原创 2021-09-02 17:08:15 · 1128 阅读 · 0 评论 -
git删除分支时提示“the branch is not fully merged”
XX:分支名终端执行git命令:git branch -d XX ,提示如下报错。具体原因是因为:XX分支没有被合并。error: The branch 'mobileHomeZwZzOld' is not fully mergedgit branch -d XX :普通删除分支git branch -D XX :强制删除分支...原创 2021-04-13 16:13:26 · 5458 阅读 · 0 评论 -
vue项目引入vconsole插件
npm i vconsole再main.js中引入import VConsole from 'vconsole';let vconsole = new VConsole();export default vconsole;原创 2020-09-02 16:18:10 · 4539 阅读 · 0 评论 -
长按识别二维码
body{ user-select: auto;}img { pointer-events: all; width: 3.55rem; height: 3.55rem; /** img为二维码图片 **/}原创 2020-08-06 18:03:31 · 2562 阅读 · 0 评论 -
文本超出限制显示省略号
1.超出单行显示省略号width: 100%; color: rgba(0, 0, 0, 1);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;2.超出两行显示省略号width: 100%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vert原创 2020-07-29 10:45:34 · 372 阅读 · 0 评论 -
echarts 实现立体柱状图
<div class="dayFluxDetail" id="mainCahrts" style=" width: 100%; height: 8.5rem;"></div>// 配置项 // mainCahrts // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('mainCahrts')); const data = [220原创 2020-07-27 11:02:03 · 21315 阅读 · 2 评论 -
刮刮乐,刮一刮效果实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, user-scalable=0, width=device-width"> <meta name="apple-mobile-web-app-capable" content="yes">原创 2020-07-22 15:26:23 · 325 阅读 · 0 评论 -
判断当前机型和当前浏览器方法
判断当前机型// 判断当前是android iphone otherexport function judgePlatform() { if (navigator.userAgent.match(/Android/i)) { return 'android' } else if ((navigator.userAgent.indexOf('iPhone') != -1)) { return 'iphone' } else { ret原创 2020-06-17 17:54:47 · 597 阅读 · 0 评论 -
vue监听不到数组对象的变化
1. 对于普通的js对象,Vue 将遍历此对象所有的 property,并使用 Object.defineProperty 把这些 property 全部转为 getter/setter,使得vue可以在内部对这些数据进行追踪依赖,在 property 被访问和修改时通知变更,重新渲染相关联的组件。2. 关于对象,Vue 不允许动态添加根级别的响应式 property。但是我们可以利用vue的内置方法,例如Vue.set(object, propertyName, value) 方法向嵌套对象添加响应式p原创 2020-05-25 13:46:01 · 4660 阅读 · 0 评论 -
判断两个对象是否完全一致
function compareObj(a, b) { if (a == null && b === null) { return true; } if (typeof target !== "object") { //取对象a和b的属性名 var aProps = Object.getOwnPropertyNames(a); var bProps = Object.getOwnPropertyNames(b); if (aProps.le原创 2020-05-12 11:04:00 · 898 阅读 · 0 评论 -
常见数组方法
常见数组方法原创 2020-05-12 10:27:23 · 116 阅读 · 0 评论 -
客户端-下拉选择框
<div class="row title"><input v-model="curItem" style=" margin:0;" type="text" placeholder="请输入" /> </div><ul v-if="showItem"> <li v-for="(item,index) in l...原创 2020-04-23 18:33:31 · 180 阅读 · 0 评论 -
可视高度
this.$refs.content.offsetHeight 整个高度 this.$refs.content.offsetTop 距离上层父元素顶部的空间高度 this.$refs.content.clientHeight 内容可视区域的高度 this.$refs.content.scrollTop 滚动条拉动的距离....原创 2020-04-16 11:58:22 · 293 阅读 · 0 评论 -
Date日期相关方法
123原创 2020-04-15 09:22:47 · 191 阅读 · 0 评论 -
vant底部导航-动态选择图片
<template> <div id="app"> <router-view class="niam" /> <van-tabbar v-if="$route.meta.keepAlive" route v-model="active" inactive-color="rgba(216, ...原创 2020-04-07 09:15:06 · 600 阅读 · 0 评论 -
重置基础样式
@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:...原创 2020-03-17 18:02:50 · 95 阅读 · 0 评论 -
触底加载更多(发请求)
<template> <div class="main"> <van-nav-bar title="投资列表" :border="false"></van-nav-bar> <div class="content" id="content" ref="content"> <van-tabs v-mod...原创 2020-03-14 18:24:14 · 85 阅读 · 0 评论 -
axios请求封装
import axios from "axios"; const instance = axios.create({ baseURL: "/admin/", // withCredentials: true, // send cookies when cross-domain requests timeout: 25000});// request interceptori...原创 2020-03-04 10:08:27 · 71 阅读 · 0 评论 -
移动端rem字体适配
const setRemUnit=()=>{const docEL=document.documentElement;const rem=docEL.clientWidth/3.75;docEL.style.fontSize=${rem}px;};const pageShowCallback=(e)=>{if(e.persisted){setRemUnit();}}...原创 2020-03-04 10:05:56 · 179 阅读 · 0 评论 -
小程序那些事
获取输入框的值+改变对象的某个属性值tap事件:这个是小程序中的点击事件,绑定语法是bindtap,微信小程序中每个组件都是有tap事件的;input事件:是键盘输入事件,绑定语法是bindinput;focus事件:输入框聚焦事件,绑定语法是bindfocus;blur事件:输入框失去焦点事件,绑定语法bindblur。 <view class="per teshu3"> ...原创 2020-02-17 09:01:47 · 80 阅读 · 0 评论 -
BFC(块格式化上下文)
什么是BFC?BFC(Block formatting context)译为"块格式化上下文",是一个独立的渲染区域,规定了内部的子元素如何布局,并且与这个区域外部毫不相干。哪些元素会生成BFC?1、根元素html2、float属性不为none3、position为absolute或fixed4、display为inline-block, table-cell, table-capti...原创 2019-10-29 14:24:03 · 104 阅读 · 0 评论 -
基础样式重置
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }fieldset, img { border:none; }img{display: block;}address, caption, cite, code, df...原创 2019-10-29 14:18:32 · 133 阅读 · 0 评论