是谁？-CSDN博客

原创【小程序中image自适应以及默认高度问题】

由于本人的需求是靠右上展示图片，所以我的mode值设置的widthFix,并且设置了image宽为100%，如上上图，其中height是widthFix添加的，其实image的mode模式允许我们对图片进行裁剪等操作，关于mode值如下。这里不生效原因是我设置的mode，否则一直使用这个默认的宽高，

2023-05-10 10:17:11 547

检查父级是否使用了 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

my bolg