- 博客(30)
- 收藏
- 关注
RSS订阅原创 Cannot read properties of undefined (reading ‘indexOf‘)
因为是表单中嵌套了2个表单，所以外层的没有加prop，就会导出报这个错误，加上就可以了哦。vue出现这个报错可能是因为表单中少加了prop。
2023-02-22 20:15:00
1379
原创 Uniapp 分享朋友圈
出现以上错误解决方法：1、需要后台配置安全域名2、分享的链接一定不能包含中文，需要用encodeURIComponent()转换一下3、title,link,imgUrl 都需要和安全域名一致（查找其他文章都只提到链接域名需要和安全域名一致，但是实际操作发现标题或图片仍不显示，直到把他们都配置为安全域名，分享朋友圈才显示正常）// #endif。
2022-09-13 15:24:24
1648
原创 mescroll 列表页点击某条记录，进入详情页，返回时定位在之前点击的位置
activated() { // 将页面定位到之前滑动的高度 否则滚动条会回到顶部 if (Number(window.localStorage.getItem('lastScrollTop')) > 0) { document.querySelector('.mescroll').scrollTop = Number(window.localStorage.getItem('lastScrollTop')) window.localStorage.se...
2022-04-18 16:10:40
707
原创 小程序完全嵌套h5后分享功能的实现
如果不做处理，那么分享的页面打开都会展示首页，产品的需求是分享那个页面用户点击分享链接后打开的就是那个页面，而不是首页首先在小程序的分享事件中根据当前webview嵌套的h5链接判断当前是那个页面，从而分享链接中的路径就传递对应的标识onShareAppMessage: function (options) { let webViewUrl = options.webViewUrl let share = {} if (webViewUrl.indexOf('add-work') !
2022-03-31 18:13:51
1560
原创 上一天，下一天
changeDay(val) { // 上一天 下一天 if (new Date(new Date(this.date).toLocaleDateString()).getTime() === new Date(new Date().toLocaleDateString()).getTime() && val === 1) { return } this.isNext = false let currentDate = new Date(this.date.toLocal.
2022-03-22 17:20:30
311
原创 swiper 问题小结
var swiper = new Swiper(".mySwiper", { loop: true, // 无限循环 spaceBetween: 40, // 在slide之间设置距离（单位px），默认是0 slidesPerView: 1, // 设置slider容器能够同时显示的slides数量,默认是1。 navigation: { nextEl: ".swiper-but...
2022-02-25 14:36:21
333
原创 vue+elementUI 上传图片时压缩图片
/* 图片压缩方法-canvas压缩 */ compressUpload(image, file) { const that = this // 默认按比例压缩 let w = that.width let h = that.height const scale = w / h w = image.width || w h = image.height || (w / scale) // 生成...
2022-02-14 17:11:30
707
原创 高度塌陷及解决方法
原因：在文档流中，父元素的高度默认是由子元素撑起来的，也就是子元素多高，父元素就多高，如果给子元素设置浮动，子元素会脱离文档流，此时会导致子元素无法撑起父元素，也就是导致父元素高度塌陷，如果父元素高度塌陷了，父元素下所有的子元素都会向上移动，这样会导致页面布局混乱解决方法给父元素固定高度，需要根据自己页面情况看是否可以给固定高度，因为一旦给固定高度，父元素就不会根据子元素自动撑高了 添加空白div：（同时给标签清除浮动clear:both）不推荐，因为此方法会额外增加无意义的标签 父元素over
2022-01-24 15:32:30
440
原创 兼容问题小结
1、不同浏览器的标签的内布丁和外布丁不同解决方法： *{margin: 0; padding: 0}2、横向双倍marginIE6中设置元素浮动后，会出现横向双倍margin值。解决方法：将元素转变为行内元素 display: inline;3、3px bug浮动块元素处于同一行时，有默认的3px间距。解决方法：设置非浮动元素浮动。4、透明度Firefox opacity: 0.6; 解决方法：IE使用：filter: alpha(opacity ...
2022-01-06 18:26:48
458
原创 vue小总结
v-bind:title=" " 绑定属性，可以直接用:title=””代替v-on:click=" " 绑定事件，可以用@click=””代替v-if=" " 条件渲染v-for="(item, index) in todos" 列表渲染v-model=" " 双向绑定v-once 只执行一次v-html 双大括号会将数据解释为普通文本， 而非HTML代码， 为了输出...
2021-12-31 18:01:00
358
原创 echarts 北京热力图以及自定义图标
<div class="hot-map" ref="map"></div>import '@/beijing.js'import * as echarts from 'echarts'各地区js文件js · master · mirrors / fuhang-lm / echarts · GIT CODEjs文件 ???? Github 镜像仓库 ???? 源项目地址 ⬇ ⬇...https://gitcode.net/mirrors/fuhang-lm/echart
2021-12-27 11:25:07
1827
原创 calc计算
当我们遇到一侧宽度值固定，一侧宽度值不定的时候，使用 calc 去设置元素的宽度是最好的解决方法。在IE9+、FireFox4.0+、Chrome19+、Safari6+都有较好的支持支持 " + " 、" - " 、 " * " 、" / " （运算符前后要加空格）支持 " px " 、 " % " 、 " em " 、 " rem " 等单位 （可混合使用）.left{width: 100px; //左侧宽度固定}.right{ // 右侧根据浏览器计算即可...
2021-12-21 12:30:00
316
原创 css小技巧
1.强制换行word-break: break-all;2.强制不换行white-space: nowrap;3.鼠标划过显示小手cursor: pointer;4.文本溢出显示省略号（一行）text-overflow: ellipsis;overflow: hidden;white-space: nowrap;5.文字溢出显示省略号（多行）overflow: hidden;text-overflow: ellipsis;display: -webkit.
2021-12-20 19:45:00
189
原创 使用node.js搭建本地服务的2种方式
前后端不分离时，前端页面需要在浏览器上运行，本地打开的话一般是file协议，如果代码中存在http或https链接，页面就无法正常打开，这时候就需要在本地开启一个服务使用node.js搭建本地服务的2种方式http-server全局安装命令：npm install http-server -g进入项目文件夹执行： http-server (禁用缓存可以用：http-server -c-1)anywhere全局安装命令：npm install anywhere -g进入项目文件夹执行：
2021-12-15 12:15:00
396
原创 时间字符串和时间戳的转换
时间字符串转换为时间戳方法1.new Date().getTime()new Date('2021-12-1410:10:00').getTime()// 16394478000002.Date.parse()Date.parse('2021-12-1410:10:00')// 1639447800000封装方法conversionTime(date) {let t = ''if (date === '') {return ''...
2021-12-14 10:41:05
11104
原创 获取数组中的某个元素位置并删除
获取数组中某个元素的位置 indexOfthis.regionName.indexOf(item.name)删除数组中某一项 splice(起始位置，元素个数)this.regionName.splice(this.regionName.indexOf(item.name), 1)
2021-12-13 16:53:37
550
原创 Vue watch与computed区别及使用场景
区别：Watch是监听属性的变化 其中的函数是不需要调用的 不支持缓存，只要数据变化就会出发相应的操作 需要在数据变化时执行异步操作或者开销较大的操作时使用 监听数据必须是data中声明过或者父组件传递过来的props中的数据，当数据变化时，触发其他操作，函数有两个参数，① immediate：组件加载立即触发回调函数执行，② deep: 深度监听，为了发现对象内部值的变化，复杂类型的数据时使用，例如数组中的对象内容的改变Computed通过属性...
2021-12-03 21:45:00
369
原创 小程序webview嵌套h5后如何打开控制台
小程序weview嵌套h5后，可直接在开发工具打开h5的控制台，如下图，开发工具会识别，如果是h5页面，在页面的右下角会有一个类似爬虫的标识，点击即可打开h5的控制台，而原生页面是没有的 图1：h5页面的开发工具图2: 原生页面的开发工具...
2021-12-02 16:53:50
10510
1
原创 小程序全部嵌套h5页面后没有返回按钮
小程序全部嵌套h5页面后，发现左上角居然没有返回按钮了，有的页面滑动手机可以返回上一页，但是有的页面比如地图，完全返回不了上一页，只能关闭小程序再打开，这体验也太不友好了，归根究底，原因就是我们的首页就是webview嵌套，和产品沟通下，可以加一个原生的落地页，然后通过这个落地页跳转到我们的首页，这个时候不管进入哪个页面，就都有返回按钮了注意：1.不能使用switchTab跳转，因为它会关闭所有非tabBar页面，跳转到tabBar页面，这样还是不会有返回按钮2.要使用navigateTo跳..
2021-12-01 15:28:46
2601
原创 CSS水平垂直居中方法
一、flex布局1、.box { display: flex; justify-content: center; align-items: center;}2、.box { /* 父元素 */ display: flex; /* 或者inline-flex */ justify-content: center;}.item { /* 子元素 */ align-self:center;}3、.box { display: flex; ...
2021-11-29 17:15:00
270
原创 单页面应用的优缺点
单页面（SPA）：就是只有一个主页面，所有的内容都包含在这个主页面中，初始化时要加载所有必须的html, js, css文件，加载完成后，页面的交互是由路由程序动态载入，也就是不会因为用户的操作而进行页面的重新加载，而是仅刷新局部资源优点：良好的用户体验 良好的前后端工作分离模式 减轻服务器压力（内容改变不需要重新加载整个页面） 页面效果会比较炫酷（专场动画）缺点：不利于SEOSEO是一个服务器向另一个服务器发起请求饼解析请求内容，一般来说搜索引擎不会去执行请求到的js，搜..
2021-11-29 14:47:43
690
原创 时间选择器限制只能选择30天 并且明天以后不可选
pickerOptions: {onPick: ({ maxDate, minDate}) => {this.minDate = minDate},disabledDate:(time) => {if (this.minDate) {return time > new Date(this.minDate).getTime() + ...
2021-11-28 09:00:00
293
原创 js深拷贝一个包含多个对象的数组方法
let latelyDays= [{a:1,b:1}, {a:2,b:2}]let latelyDays1= JSON.parse(JSON.stringify(latelyDays))判断一个对象是否为空的方法let object = {}JSON.parse(object) === {}
2021-11-27 09:00:00
150
原创 vue首屏优化方案
① 性能测试工具： Pingdom Website Speed Test | Pingdom Tools②安装webpack-bundle-analyzer安装命令npm i webpack-bundle-analyzer -D然后在webpack的dev开发模式配置中，引入插件，代码如下：const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')plugins: [new BundleAnalyzer...
2021-11-26 19:15:00
1534
原创 当天、最近7天/15天/30天/60天的开始结束时间戳
/*** 当天0点0分0秒的时间戳 获取方法*/ new Date(new Date().toLocaleDateString()).getTime()/*** 当天23点59分59秒 时间戳 获取方法*/new Date(n...
2021-11-25 16:41:26
2852
原创 echarts折线图和柱状图细节
折线图问题总结stack: 'total'total代表折线图堆叠（第二条线的数值=本身的数值+第一条线的数值，第三条的数值=第二条线图上的数值+本身的数值，以此类推......）显示修改值或者直接删除这个属性 即可使折线相同值重合 如下图2. 折线图提示框自定义tooltip: {trigger: 'axis', // 图形属于哪一类，比如折线图的标识是 'axis'，饼状图是barformatter: f...
2021-11-24 11:58:01
1505
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人