- 博客(22)
- 收藏
- 关注
原创 【小程序中image自适应以及默认高度问题】
由于本人的需求是靠右上展示图片,所以我的mode值设置的widthFix,并且设置了image宽为100%,如上上图,其中height是widthFix添加的,其实image的mode模式允许我们对图片进行裁剪等操作,关于mode值如下。这里不生效原因是我设置的mode,否则一直使用这个默认的宽高,
2023-05-10 10:17:11
547
原创 uchart图表不展示无法展示
检查父级是否使用了 v-show 来控制显示,如果页面初始化时组件处于隐藏状态,组件则无法正确获取宽高尺寸,此时需要组件内绑定reshow属性(逻辑应与父级的v-show的逻辑相同),强制重新渲染图表,例如 :reshow=“父级v-show绑定的事件”请检查控制台是否有报错或提示信息,如果没有报错,也没有提示信息,并且检查父元素的 css 样式的宽高是否为0,uchart的宽高是根据父元素计算得来。,否则会导致 dom 没有准备好就进行了渲染,从而导致报错。
2023-05-10 10:13:42
1423
原创 【ucharts提示窗位置不准确问题】
我是因为用了van-tabs,由于vant weapp的这个组件里面有position: relative;导致了我提示窗问题混乱,设置成position: inherit,然后在自己调整样式就解决了。
2023-05-10 10:12:59
407
原创 uniapp使用ucharts 自定义提示窗
第一:更改源码,当然要增加变量隔离,否则作用全局会影响项目中其他的图表第二:官方提供了,tooltipCustom,可以自定义提示窗第三:可以自己写一个html提示框,根据ucharts提供的api,获取用户点击的位置,展示在用户点击的位置。
2023-05-10 10:04:59
1652
4
原创 小程序原生组件(canvas)层级问题
这里是官方文档:https://uniapp.dcloud.net.cn/component/cover-view.html#cover-view。
2023-05-10 10:02:15
236
原创 uniapp 穿透滚动问题
uni-ui官方说明:https://uniapp.dcloud.net.cn/component/uniui/uni-popup.html#%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F-app。uni-ui和vant weapp都可以用同样的方法###本人开发小程序用的内置的uni-ui,同时也用过vant为小程序提供的vant weapp的UI库,但是他们两个在用popup会出现同样的问题,就是穿透滚动问题,这个时候就需要官方提供的page-meta标签,
2023-05-10 09:59:16
524
原创 【uniapp前端实现图形验证码】
代码地址:https://github.com/W-xiaowei/uniapp/blob/main/%E5%85%B3%E4%BA%8Euniapp%E4%B8%AD%E7%9A%84canvas%E4%BB%A5%E5%8F%8A%E5%89%8D%E7%AB%AF%E5%AE%9E%E7%8E%B0%E9%AA%8C%E8%AF%81%E7%A0%81/verify-code.vue。
2023-05-10 09:56:44
330
原创 【小程序获取地理位置】
代码地址:https://github.com/W-xiaowei/uniapp/blob/main/%E5%85%B3%E4%BA%8E%E8%8E%B7%E5%8F%96%E5%9C%B0%E7%90%86%E4%BD%8D%E7%BD%AE/location.vue。所以我用了上面的import,巨恶心🤢🤢,其实SDK就是一个构造函数,我们实例化然后调用实例上面的方法就行了,首先要获取高德地图SDK的key,(https://lbs.amap.com/api/wx/summary)
2023-05-10 09:52:23
147
原创 uniapp中使用ucharts是否展示问题
画布的宽高,虽然他的基本配置里面给我们提供了width、height的设置,但是如果你不是构造函数的方法构建画布而是属性的方法传入的话,设置width和height是不起作用的,此时我们要控制他的宽高就要给他外层加一个盒子(view)标签,设置这个盒子(view)标签的width/height,这个画布会自动获取外层盒子的宽高并充满, 官方文档:https://www.ucharts.cn/v2/#/document/index。图表是用canvas画的,那么我们首先要注意的是原生组件的层级问题,
2023-05-10 09:41:22
336
原创 vsc默认代码配置
1.安装vscode官网地址:https://code.visualstudio.com/2.安装一个插件,识别vue文件插件库中搜索Vetur,下图中的第一个,点击安装,安装完成之后点击重新加载3.新建代码片段文件-->首选项-->用户代码片段-->点击新建代码片段--取名vue.json 确定4.删除不要的代码5.粘入自己写的代码...
2019-12-04 18:50:10
624
转载 canvas画圆角矩形 填充与不填充
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>canvas制作圆角矩形(包括填充矩形的功能)</title></head> <body> <canvas id="myCanvas" sty...
2018-12-07 11:35:17
1514
原创 js时间戳与日期格式的相互转换
1. 将时间戳转换成日期格式:function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 ...
2018-11-13 11:49:55
122
原创 Vue虚拟Dom,对象开发等!!
数据双向绑定的原理:vue实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。虚拟Dom:简单来说,虚拟DOM是用Object来代表一颗节点,这个Object叫做VNode,然后使用两个VNode进行对比,根据对比后的结果修改真实DOM。为什么是两个VNode?因为每次渲染...
2018-11-12 19:35:12
333
原创 数组的操作方法
两个方法都是用来重排数组的,reverse()倒序排列数组这个就不用多说了,但是因为其用法比较单一,所以有了sort()方法,sort()原理:sort()方法会调用数组中每个项,然后用toString()方法转型,比较得到的字符串,来确定如何排序,但是真是因为其原理是字符串比较所以就会出现问题,如下:var arr = [0,1,5,10,15];arr,sort();consol...
2018-11-06 11:24:33
104
原创 es6中的map
含义:Map的提出为了解决js中object(对象=>{key:value})中键(key)只能是字符串的限制,Map的键(key)可以是各种类型的值(包括对象)都可以当作键(key),包括es6提出的Set和Map都可以用来生成新的 Map。const m = new Map();(1)如果对同一个键多次赋值,后面的值将覆盖前面的值。(2)如果读取一个未知的键,则返...
2018-10-29 19:39:15
1558
原创 原来这是VUEX
状态管理模式、集中式存储管理vuex 就是把需要共享的变量全部存储在一个对象里面,然后将这个对象放在顶层组件中供其他组件使用。这么说吧,将vue想作是一个js文件、组件是函数,那么vuex就是一个全局变量,只是这个“全局变量”包含了一些特定的规则而已。const store = new Vuex.Store({ state: { name: 'weish', ...
2018-10-26 19:32:20
335
原创 好久没碰了啊,跨域!!!!
什么是跨域:解决跨域之一 jsonp:他是一种前后端结合的跨域方式,原理就是通过script标签的src属性来进行数据请求,因为其不受通源策略的影响,故而能请求到数据,需要注意的是,数据处理需要通过回调函数来进行,而本质上,我们把回调函数的名字告诉后端,后端将数据放入到回调函数里,所以说需要告知后端,回调函数是什么,这就是说为什么是前后端结合的方式了,注意:一个script只能...
2018-10-25 12:01:08
111
原创 es6中的Set
Set:他是一个它类似于数组的数据结构1.Set 结构不会添加重复的值。(可以解决数组去重,哈哈)const set = new Set([1, 2, 3, 4, 4]);[...set]// [1, 2, 3, 4] 注:(...属于解构赋值,复制一份后面所带的数组或者对象,复制一份新的连同地址)附上数组去重的方法:let arr = [1, 2, 2, 3]; ...
2018-10-24 20:55:47
448
原创 pomise整理,boom!boom!boom!
promise:设计目的,为了解决异步操作。promise两个特点 一,只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态 ( promise三种状态:1.pending(进行中)、fulfilled(已成功)和rejected(已失败)) 二,一旦状态改变,就不会再变,任何时候都可以得到这...
2018-10-24 20:21:07
162
原创 ES6数组去重
Set方法去重 let arr = [1, 2, 2, 3]; let set = new Set(arr); //set是es6提出的类数组结构,不可添加重复元素let newArr = Array.from(set); // Array.from方法可以将 Set 结构转为数组。 console.log(newArr); // [1, 2, 3] fliter方法去重...
2018-10-24 16:42:20
1164
转载 对比canvas和svg
讨论关于canvas和svg的区别。首先canvas是html5提供的新元素<canvas>,而svg存在的历史要比canvas久远,已经有十几年了。svg并不是html5专有的标签,最初svg是用xml技术(超文本扩展语言,可以自定义标签或属性)描述二维图形的语言。在H5中看似canvas与svg很像,但是,他们有巨大的差别。 首先,从它们的功能上来讲,canvas可以看做...
2018-10-12 18:41:48
123
转载 canvas和svg区别
1.canvas是html5提供的新元素<canvas> svg并不是html5专有的标签,最初svg是用xml技术(超文本扩展语言,可以自定义标签或属性)描述二维图形的语言。2.canvas可以看做是一个画布,其绘制出来的图形为标量图 svg所绘制的图形为矢量图,(百度地图就是用svg技术做出来的)3.从技术发面来讲canvas里面绘制的图形不能被引擎抓取,...
2018-10-12 18:40:05
972
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人