![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 76
snowball_li
初出茅庐,天下无敌;再学三年,寸步难行。
展开
-
JavaScript/ES6:代码执行顺序/从上到下的顺序依次执行/promise/async await
待定状态的 Promise 对象要么会通过一个值被兑现(fulfilled),要么会通过一个原因(错误)被拒绝(rejected)。如果 promise 在一个相应的处理程序被绑定时就已经被兑现或被拒绝了,那么这个处理程序就会被调用,因此在完成异步操作和绑定处理方法之间不会存在竞争状态。这样使得异步方法可以像同步方法那样返回值:异步方法并不会立即返回最终的值,而是会返回一个 Promise ,以便在未来某个时候把值交给使用者。Promise将异步执行的程序变成同步执行,所谓的在开发中解决回调嵌套的问题。原创 2023-05-05 23:33:34 · 1027 阅读 · 0 评论 -
NodeJS-NestJS:基础掌握 从了解到使用
等优秀项目的出现,他们提高了开发者的工作效率,并能够创建快速、可测试和可扩展的前端应用程序。然而,尽管 Node (和服务器端 JavaScript)拥有大量优秀的软件库、辅助程序和工具,但没有一个能够有效地解决我们所面对的主要问题,即。Nest 提供了一个开箱即用的应用程序体系结构,允许开发者及其团队创建高度可测试、可扩展、松散耦合且易于维护的应用程序。3.1、创建一个新的项目目录,并使用核心的 Nest 文件和支撑模块填充该目录,从而。在底层,Nest 构建在强大的 HTTP 服务器框架上,例如。原创 2023-04-09 18:08:05 · 1392 阅读 · 0 评论 -
小程序:official-account公众号关注组件
补充的方法,可以在错误的回调里做一些弥补,比如,展示一个公众号的二维码~在手机微信,识别二维码,然后出现了报错。不是调试模式,不能打开,,看到一些资料说以前可以,现在不行了。后端生成url,页面通过web-view的方式访问。技术栈:mpvue小程序。已关注显示“查看” ,未关注显示“关注”。欢迎交流指正,关注我,一起学习。手机微信打开调试模式,操作正常。手机微信扫码的方式成功。原创 2023-04-07 10:12:50 · 2799 阅读 · 0 评论 -
nuxt3:使用pinia
piniaPinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。如果您熟悉 Composition API,您可能会认为您已经可以通过一个简单的 export const state = reactive({}). 这对于单页应用程序来说是正确的,但如果它是服务器端呈现的,会使您的应用程序暴露于安全漏洞。但即使在小型单页应用程序中,您也可以从使用 Pinia 中获得很多好处:dev-tools 支持跟踪动作、突变的时间线Store 出现在使用它们的组件中。原创 2023-03-27 20:39:33 · 1882 阅读 · 1 评论 -
JavaScript:解决计算精度问题/mathjs/bignumber.js/big.js/decimal.js
这个标准定义了表示浮点数的格式(包括负零-0)与反常值(denormal number)),一些特殊数值(无穷(Inf)与非数值(NaN)),以及这些数值的“浮点数运算符”;JavaScript 内部只有一种数字类型Number,也就是说,JavaScript 语言的底层根本没有整数,所有数字都是以IEEE-754标准格式64位浮点数形式储存,1与1.0是相同的。例如,你可以使用a-calc的add方法来计算两个数的和,使用multiply方法来计算两个数的乘积。isGreaterThan--是否大于。原创 2023-03-24 21:03:09 · 11714 阅读 · 2 评论 -
架构-单一代码库-monorepo-pnpm-workspace:基本使用 / 一个代码仓库中包含了多个软件包(package)并进行开发
pnpm 内置了对单一存储库(也称为多包存储库、多项目存储库或单体存储库)的支持, 你可以创建一个 workspace 以将多个项目合并到一个仓库中。有本人“三”看出,组件部分式放在了node_modules下,由package.json管理,和普通的项目其实是一样了,部署思路同普通项目。2.8、packages目录下app-base、app1、app2的package.json删除如下图红框内容。2.10、app-base、app1、app2分别在vite.config.ts中设置端口号。原创 2023-03-22 00:02:04 · 5907 阅读 · 10 评论 -
微前端-qiankun:nuxt2 接入 nuxt2
微前端-qiankun:nuxt2 接入 nuxt2主应用:nuxt2、webpack子应用:nuxt2、webpack原创 2023-03-20 23:03:11 · 770 阅读 · 0 评论 -
微前端-qiankun:vue3-vite 接入 nuxt2
2.1、安装@femessage/nuxt-micro-frontend。2.4、访问主项目,访问到nuxt应用,接入成功。2.3、根目录创建文件 mfe.js。原创 2023-03-18 22:06:20 · 1032 阅读 · 0 评论 -
微前端-qiankun:vue3-vite 接入 vue3-vite
主应用:vue3、vite子应用:vue3、webpack原创 2023-03-15 18:21:15 · 3692 阅读 · 3 评论 -
微前端-qiankun:vue3-vite 接入 vue3-webpack
主应用:vue3、vite子应用:vue3、webpack原创 2023-03-15 17:59:22 · 1121 阅读 · 0 评论 -
vue报错: ERROR ~/.vuerc may be outdated. Please delete it and re-run vue-cli in manual mode.
ERROR ~/.vuerc may be outdated. Please delete it and re-run vue-cli in manual mode.原创 2023-03-12 19:27:12 · 1334 阅读 · 1 评论 -
埋点tracker:前端数据埋点-方案设计思路梳理
跳出率的计算方法现在在各个公司还是很多种,最经常被使用的是:用户只访问了一个页面所占的会话比例(原因是:假设这种场景,用户来了访问了一个页面就离开了,想想用户使用的心里画面应该是:打开应用,感觉莫名其妙,然后关闭应用甚至卸载了。转化率的计算看起来想到那简单,但却是埋点中最贴近业务的数据收集。关于埋点数据有一点至关重要,埋点是为了更好地使用数据,不要试图得到精准的数据要得到的是高质量的埋点数据,前面讨论跳出率就是这个例子,得到能得到的数据,用不完美的数据来达成下一步的行动,追求的是高质量而不是精确。原创 2023-03-10 11:25:14 · 3520 阅读 · 0 评论 -
埋点tracker:前端埋点服务-技术要点梳理 / 判断页面是刷新还是关闭 / 浏览器tab状态 / navigator.sendBeacon
为了方便快捷地去定位这些问题,我们试图为所有页面点击操作都加上打点记录,但在实际操作中,由于业务变更频繁,开发框架的限制,展示打点数据较为复杂等因素,通过打点排查问题的实际效果并不理想,因此我们希望引入完整的流量统计和用户行为分析来定位问题。浏览器引入的sendBeacon方法,sendBeacon发出的是异步请求,但是请求是作为浏览器任务执行的,与当前页面是脱钩的。为了避免影响,可以把相关的时间存储起来,比如放在cookie,,对于单页面应用来说应该是可以的,,多页面应用需要区分,,原创 2023-03-09 22:37:31 · 1682 阅读 · 0 评论 -
浏览器:浏览器指纹
浏览器指纹是指仅通过浏览器的各种信息,包括CPU核心数、显卡信息、系统字体、屏幕分辨率、浏览器插件(Flash、Silverlight、Java等)、浏览器扩展、浏览器设置、时区偏移量(浏览器GMT偏移量)和许多其他信息的特征组合成的一个字符串,就能近乎绝对定位一个用户,就算使用浏览器的隐私窗口模式,也无法避免。基本上,每种浏览器都会使用不同的图像处理引擎,不同的导出选项,不同的压缩级别,这样每台电脑绘制的图片都会略有不同,这些图案可以用来为用户设备分配特定数量的指纹,也可以用来识别不同的用户。原创 2023-03-07 23:46:43 · 6325 阅读 · 0 评论 -
vue3+ts:约定式提交(git husky + gitHooks)
之前实践过这个配置,本文在vue3 + ts 的项目中,再记录一次。GIT_PARAMS没有读到目录,本文使用静态目录,待后续研究。引入chalk、fs需要使用import,使用require报错。2.1.1、安装husky。原创 2023-03-06 22:01:17 · 696 阅读 · 0 评论 -
vue3:生命周期(onErrorCaptured)
如果能以捕获的方式得到错误信息,而且还能定位问题,这样就好了,本文介绍onErrorCaptured实现我们想要的效果。钩子,对于同一个错误,这些钩子会被按从底至上的顺序一一调用。钩子,对于同一个错误,这些钩子会被按从底至上的顺序一一调用。钩子,对于同一个错误,这些钩子会被按从底至上的顺序一一调用。错误对象、触发该错误的组件实例,以及一个说明错误来源类型的信息字符串。钩子本身抛出了一个错误,那么这个错误和原来捕获到的错误都将被发送到。钩子本身抛出了一个错误,那么这个错误和原来捕获到的错误都将被发送到。原创 2023-03-05 20:27:52 · 1814 阅读 · 0 评论 -
vue:vue2与vue3的区别
5、因为setup函数中,props是响应式得,当传入新的prop时,它将会被更新,所以不能使用es6解构,因为它会消除prop得响应性,如需解构prop,可以通过使用setup函数中得toRefs来完成此操作。Vue2.x中new出的实例对象,所有的东西都在这个vue对象上,这样其实⽆论你⽤到还是没⽤到,都会跑⼀遍,这样不仅提⾼了性能消耗,也⽆疑增加了⽤户加载时间。不需要在模板中追加.value。该钩子被调用后,对应 Vue 实例的所有指令都被解绑,所有的事件监听器被移除,所有的子实例也都被销毁。原创 2023-03-04 21:50:19 · 2823 阅读 · 0 评论 -
JavaScript:严格模式
严格模式给我们带来了规范,但是同时也给我们带来了一些不便,但是为了未来的发展,我们最好还是按照严格模式的要求来,这样可以最大程度的减少我们出错的机率,也能够让我们的程序能够走得更远。我们平常写代码的时候可能没太注意严格模式和非严格模式,默认情况下,我们编写的 js 代码都是非严格模式的,想要开启严格模式,我们需要在规定的地方添加'use strict'关键词。在正常模式下,如果某个整数的第一位是 0,那么表示该数是八进制数,会自动进行转换,但是在严格模式下无法进行有效转换。原创 2023-02-26 20:36:18 · 969 阅读 · 0 评论 -
vue:.js 文件获取到 .vue 文件中的 this
作用:abc.js如果要使用 axios 等场景,这个时候需要使用到 this。在js文件 abc.js 获取到 abc.vue 的this,2.2、abc.vue 在created() 声明周期 传递 this。2.2.2、created() 生命周期传递this。2.1、abc.js定义 sendThis 方法。2.2.1、引入sendThis方法。2.3、在abc.js中使用。原创 2023-02-17 00:00:58 · 2012 阅读 · 3 评论 -
vue3 + ts: layout布局
后台管理系统layout组件一般分为:头部组件(navbar)、页签组件(tagsview)、左侧菜单(sidebar)、内容渲染区域(AppMain)layout,语义:布局,设计,结合前端vue项目,我理解为这样的定义:页面级别的组件,框架级别的组件,基础布局组件,基础设计。2.5、同理可以开发很多符合业务需求的组件满足页面级别的组件使用,提高开发效率。关键词:组件、布局、可复用的、工程化、脚手架。二、vue3 + ts 项目使用layout。三、欢迎交流指正,关注我,一起学习。原创 2022-11-07 17:04:16 · 5558 阅读 · 0 评论