- 博客(34)
- 收藏
- 关注
RSS订阅原创 【无标题】
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Command + S
2024-03-21 14:03:35
799
原创 微信小程序—半圆（弧形）进度条
效果图： <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
3317
1
原创 vsCode格式化标签属性不换行
打开文件-首选项-设置-用户-拓展-Vetur，在settings.json中添加以下代码"vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatter.js": "vscode-typ=script", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes"
2022-03-16 14:54:02
257
原创 百度语音合成技术实现语音播放-text2audio
利用audio标签进行播放语音，默认隐藏 <div id="bdtts_div_id" style="display: none"> <audio id="tts_autio_id" autoplay="autoplay"> <source id="tts_source_id" src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&s
2021-09-16 21:44:41
3011
原创 小程序之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
1273
原创 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
5610
转载 git stash命令
应用场景：1 当正在dev分支上开发某个项目，这时项目中出现一个bug，需要紧急修复，但是正在开发的内容只是完成一半，还不想提交，这时可以用git stash命令将修改的内容保存至堆栈区，然后顺利切换到hotfix分支进行bug修复，修复完成后，再次切回到dev分支，从堆栈中恢复刚刚保存的内容。2 由于疏忽，本应该在dev分支开发的内容，却在master上进行了开发，需要重新切回到dev分支上进行开发，可以用git stash将内容保存至堆栈中，切回到dev分支后，再次恢复内容即可。总的来说，git
2020-12-08 15:45:06
199
原创 vue项目引入vconsole插件
npm i vconsole再main.js中引入import VConsole from 'vconsole';let vconsole = new VConsole();export default vconsole;
2020-09-02 16:18:10
4596
原创 长按识别二维码
body{ user-select: auto;}img { pointer-events: all; width: 3.55rem; height: 3.55rem; /** img为二维码图片 **/}
2020-08-06 18:03:31
2604
原创 文本超出限制显示省略号
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
406
原创 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
21791
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
381
原创 判断当前机型和当前浏览器方法
判断当前机型// 判断当前是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
646
原创 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
4731
原创 判断两个对象是否完全一致
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
933
原创 客户端-下拉选择框
<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
219
原创 可视高度
this.$refs.content.offsetHeight 整个高度 this.$refs.content.offsetTop 距离上层父元素顶部的空间高度 this.$refs.content.clientHeight 内容可视区域的高度 this.$refs.content.scrollTop 滚动条拉动的距离．...
2020-04-16 11:58:22
335
原创 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
655
原创 重置基础样式
@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
128
原创 触底加载更多（发请求）
<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
109
原创 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
97
原创 移动端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
214
原创 小程序那些事
获取输入框的值+改变对象的某个属性值tap事件：这个是小程序中的点击事件，绑定语法是bindtap，微信小程序中每个组件都是有tap事件的；input事件：是键盘输入事件，绑定语法是bindinput；focus事件：输入框聚焦事件，绑定语法是bindfocus；blur事件：输入框失去焦点事件，绑定语法bindblur。 <view class="per teshu3"> ...
2020-02-17 09:01:47
112
原创 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
128
原创 基础样式重置
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
161
原创 常见状态码
2XX：成功状态码200：OK，服务器已成功处理了请求。201：Created，请求成功并且服务器创建了新的资源。202:Accepted，服务器已接受请求，但尚未处理。3XX:重定向301和302状态码都表示重定向，就是说浏览器在拿到服务器返回的这个状态码后会自动跳转到一个新的URL地址，这个地址可以从响应的Location首部中获取。301：永久性移动（旧地址不可用）302...
2019-10-08 21:34:12
134
原创 网站性能优化
content方面减少HTTP请求：合并文件、CSS 精灵、inline Image减少DNS 查询：DNS查询完成之前浏览器不能从这个主机下载任何任何文 件。避免重定向：多余的中间访问使Ajax 缓存非必须组件延迟加载未来所需组件预加载减少DOM 元素数量减少iframe数量Server 方面使用CDN对组件使用Gzip压缩Ajax 使用GET 进行请求避免空sr...
2019-10-08 21:08:24
100
原创 SEO优化（搜索引擎优化）
合理的title、description、keywords（权重依次减小），title 强调重点，不要超过2 次，位置靠前，不同页面title不同；description把页面内容高度概括，长度合适keywords 列举出重要关键词语义化的HTML代码，符合W3C 规范：语义化代码让搜索引擎容易理解网页重要内容HTML代码放在最前：搜索引擎抓取HTML顺序是从上到下，有的搜索...
2019-10-08 20:45:52
7143
原创 元素水平垂直居中
1 单行文本居中水平居中：text-align:center;垂直居中：line-height:100px; (line-height的值=height的值一致)2 多行文本的垂直居中父元素：display: table子元素：display: table-cell; vertical-align: middle;3 absolute与transform配合实现给子元素设...
2019-09-29 16:52:01
144
原创 五大主流浏览器的内核
主流浏览器的内核及前缀浏览器名称浏览器内核对应前缀IETrident-ms-FirefoxGecko-moz-SafariWebkit-webkit-ChromeWebkit->Blink-webkit-OperaPresto->Webkit->Blink-o-___________360浏览器...
2019-09-26 09:26:22
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人