- 博客(64)
- 收藏
- 关注
RSS订阅原创 uniapp使用地图开发app, renderjs使用方法及注意事项
这是一个app中使用地图得makers，点击单个makers会显示对应得图片在上面，并且点击得maker会被放大，这个功能使用uniapp得map组件时是会有很大得问题得，再次就不再赘述。:change:prop="mapModule.update" 含义，当script里面得mapModel数据发生变化时，会通过该处触发renderjs里面得update方法。从上面可以看到script标签有两个，一个是普通得script标签，另一个是lang="renderjs"得标签。
2024-05-15 15:11:50
1112
原创 vue3使用tsx/jsx时报错：JSX 元素隐式具有类型 “any“，因为不存在接口 “JSX.IntrinsicElements“。
在项目中安装：npm install @types/react。
2024-05-06 10:26:15
776
原创 vue2迁移到vue3，v-model的调整
BREAKING：v-bind的.sync修饰符和组件模型选项被删除，并替换为v-model上的一个参数；vue2迁移到vue3，往往不想去调整之前的代码，以下就使用改动较小的方案进行调整。项目从vue2迁移到vue3，v-model不能再使用了，需要如何调整？下面只提示变化最小的迁移，不赘述vue2和vue3中的常规写法。新功能：现在可以在同一组件上进行多个v模型绑定；新增：增加了创建自定义v型模型修改器的功能。有关更多信息，请继续阅读！上面改成(vue3)
2024-04-30 15:24:33
1085
原创 uniapp使用地图开发app
3:、第三种情况就是app中有地图，且有其他交互效果，动画效果等，最好的方式是使用H5实现地图，这样就不会被地图层级压住，web端能实现的动画效果、渐变均可以比较容易实现。（不受限于高德地图，其他地图也是可以使用的）方法一：新项目的话可以考虑使用webpack或者vue-cli，vue版本无所谓（打包工具不能是vite），直接写H5，打包好的dist文件夹然后再放到hbuider新建的项目中打包成app。方法二： 现有老项目是uni的，已经无法调整，可以考虑使用web-view和renderjs的方式。
2024-04-26 18:01:55
448
原创 uview中 u-album相册显示样式支持自定义
有特殊的显示要求的时候，使用插槽进行显示，position值改为‘absolute’即可在页面上显示ui需要的样式，从而实现预览功能。缺点：u-album相册的展示效果却有点蠢，很难构建自己需要的样式，比如：头像使用、产品详情图片等。position(非比传): 定位值有‘absolute’、‘relative’urls（比传）: 图片的链接，可以是 数组，也可以是以“，”隔开的字符串；优点：uview中u-album相册的预览功能还是可以的。
2024-04-15 14:37:14
383
原创 Warning: Don’t paste code into the DevTools Console that you don’t understand or haven’t reviewed yo
Warning: Don’t paste code into the DevTools Console that you don’t understand or haven’t reviewed yourself. This could allow attackers to steal 警告：请勿将不理解或未自行查看的代码粘贴到 DevTools 控制台中。这可能允许攻击者窃取您的身份或控制您的计算机。请在下面输入“允许粘贴”以允许粘贴。我们拷贝的数据，放入谷歌浏览器控制台的时候报警告，且数据等不能使用。
2024-04-11 15:55:10
7319
原创 踩坑uniapp中打包Andiord app，在真机调试时地图以及定位功能可以正常使用，打包成app后失效的问题
首先看到这是uni官网提出的，app上建议使用高德地图。下面就用高德地图进行配置。等待创建证书完成，时间会有点长。创建成功后，先下载证书备用。打包，等待完成吧（注意：限制每天打包是有次数限制的）步骤四：在高德地图控制台，添加相应的key。名称和类型根据自己情况填写选择即可。步骤一：登陆高德地图控制台。进入uniapp开发官网。步骤三：取到SHA1。步骤二： 添加key。
2024-03-28 10:41:58
625
原创 uniapp、vue2.6、H5，利用腾讯TRTC，快速跑通1v1视频功能
腾讯云为数百万的企业和开发者提供安全、稳定的云服务器、云主机、CDN、对象存储、域名注册、云存储、云数据库等云服务，帮助用户解决游戏、视频、移动、微信、互联网+等行业的架构难题，是全球领先的云计算服务商。最后打包上测试服测试（注意：测试只能在测试服测试，本地无法测试，注意用户1点击用户1按钮，用户2点击用户2按钮，最后就是用户1对用户2发起视频，测试就通了）步骤八：创建index.vue页面，页面名字自行定义。步骤六：创建虚拟UserSig（用户签名，上线后由后端提供）步骤二：单击刚刚创建的应用，进入。
2024-03-20 17:01:37
1171
原创 uni.getlocation h5获取定位失败后，阻塞问题
uni.getlocation h5获取定位失败后，阻塞问题。因为未开定位时uni.getlocation根本不执行，所以在uni.getlocation中不管是success、fail、compelet都不会执行，这个时候我们可以添加一个宏任务。如果uni.getlocation未执行就可以通过setTimeout的执行进行返回，如果uni.getLocation执行了，就直接通过uni.getlocation进行返回。
2024-03-18 10:09:55
2007
1
原创 vue3中ref相关知识总结，ref调试技巧
1、ref：接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个。4、triggerRef ：强制更新页面DOM；变化的 ref，但不会使其值也变成响应式的；正常情况ref打印结果如下，调试时很是不方便；5、customRef： 自定义ref。property，指向该内部值。判断是不是一个ref对象。
2022-11-29 16:30:17
1105
1
原创 echart x轴自定义间距
项目中x轴内容较多时，echart会自动掩藏一些，如果需要自定义x轴的显示间距需要在xAxis中加入axisLabel的间距控制
2022-09-15 11:18:53
4696
原创 vue-cli3打包文件增加hash值
filenameHashing用来配置打包生成的文件是否带hash值后缀，该值默认为true，在模式为production的时候，打包出的js和css文件会自动添加hash值后缀。但是在当前模式为development的时候，就算该值为true，打包出的js文件不带hash值(css文件仍然受该值控制)。...
2022-08-02 15:11:45
2035
原创 uni-app 使用uview
uni-app 使用uview : 使用hubilderX新建uni-app,并搭载uview-ui，进行项目开发；方便初学者搭建项目。
2022-07-23 20:29:14
1589
原创 vue3 + vite 项目中使用windicss
vue3 + vite 项目中使用windcss，vue3、vite、windcss、windicss整合；
2022-07-20 11:04:31
1682
原创 three.js 纹理贴图时图片加载失败
原因：出现这个错误是因为不能直接用浏览器打开，需要放在服务器或本地服务器上面。解决方案：前端起本地服务即可；步骤一：安装http-serverr;npm install http-server -g步骤二：进入文件目录，然后输入http-server -p 8080,启动服务；http-server -p 8080步骤三：浏览器中访问localhost:8080步骤四：选择需要打开的文件即可；效果如下：总结：只要将其放在服务器下运行即可实现，可以直接使用w...
2022-04-12 15:01:32
2131
原创 vue 中使用viewport百分比布局 简洁版
第一步、安装postcss-px-to-viewport插件npm i postcss-px-to-viewport -S或yarn add postcss-px-to-viewport -S第二步、在.postcssrc.js中plugins对象下面，配置以下代码："postcss-px-to-viewport": { viewportWidth: 750, // 视窗的宽度，对应的是我们设计稿的宽度，一般是750 viewportHeight: 133
2022-03-18 17:25:10
976
原创 vue中如何配置使用rem布局
第一步、首先安装amfe-flexible插件npm i amfe-flexible -S2、import 'amfe-flexible'或yarn add amfe-flexible -S第二步、安装postcss-px2rem插件npm i postcss-px2rem -S或yarn add postcss-px2rem -S第三步：在main.js里引入postcss-px2remimport 'amfe-flexible'第四步：在pac
2022-03-18 14:54:44
1408
原创 vue-cli2.9.6 中如何使用less
第一步：检查vue-cli的版本号：vue -V或vue --version如下图：第二步：下载style-resources-loadernpm i style-resources-loader -D或yarn add style-resources-loader -D第三步：下载less 和 less-loader(less使用3.9.0版本， less-loader使用5.0.0版本)npm install less less-loader --save-
2022-03-17 14:15:14
926
原创 js typeof 返回类型
typeof的返回值共有七种：number, boolean, string, undefined, object, function,symbol(ES6以上版本才有)；1、numbertypeof(10);typeof(NaN);//NaN在JavaScript中代表的是特殊非数字值,它本身是一个数字类型。typeof(Infinity);2、booleantypeof(true);typeof(false);3、stringtypeof("abc");4、
2022-02-16 14:24:41
2766
原创 git 如何切换远程源
第一步：git remote rm origin第二步：git remote add origin (仓库地址)第三步：git push -u origin （对应分支）// 例：git push -u origin "master"
2022-02-10 09:29:19
1990
原创 koa2 使用脚手架工具快速搭建koa2项目
1、全局安装 koa-generatornpm install koa-generator -g2、使用命令行创建koa2项目koa2 project // project是项目名称3、进入project并安装依赖cd projectnpm i
2022-01-19 14:37:02
987
原创 JavaScript 立即执行函数
立即执行函数定义：此类函数没有声明，在一次执行过后即释放（被销毁）。适合做初始化工作。 针对初始化功能的函数：只想让它执行一次的函数 立即执行的函数也有参数，也有返回值，有预编译 (function () { var a = 123; console.log(a);}) // 立即执行函数的形参和实参；(function (a, b, c) { console.log(a + b + c)}(1, 2, 3))// 立即执行函数...
2022-01-10 14:51:26
492
原创 JavaScript 闭包的作用及用途
JavaScript 闭包的作用及用途：1、一、实现公有变量2、可以做缓存（存储结构）3、可以实现封装，属性私有化。4、模块化开发，防止污染全局变量
2022-01-06 14:49:26
444
原创 JavaScript 闭包原理之作用域和作用域链
[[scope]]:每个 javascript 函数都是一个对象，对象中有些属性我们可以访问，但有些 不可以，这些属性仅供 javascript 引擎存取，[[scope]]就是其中一个。[[scope]]指的就 是我们所说的作用域,其中存储了运行期上下文的集合。 作用域链：[[scope]]中所存储的执行期上下文对象的集合，这个集合呈链式链接，我 们把这种链式链接叫做作用域链。 运行期上下文:当函数在执行的前一刻，会创建一个称为执行期上下文的内部对象。 一个执行期上下文定义
2022-01-04 12:13:35
119
原创 javascript 函数运行过程
1 语法分析 → 2 预编译 → 3 解释执行 第一步、初步扫描，查看简单的语法错误；第二步、预编译js代码：
2022-01-04 11:20:42
721
原创 elementUI select option自定义样式
elementUI 中el-select option支持自定义样式，只需在el-option标签中写需要的样式就行了
2021-12-29 10:24:28
4679
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人