- 博客(55)
- 问答 (1)
- 收藏
- 关注
转载 能不能更快更好用?Vue3.3正式发布,加速你的开发效率!
作者:@尤雨溪译者:公号 — 若川视野原文链接:今天,我们很高兴地宣布发布Vue 3.3“浪客剑心”!此版本专注于开发人员体验改进-特别是SFC与TypeScript的使用。与[1](以前称为Volar)的1.6版本一起,我们在将Vue与TypeScript一起使用时解决了许多长期存在的痛点。这篇文章概述了3.3中突出显示的功能。有关更改的完整列表,请参阅GitHub[2]。
2023-05-12 14:12:47
306
1
原创 uniapp怎么稳定获取cid
)方法来监听plusready事件,当该事件被触发时,说明plus对象已经被正确初始化,我们可以安全地调用plus.push.getClientInfo()方法获取客户端推送信息,并将CID保存在变量cid中。在上述代码中,我们定义了一个getCid方法来获取CID,并使用了闭包来缓存已经获取过的CID,避免重复获取CID的操作。然后,我们使用setInterval方法定时检查CID是否发生了改变,如果CID发生了改变,则重新获取CID并执行相关操作。可以使用异步方式获取CID。
2023-03-02 16:54:13
3420
原创 震惊 | iOS勾选推送并且基于HBuilderX 3.6.14+打包ipa变大的问题
今天uniapp打包ios测试包,测试完成后。准备打包正式包去上架商城,发现体积突然变大好多。从47M增大了113M,我还以为是导入了什么插件导致,最后去官网找到了相关文章。
2023-03-01 17:12:33
611
原创 ChatGPT闭包解答
应用:闭包的一个常见应用是封装私有变量,以便在函数内部访问和修改这些变量,同时保护它们不被全局作用域中的代码访问到。通过这种方式,闭包允许我们保存一个函数及其相关作用域中的变量,并在以后的代码中重新访问它们。这在许多情况下是非常有用的,例如保存函数的上下文环境以便在异步操作的回调函数中使用。例如,在一个对象的方法内部定义一个闭包,该闭包可以访问和修改该对象的私有变量,而不会影响全局作用域中的变量。总的来说,闭包是一种有用的 JavaScript 特性,可以帮助程序员管理变量的作用域和保存函数的上下文环境。
2023-02-10 14:54:15
503
转载 2023年 | 最简单的大文件上传(二)
本文是大文件上传?其实真的没有那么难!(一)的第二篇文章,在上一篇文章中,我们已经完成了对BigFile的封装,通过他我们可以对用户上传的文件进行切片了,接下来要做的就是把切片文件发送给服务端并通知合并了,话不多说,我们开始吧!
2023-01-18 09:08:45
165
转载 # flutter、rn、uni-app比较
更新: 详见flutter最近比较热闹,毕竟是Google出品。但我们不是炒作热点的媒体,也不是忽悠你交学费的培训机构,我们作为实际的跨平台开发者,冷静的分析下这个东东。flutter是Google为Fuchsia操作系统设计的应用开发方式。Fuchsia OS要兼容廉价物联网设备,要求对硬件的消耗降低,并且为了避免与oracle的java打官司,Fuchsia 使用了dart语言+flutter界面库的方式。从设计上来看,这套方案的性能确实够高。dart虽然属于大前端范畴,但dart是和java一样的强类
2022-12-05 11:34:21
1269
转载 一文解析 Pinia 和 Vuex,带你全面理解这两个 Vue 状态管理模式
通过以上案例我们会发现Pinia比Vuex简洁许多,所以如果我们的项目是新项目的话建议使用Pinia。当然如果我们的项目体量不是很大,我们其实没必要引入vue的状态管理库,盲目的使用反而会徒增心智负担。关于本文。.........
2022-07-25 09:51:00
301
原创 uniapp GitCode托管使用
这里中间可能有一步绑定账号的操作,因为我之前绑定过了,正常按提示绑定就行。image.png(报错是我电脑的问题,升级过系统,mac需要重新安装 ,没问题的请忽略)。image.png没报错的是这样的,先别选所有,因为有些不必要的文件也在其中,按默认选择,只提交。image.png在项目中找到这个文件,打开发现是空的,没关系,可以网上找一个配置,直接把下面的代码复制到文件中,保存即可。//.gitignore5. 右击项目,点击Git提交(确保HbuildX已经安装了Git插件)image.pngima
2022-06-12 22:17:36
986
原创 # | GitHub高效开源神器
玩转 GitHub 篇,推荐 10 个你没见过的 GitHub 的高效开源神器,YYDS!1. octotreeoctotree 是一款 chrome 插件,用于将 Github 项目代码以树形格式展示,而且在展示的列表中,我们可以下载指定的文件,而不需要下载整个项目。https://github.com/ovity/octotree2. refined-github精炼的 GitHub:简化 GitHub 界面并添加有用功能的浏览器扩展https://github.com/refi.
2022-04-24 18:18:50
479
原创 不可偏废的TS 类型
不可偏废的 TS 类型TypeScript 的 never 类型被讨论得非常少,因为它不像其他类型那样常用,或者不可替代。对于 TypeScript 的初学者来说,never 类型很容易被忽略,因为它只会出现在处理高级类型(比如条件类型)时,或者阅读那些神秘兮兮的类型错误信息时。实际上 never 类型在 TypeScript 中的优秀用例比想象中要多。当然,它也有一些特有的你需要小心的陷阱。本文的主要内容包含以下几个部分:never 类型的意义和我们需要它的原因。never 的应用场景以及需
2022-04-11 18:47:29
1628
原创 uni app TypeError: undefined is not an object (evaluating ‘modules[moduleId].call‘) __ERROR (最终解决)
项目在h5上运行正常,用真机调试打开,app报错并出现白屏。场景复现:路由跳转到toApproval页面,就会出现上述问题。排查问题:经一步步定位排查问题出现在toApproval页面的组件中首先toApproval页面是在主业务pages文件夹下, 但是此页面的WorkFlowDetail组件,是从分包pagesOA文件夹下引入。导致在真机调试时出业务跳转出现白屏,然而在h5浏览器上没有这么严格,不会出现这个问题,不容易定位到问题所在。解决方法:找到问题所在,就很容易解决了,可以把此
2022-03-13 10:23:51
8368
1
原创 uni-app的基础概念
uni-app的基础概念如果你有uni-app的开发经验,可省略观看~。没有uni-app的开发经验也没有关系,本小节将带你快速的了解uni-app这个高效率的跨端开发框架和生态。uni-app简介uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝)、快应用等多个平台。当前官网的介绍是一套代码可以发行到14个平台,比我刚开始学习时又多了4个平台:
2022-03-10 14:28:27
379
转载 尤雨溪:Vue 3 将成为新的默认版本
划重点:Vue 3 将在 2022 年 2 月 7 日 成为新的默认版本!请务必阅读文末的 可能需要采取的措施 部分,来确认你是否需要在默认版本切换之前做相应改动以避免发生异常。本文章开放授权,在注明原文地址,内容不做修改的前提下可以随意转载。Markdown 源文件 | 英文原文从库到框架在最开始的时候,Vue 仅仅是一个运行时库。但这些年来,它已经逐步发展成了一个包含许多子项目的框架:核心库,即 vue npm 包内容足够当作一本书的文档构建工具链(Vue CLI、Vue Loade
2022-01-21 10:44:32
227
原创 Uni-push 推送实现全过程 (最新 最全 最细)
Uni-push 推送实现全过程序言:公司使用的uniapp开发的项目需要推送功能,看了下官方文档,经过几天努力,打通了推送功能。下图是ios和安卓(oppo和荣耀手机),在线或离线获取的推送通知。简介UniPush是DCloud联合个推公司推出的集成型统一推送服务,内建了苹果、华为、小米、OPPO、VIVO、魅族、谷歌FCM等手机厂商的系统级推送和个推等第三方推送。第一步:开通UniPush推送服务云端打包应用开通 Uni Push 功能以后,只需要在 HBuilderX 中打开manif
2022-01-14 11:39:34
23524
6
转载 # 2022年还不会vuex,一文看懂的教程
手把手教你使用 Vuex,猴子都能看懂的教程为什么要做这篇文集呢?市面上关于vuex的教程多如牛毛,甚至vuex被某些大神都封装出花儿来了;一方面是想从最简单最基础的地方带大家使用一下vuex,另一方面也是想让自己复习一下vuex,好,不多废话了,接下来我们简单对vuex介绍一下,这究竟是个啥?第一步,如果你想了解一个技术,就去他的官网去看,准没错,进入官网,映入眼帘的就是“vuex是什么”:如图所示,它是一个程序里面的状态管理模式,它是集中式存储所有组件的状态的小仓库,并且保持我们存储的状态以一种
2022-01-12 10:06:35
197
2
原创 2022年推荐几个不错前端公众号
众所周知,关注公众号可以了解学习掌握技术方向,学习优质好文,落实到自己项目中。还可以结交圈内好友,让自己融入到积极上进的技术氛围,促进自己的技术提升。IQ前端一个专注于CSS/JS开发技巧的前端公众号,更多前端小干货等着你喔前端早读课关注前端,产品体验设计,更关注前端同行的成长。 每天清晨五点早读,七万+同行相伴成长。Web前端学习圈关注前端,产品体验设计,更关注前端同行的成长。 每天清晨五点早读,七万+同行相伴成长。字节前端 ByteFE技术前沿 `文章分析` `实践干货腾讯.
2022-01-10 17:03:13
970
原创 # 超酷的7个JavaScript学习网站
**JavaScript学习网站** ![在这里插入图片描述](https://img-blog.csdnimg.cn/8b74cd868feb441a919279397d2edcb3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAVmlj...
2021-12-31 10:40:12
10321
原创 超酷的13个CSS有趣学习网站
13个CSS有趣学习网站今天来给大家推荐13个辅助你学习巩固知识的网站,让你边玩边学边记!因为这些网站大多都是国外的大佬们做的,所以网页大多都是英文,为了更好地使用,给你们推荐两个翻译的方式:使用Chrome浏览器自带的翻译功能,可以中英随意切换chrome浏览器自带的翻译功能下一个"Google 翻译"插件,遇到不懂的英文直接选中点击翻译即可插件划词翻译好了,希望英文的存在不要成为你学习的障碍(更重要的还是要私底下多背单词,提升自己的英语水平,毕竟程序员免不了看英文文档)一、CSS
2021-12-22 23:00:43
6179
1
原创 使用 CSS 实现各种形状按钮
使用 CSS 轻松实现高频出现的各类奇形怪状按钮使用 CSS 实现稍微有点难度和技巧性的按钮矩形与圆角按钮正常而言,我们遇到的按钮就这两种 – 矩形和圆角:它们非常的简单,宽高和圆角和背景色。 <div class='btn rect'>rect</div> <div class='btn circle'>circle</div>.btn { margin: 8px auto; flex-s
2021-12-05 21:17:50
8599
2
转载 ES6让你写出优雅的代码
文章写的很好,看完实际项目中能立即用到,确实提高代码简洁度,以及可读性。分享一波,希望大家都有收获。ps:ES5之后的JS语法统称ES6!!!一、关于取值的吐槽取值在程序中非常常见,比如从对象obj中取值。const obj = { a:1, b:2, c:3, d:4, e:5,}复制代码吐槽:const a = obj.a;const b = obj.b;const c = obj.c;const d = obj.d;const e =
2021-11-25 22:52:05
108
转载 一键反编译微信小程序获取源码,并转换为uniapp或taro跨端项目
一键反编译微信小程序获取源码,并转换为uniapp或taro跨端项目提取微信小程序代码包www.bilibili.com/video/BV1yz…微信小程序项目转为uniapp项目www.bilibili.com/video/BV1yz…微信小程序项目转为taro项目www.bilibili.com/video/BV1yz…反编译成果截图跳一跳仅反编译小游戏源码好多计算器反编译后可获得源码,可转为uniapp,taro等跨端项目注意事项不是所有小程序都可以获得源.
2021-11-18 23:08:34
3043
原创 CSS 青蛙游戏
前言最近都在研究如何让Web前端学习更加有趣,对新人更加友好,而游戏化(Gamification)是我未来也想要深入的一个重要方向。为此我做了一些调研,发现有不少优秀的玩中学的游戏化内容做得很赞,每一个我都打通关了,此文给大家做一个分享。以下游戏都是免费的Flexbox Defense这是一个塔防游戏,一共12关,玩家可以使用align-items, justify-content, flex-direction, align-self 等语法来设置防御塔的位置从而击败进击的敌人。flexbox
2021-11-10 19:32:25
3326
原创 Uni-app 安卓篇离线打包 | 超详细 最方便
Uni-app 安卓篇离线打包 超详细序言:本人一直在使用uniapp自带的云打包,可视化窗口,配置好证书文件每次打包输入密码即可,非常的方便,便捷。!!!然而,最大的缺点就是,因为是云打包,提交上去是需要排队,有时队列前面几人,等个几分钟也无碍。但是,如果是下班时间段,或者周五晚上,队列上百人,等个40分钟1个小时也有过,就非常痛苦了(还有打包次数限制)。所以,痛定思痛,还是有个离线打包最为方便,以为不时之需。简介App离线开发工具包,即App离线SDK,是把App运行环境(runtime)
2021-10-31 14:37:02
7415
4
转载 ### 使用async/await | 让Vue变得更好
活用async/await,让Vue变得更好用的装饰器!下文三个装饰器,都是利用了async/await把异步变成同步的特性实现的。要求被装饰的方法必须写成async/await,用起来十分方便,实现彻底被隐藏在了装饰器内部。前两个都是用在ts环境下class写法的vue里的。不过看清楚逻辑后,很容易修改成可以用在js环境中的vue组件上。指业务相关的初始化逻辑都完成了 比如搜索功能:搜索中显示loading,结果为空时显示暂无数据。但是第一次打开页面时,搜索还没完成,但显示暂无数据又不合适
2021-10-25 17:14:06
205
原创 设计师和程序员必备:全世界最著名的 icon 网站都在这了
设计师和程序员必备:全世界最著名的 icon 网站都在这了作为一个多年的独立开发者,收藏了非常多免费无版权图片网站、免费 icons、知名的技术人博客、有趣的网站等等,今天给大家分享我这几年收藏的 icon 网站,觉得好呢,点个赞关注个专栏,有补充呢給我留个言,感谢大家。icons8:拥有 42,800 个免费图标,提供各个平台的基础图标与分类图标,其特色是大小和颜色随意自定义。iconfinder:哥本哈根一个团队做的 icon 专业图标网站,拥有 1563889 个图标和37058图标集,
2021-10-24 20:35:19
980
转载 # # 你不知道的flex
正文从这开始~~你真的会用flex吗?flex除了用作垂直居中还能干什么?本文适合用flex布局用作垂直居中,不了解flex其他用途的读者自动撑满高度首先我们先创建一个容器,里面包含box1,box2两个item项<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=dev.
2021-10-20 21:28:15
101
原创 uniapp文本过长省略或文本过长换行显示
文本过长显示省略号,一般高度固定且不是auto.plan_list_text{ width: 400rpx; margin-top: 15rpx; color: #b0b0b0; font-size: 0.7em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}文本过长换行显示,高度不固定.plan_lis.
2021-10-14 11:53:35
3508
转载 ## 20 个杀手级 | JavaScript 单行代码
本文整理了一些实用的 JavaScript 单行代码,非常好用~~获取浏览器Cookie的值通过document.cookie 来查找cookie值const cookie = name => `;${document.cookie}`.split(`;${name}=`).pop().split(';').shift(); cookie('_ga');// Result: "GA1.2.1929736587.1601974046"颜色RGB转十六进制const rgbToH.
2021-10-09 10:13:22
82
原创 ## Github 9月最新上榜的 热门的10 个前端 | 开源项目
GitHub 上面有个 Trending 榜 (趋势榜),在 Trending 页面,你可以看到最近一些热门的开源项目或者开发者,这个页面可以算是很多人主动获取一些开源项目和活跃开发者最好的途径。9 月的 前端月趋势榜的 10 大项目 就不按最热门来排序了,就介绍一些之前没介绍过的好开源项目,但是又是最近热门的吧。1. milkdownMilkdown 是一个所见即所得的编辑器框架。所见即所得的 Markdown - 以一种优雅的方式编写 markdown可定制主题 - 主题可以通过 npm.
2021-10-08 09:13:54
425
转载 手撕Git,告别盲目记
手撕Git,告别盲目记手撕Git,告别盲目记忆引言Git在工作中经常用到,但是指令太多,网上的说法又不太通俗。总会让想要学习的同学抓不到重点,或者望而却步。这篇文章的目的就是希望读后能够按照原理,系统地记忆一些常用/关键的命令。也算是我这个刚入互联网的小白对社会的一些小小福报~其中若有不当之处,欢迎大佬指出。开局一个赞 ,内容一看就懂~友情提示:文章有连贯性,跳着看可能会比较蛋疼…文章导读Git的分区(工作区,暂存区,版本库)Git的原理Git分支版本的回滚(revert,re
2021-10-06 22:50:01
68
原创 浏览器环境下的JavaScript Event Loop
浏览器环境下的JavaScript Event Loop正文从这开始~~什么是JavaScript的Event Loop?在JavaScript中有一个很重要的Event Loop概念,从字面意思理解为事件循环,为什么会有Event Loop这个概念呢?我们得先从JavaScript语言的特征说起。细心的读者可能发现了,文章的标题中我们着重强调了是在浏览器环境,这是为什么呢?因为JavaScript的Event Loop不仅存在于浏览器环境下,还存在于Node环境下,而且两者还存在一些差别。本
2021-10-04 20:12:29
113
转载 JavaScript中Reduce() 的6个用例
![图片](https://img-blog.csdnimg.cn/img_convert/cbd33b47d3f356e30f77a6555ff926ab.png英文 | https://betterprogramming.pub/6-use-cases-for-reduce-in-javascript-49683842ebed翻译 | 杨小二reduce 方法在数组的每个元素上执行用户提供的回调函数,即“reducer”。它传入对前一个元素进行计算的返回值。结果是单个值。它是在数组的所有元素上运行
2021-09-26 11:12:14
252
翻译 推荐 12 个提升程序员软技能与效率的必备工具,爱了爱了!(转载)
这一期的内容有点不一般哦,先来几个在线绘图类的工具吧。1. draw.iodraw.io 是一款免费的在线图表编辑工具, 可以用来编辑工作流, BPM, org charts, UML, ER图, 网络拓朴图等,而且是免费的哦,创建的图表等可能无限哦。还可以 GitHub 授权登录,然后把自己创建的流程图等保存到 GitHub 仓库,还可以在 GitHub 仓库里面打开自己保存过的流程等图哦!猫哥就是一直在用这个来画图的,然后自己创建一个私有 GitHub 仓库来存放这些图的,非常好用哦。ht
2021-09-19 22:31:30
381
原创 JavaScript 中比较对象的四种方式
JavaScript 中比较对象的四种方式比较 JavaScript 中的原始值非常简单。只需使用任何一种可用的相等运算符即可,例如严格相等运算符:'a' === 'c'; // => false1 === 1; // => true但是对象却有结构化数据,所以比较起来比较困难。在本文中,你将学习如何正确比较 JavaScript 中的对象。1. 引用比较JavaScript 提供了 3 种对值进行比较的方法:严格相等运算符 ===宽松相等运算符 ==Object
2021-09-14 23:33:23
8044
1
原创 函数 ### 箭头函数
箭头函数ECMAScript6新增了使用胖箭头(=>)语法定义函数表达式的能力。很大程度上,箭头函数实例化的函数对象与正式的函数表达式创建的函数对象行为是相同的。任何可以使用函数表达式的地方,都可以使用箭头函数:let arrowSum = (a, b)=> { return a + b;}let functionExpressionSum = function(a, b){ return a + b;}console.log(arrowSum(5, 18)) //13c
2021-09-08 22:26:53
374
原创 前端项目最常用到几个js方法片段
1.判断值是否为空/** * 判断是否为空 */function empty(value) { switch (typeof value) { case 'undefined': return true; case 'string': if (value.replace(/(^[ \t\n\r]*)|([ \t\n\r]*$)/g, '').length == 0) return true; break; case 'boolean': if (!value).
2021-09-03 17:44:26
115
原创 缩短箭头函数的小窍门
使用箭头语法,你可以定义比函数表达式短的函数。在某些情况下,你可以完全省略:参数括号 (param1, param2)return 关键字甚至大括号 { }。下面就让我们来探讨一下如何使箭头函数简洁明了、易于阅读。另外你会发现一些需要注意的棘手情况,。1. 基本语法完整版本的箭头函数声明包括:一对带有参数枚举的括号 (param1, param2)后面跟随箭头 =>以函数体 {FunctionBody} 结尾典型的箭头函数如下所示:const sayMessage = .
2021-08-22 14:07:04
127
原创 # 前端性能优化方案(面试必问)
提及 前端性能优化 ,大家应该都会想到 雅虎军规,本文会结合 雅虎军规 融入自己的了解知识,进行的总结和梳理 。雅虎军规首先,我们先来看看“雅虎军规”的35条:尽量减少 HTTP 请求个数——须权衡使用 CDN(内容分发网络)为文件头指定 Expires 或 Cache-Control ,使内容具有缓存性。避免空的 src 和 href使用 gzip 压缩内容把 CSS 放到顶部把 JS 放到底部避免使用 CSS 表达式将 CSS 和 JS 放到外部文件中减少 DNS 查找次数.
2021-08-14 22:51:24
205
原创 slice,splice,concat操作后数组的变化
slice,splice,concat操作后数组的变化一、splice() 用于插入 删除 替换1、参数至少两个(index,number,item…,item)index:开始的下标 必须的number:要删除的数量,如果是0就不删除,必须的item:添加的元素var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.splice(2,0,"Lemon","Kiwi");结果:Banana,Orange,Lemon,Kiwi,
2021-08-12 16:39:34
123
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人