- 博客(263)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 quickapp_快应用_快应用与h5交互
总结： 有的机型在点击手动打开时就可跳转到快应用，而有的手机型号点击时无反应，若是在手机自带浏览器会弹出下面打开快应用中心提示，若是其他浏览器则会中断流程…在进行快应用开发时我最先使用的是“h5点击组件跳转”，然后发现参数都接收不到，因此我就尝试了“deeplink”方式进行跳转，万幸～这次可以成功拿到参数。但是此时出现了一个新的问题：有的手机点点击跳转中间页的“手动打开”不起作用，如下。让我不禁怀疑是不是h5里面的跳转写的有问题，经过一番测试发现是浏览器的问题，但是同样的跳转地址我在。
2023-12-05 10:37:42
2378
2
原创 quickapp_快应用_DOM节点
获取指定 id 的组件 dom 对象，如果没有指定 id，则返回根组件 dom 对象用法。$element是通用方法(提供给所有组件调用的方法)
2023-12-05 10:35:35
610
原创 quickapp_快应用_titleBar
由于之前在manifest中配置了titleBar设置了颜色，statusBar颜色默认与titleBar相同，所以看起来没有割裂的感觉。因此状态栏不可以设置为渐变色，若是想看起来不那么割裂，可以设置状态栏背景色为与titleBar背景渐变色初识颜色相近的颜色。可以通过titleBar: false关闭配置项的titleBar，在页面上添加一个titleBar的组件！现在使用自定义titleBar并且给titleBar背景设置了渐变色，此时这两部分就会有被割裂的感觉，如下。那如果想做渐变色应该如何设置呢？
2023-12-05 10:27:59
474
原创 quickapp_快应用_父子组件传值
在components中定义的组件被称为自定义组件。自定义组件(等同于Vue的子组件)，将使用比较多的部分进行封装，可以多次使用。举例说明。
2023-12-04 12:15:54
1259
原创 quickapp_快应用_生命周期
在浏览器页签打开某个页面1(页面1初始化、渲染…)，在当前页签打开页面B(页面1销毁，页面2初始化、渲染…web页面开发：在浏览器页签中每次只能有一个页面，当前页签打开另一个页面，上个页面就销毁了；: launchMode 为 singleTask 时，重新打开页面时携带的参数。页面栈中就是存储当前存在的页面，在进行路由跳转时如何从页面栈中获取页面是由。此处先熟悉manifest.json配置项中的display配置项配置。此时点击右上角不会拉起分享弹窗并提示111111。属性没有设置为true！
2023-12-04 11:17:33
1026
原创 quickapp_快应用_路由
(路由)，用于定义页面的实际地址、跳转地址。[6]PageA:PageA的启动模式为singleTask，找到页面栈中PageA，销毁PageA前面的页面即PageB与PageC。[5]PageC:PageC的启动模式为singleTask，找到页面栈中PageC，销毁PageC前面的页面即PageB。[4] PageB: PageB的启动模式为standard(每次打开新的页面)， 创建B页面并打开。[2]PageB: PageB的启动模式为standard(每次打开新的页面)， 创建B页面并打开。
2023-12-04 10:56:33
356
原创 quick_快应用_广告接入
信息流广告相较banner广告的优势是 => 广告使用组件的方式进行展示，开发者可以自定义广告内容的排版与样式。，若希望即时显示广告，可以使用广告预加载接口(文档后面有相关描述)，提前请求广告素材。(我是在1070版本上进行测试的)在信息流加载(adLoad方法中)时返回的adData对象中的数据格式如下，模拟器不支持广告，在模拟器中是看不到真实广告返回值以及数据渲染的。需使用oppo引擎进行调试，使用联盟预览版是无法调试oppo广告的。由于各厂商的尺寸不同，开发的时候需要进行区分，所以先获取厂商。
2023-12-01 16:14:32
300
原创 quickapp_快应用_某些css样式不兼容问题
样式虽然使用的是css，但是组件支持的css属性有所不同，比如没有任何一个快应用组件支持overflow这个css属性。在web页面的css中，定位的层级是通过z-index来控制的，z-index属性的属性值数值越大，则层级越高。上述代码不能正常显示图片，个人猜测是因为识别不出变量imgurl，若是想样式中的数据动态切换，可以采用。在很多情况下，我们需要通过动态切换类型来改变元素的的样式，在快应用中注意，切换类名时，类名必须在。在快应用的css中，定位的层级是根据组件在template中的顺序决定的，
2023-11-24 17:24:37
1148
原创 quickapp_快应用_全局数据
将大部分页面都需要使用的数据存储在app.ux中,比如存储数据dataCache。使用app.ux中声明方法去获取、修改、删除。在app.ux中声明的方法默认会被添加在。有时在接口请求的某个数据需要在。使用，此时有2个方法。
2023-11-24 15:38:09
1057
1
原创 quickapp_快应用_DOM是否显示只能通过if指令！
react中之所以可以通过 && 来判断DOM元素是否展示是因为 react没有提供if指令，因此在内部做了处理可以通过&&控制。而在vue和快应用中分别提供了 v-if与if指令用于控制是否增加或者删除组件。
2023-11-24 15:12:03
133
原创 quickapp_快应用_快应用组件
因此若是URL永远不变，则可以省略，若是路径携带参数或url不是固定值，则必须添加trustedurl！注意： 该方法只有在快应用嵌套的web页面中可以使用，否则这两个方法将不存在(在web页面做好兼容)！我想在页面渲染完成之后发送信息给web页面，因此我选择在快应用的onReady生命周期发送数据。作用：用于显示在线的 html 页面(可以嵌入三方页面或者某些不太重要的页面)web页面可以与快应用通信的前提是：只有在互相信任的页面路径才会允许通信。快应用是允许快应用页面与web页面通信的。
2023-11-16 18:15:09
589
原创 quickapp_概论
从上述可以看出 快应用的覆盖面比较窄，仅支持10种手机型号，像iPhone、三星等都是不支持快应用的～。但是快应用的优势还是比较明确的无需安装、即点即用，用完即走，简单来说就是比较方便，可以提升用户体验度。用户可以在 URL 链接、全局搜索、应用商店、浏览器、负一屏、系统桌面、PUSH、语音助手、安全中心、垃圾清理、信息助手、天气、短信模板、日历、个性主题、文件管理等等任何地方作为入口打开快应用…[1] 文本必须包裹在span/a/text组件中，否则不显示。
2023-11-09 17:35:21
747
原创 逻辑(css3)_强制不换行
此时四个文本均左对齐， 垂直排列样式也比较好看，但是出现一个缺点： 某些手机屏幕上会。如上图做一个跑马灯数据，时间、地点、姓名、提示文本字数都不是固定的。个人想法是给四个文本均设置宽度，不然会出现。
2023-10-31 18:41:43
910
原创 h5插件_h5页面嵌入客户端调试
当h5页面嵌入客户端之后，若是遇到问题无法调试，比如点击按钮无反应 —> 但是开发却看不到控制台、看不到接口返回值…此时可以使用调试工具来查看…
2023-10-23 11:25:14
278
原创 Vue笔记_插件组件_lucky-canvas抽奖转盘
中使用，在此以vue2.x作为示例进行说明。两种抽奖界面，UI 精美，功能强大且专业可靠，只需要通过简单配置即可实现自由定制，快速完成产品需求。在进行渲染时，为了使页面能够等比放大/缩小，会进行配置将所有单位为px的值转换为rem单位。因此 若是想要转盘随着页面等比缩放 => 在给配置项设置数据时单位需要设置为。此时点击 “点击领取” 按钮转盘无任何反应，因为我们还没有设置事件进行抽奖。height: ‘300px’ // 默认300px。width: ‘300px’ // 默认300px。
2023-10-18 19:16:30
4819
1
原创 Vue思考题_01v-for与v-if的优先级谁更高
2’ 此时还没有执行v-for指令，item相当于为undefiend，通过点语法访问undefined的属性值自然就会报错啦。官方文档上说不推荐将v-for与v-if在同一个标签上使用，因为两者优先级并不明显。，当v-for与v-if在同一个标签上时，会先循环然后再进行if判断造成性能浪费。，v-if 的条件将无法访问到 v-for 作用域内定义的变量别名。在vue2与vue3中答案是。eslint会提示不建议将两个指令放在同一个标签上。在vue2中将2个指令放在同一个标签上。
2023-10-10 16:13:36
287
原创 typeScript
但是此时存在一个问题，比如此时恰好存在一个unknown类型的变量，此时赋值的值为stirng类型，但是此时改值也不能复制给string类型的变量，如下。outFile:默认情况下每个ts文件在编译之后都会生成一个同名的js文件，若是配置outFile配置项则所有全局作用域中的代码都会合并到同一个文件中。在默认情况下，编译生成的js文件会被放在ts文件同级目录下，若是想js文件统一在某个目录下，可以使用outDir配置项进行配置。隐式将变量声明为any类型，此后该变量可以赋值为任意类型。
2023-09-19 18:43:33
723
原创 逻辑_gif图片在每次页面打开时恢复到第一帧播放
--------------------------渲染页面-------------------------在页面嵌入一个gif动画，每次进入页面时先展示gif动画(UI可以控制GIF图片为单次不循环播放)。发现页面第一次打开(或刷新页面)时能正常展示，当打开其他页面再返回该页面时。
2023-08-28 17:01:12
329
原创 error_Network Error
客户端配置的页面域名： https://x-test.ulang.net.cn(能请求到当前页面也是挺奇怪的，貌似是因为前端配置加了白名单两个域名都能访问到当前页面)测试环境中页面域名https://x-test.ulang.net.cn与接口域名https://xxx-test.ulang.net.cn不一致导致跨域了！此后我将代码发布在测试环境，在app中打开页面，是一个空页面，通过打开发现接口报如上错误(其他web嵌入页面也有同样问题)。此页面为订单列表，是混合开发(页面嵌入在客户端中)
2023-08-14 16:27:01
1179
原创 踩坑_vertical-align
原价为19.9”文本的基线小于默认基线("x色块"的基线)，因此父元素的基线为“x”色块的基线；”文本的基线大于默认基线("x色块"的基线),因此父元素的基线为“我是啦啦啦…父元素内默认的透明色块就如上图的“x色块”，默认为字体和行高为16px\1-1.2，父元素的基线就是“x色块”的基线。父元素(div)没有设置padding，那么子元素(del)上方的间距是哪里来的呢？基线位置偏移：当有元素的基线位置大于当前“x色块”的基线位置时，父元素的基线就以。以上是基于一行文本的顶线、中线、基线、底线。
2023-07-20 18:37:06
505
原创 echarts_雷达图
由于在radar配置项中的formatter只能获取到配置项的name值，获取不带其他值，因此我将占据百分比设置成一个数组。修改文本颜色：若是仅仅修改配置项文本颜色，可以通过indicator数组元素的color属性去修改。如上图，此处的formatter不能识别html标签，会将html标签识别为普通字符串。直角系坐标都是使用xAxis/yAxis配置项，但是雷达图使用的是。配置项的默认颜色和坐标轴颜色相同。如上图，先复制一个最简单的雷达图。如上图，可以设置三种不同的样式。如上图配置项，配置项默认值为。
2023-07-17 17:10:40
2422
原创 echarts_柱状图+漏斗图
若是想要图形一直是三角形，可以将value值做成递减，在data中添加另一个属性来表示真正的数值（注：若是后端的返回值不是按照顺序返回的，需要先排序！如上图，仅需要修改‘衬衫’的字体，那么data中第一个元素为Object类型，其余元素类型为String类型。属性控制的，若是每个数据的data.value属性的递减/递增不是成比例的就会出线漏斗图三角形变形的情况。在看案例时，发现图表是一个“三角形”的形状，但是在我们实际使用时会发现图表存在变形的情况。如上图，做一个横向柱状图，后端返回的数据是。
2023-07-14 16:25:56
1715
原创 逻辑(css)-背景网格制作(linear-gradient)
进行展示，本来是想用UI切的图片设置背景图，但是由于文字数量不固定，图片会有缩放情况造成渲染效果与预期不符，于是使用css的。如上图所示，希望文本能够。
2023-07-13 17:53:00
1163
原创 react笔记_05类组件
若是第一个参数为函数：当调用setState函数时，react会自动调用该函数，并将当前state与props传入，因此在该函数中是可以获取当前实例对象的state 与props的。这是因为setState更新数据是异步的，若是想要在通过setState修改数据后，立即拿到修改后的数据，可以使用setState的第二个参数。添加之后就会将该dom以键值队的形式添加到refs对象中。react的三大属性其实是实例化对象的三大属性，由于函数组件是没有实例化的，因此将这三大属性称为类组件的三大属性。
2023-07-05 15:59:20
998
原创 Vue笔记_方法_事件总线
上述案例中在callback 函数执行时，就会触发实例化对象vm的openBox方法，与此同时$on绑定的回调函数就会被执行，打印值为“开宝箱～，{name：‘超超’}”方法是Vue对象的一个实例方法，它主要用于在Vue实例中监听一个自定义事件，当一个自定义事件被触发时，可以执行一个回调函数来响应该事件。上面案例是监听实例化对象vm的openBox事件，并通过一个匿名函数作为回调函数，当test事件被触发时执行匿名函数(回调函数)。那么如何触发事件呢?
2023-06-16 16:53:32
234
原创 echarts_在项目中引入echarts
虽然此时显示的是横向柱状图，但是数据的排列顺序是从下往上排列，看起来与我们设置的数据顺序是相反的（因为设置爹第一个数据是衬衫，总觉得此时第一个应该是衬衫，但是实际衬衫在最下面）在柱状图中是分为x轴与y轴的，默认情况下x轴表示类目的y轴表示数量，但是若是我们需要 横向柱状图如下，那应该如何配置呢？全量引入指的是引入了echarts的核心模块、全部图表以及图表所能用到的组件。若想x轴与y轴对调，仅需将xAxis与yAxis的type属性值对调即可，如下。若是你的项目仅仅是使用1个或少数图表，建议使用按需引入。
2023-05-19 10:51:33
784
原创 h5逻辑_解决h5页面嵌入ios兼容性问题
iPhoneX对比起以前其他的手机，屏幕顶部变成了刘海屏，底部取消了物理按键改成了小黑条，这种改动导致了web开发产生了新的适配问题。此时，h5页面嵌入app之后，网页内容完全覆盖可视窗口(包含刘海儿+ 小黑条)。我们可以根据自己的需求来动态设置。tips: 一半这种固定定位 小黑条的颜色会和这块元素颜色一致，因此设置padding即可～因此在底部这块区域定位时，我们需要给这块底部元素添加padding，padding值为。如下图，这是一个弹框，我们希望弹框底部的按钮不要与小黑条重合，此时有两个解决方案。
2023-04-23 14:12:07
2444
原创 h5逻辑_H5+app 混合开发
return 'iOS' // 手机iOs } else if(navigator . userAgent . search(/ android / i) >= 0) {return 'Android' // 手机安卓 } else if(navigator . userAgent . search(/ windows phone / i) >= 0) {
2023-04-17 17:57:17
2367
原创 git忽略文件不生效的原因～
在.gitignore文件添加config.json， 希望config.json文件更改后不会被提交，但是发现没有起作用。如果第一次提交项目时添加了.gitignore文件， 后来再修改.gitignore文件，修改后的文件是不生效的。如果第一次提交项目时没有写.gitignore文件，后来再添加.gitignore文件是不生效的。.gitignore文件只会在。提交项目的时候写入缓存。
2023-04-17 13:39:11
434
原创 h5逻辑_判断当前浏览器所处环境
我们可以通过userAgent去判断浏览器所处的环境，比如是在安卓还是iOS…属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。通过UserAgent可以取得浏览器类别、版本，客户端操作系统等信息。navigator的。
2023-04-12 11:04:09
425
原创 js逻辑封装_加密解密
定义： 摘要算法也称为哈希算法、散列算法，可以将任意长度的数据转换成一个定长的不可逆的数字。只要原⽂本不同，计算的结果必然不同(几乎不⽤考虑重复的情况)。作用：摘要算法用于对比信息源是否一致，因为只要数据源发生变化，得到的摘要信息必然不同，通常⽤用于签名校验。特点:⽆论输入的消息有多长，计算出来的消息摘要的长度总是固定的。消息摘要不是真正的随机,因为⽤相同的算法对相同的消息求两次摘要，其结果必然相同。
2023-04-06 15:21:00
561
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人