郭宝的博客

错误场景一：错误提示：在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下：// 基于准备好的dom，初始化echarts实例var bar_dv = document.getElementById('bar_dv');let myChart = this.$echarts.init(bar_dv)解...

1、将对象转换为JSON格式字符串JSON.stringify(object)2、将JSON字符串转换为对象JSON.parse(jsonString);更多技术请关注QQ群：636212586

是一个基于的实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台。目前 qiankun 已在蚂蚁内部服务了超过 2000+ 线上应用，在易用性及完备性上，绝对是值得信赖的。

微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端是一种架构风格，它允许将一个复杂的大前端应用拆分成多个可以独立开发、部署的小型前端应用。这些小型前端应用通常被称为“子应用”或者“微前端应用”，它们可以使用不同的技术栈进行开发，并且能够动态地在主应用（或称为“宿主应用”）中加载和运行。将后台的微服务思想扩展到前端开发。

在编写代码的过程中，一旦输入 @/ ，webstorm就会立即 联想出src下的所有子目录和文件，统一文件路径访问不容易出错。

VueUse 是基于 Vue 3 Composition API 的高质量 Hooks 库。例如获取滚动的距离1、通过npm安装 VueUse2、搜索需要使用的函数，例如搜索 useScroll 滚动3、使用useScroll 滚动函数。

【代码】通过高德JS API 实现根据中心点、半径、点的个数动态计算坐标点。

首先需要通过npm 安装echarts 和 echarts-gl。绘制3D图的核心代码screenPie.ts。封装为Pie3D.vue组件。使用 Pie3D 组件。

【代码】通过高德JS API 实现呼吸点。

Json-server 是一个。它使用，并提供了一组简单的路由和端点，可以模拟后端服务器的行为。

一般拿到code、encryptedData、iv数据以后，会将该数据传给后台，后台验证后会返回当前用户信息。

1、需要在page.json文件中设置支持下拉刷新和上拉加载更多。

可以对结果数据进行二次封装，封装为 GeoJSON 格式的数据，然后通过Loca.GeoJSONSourc实现酷炫的区域边界绘制。

【代码】通过高德地图 JS API实现单击鼠标进行标注。

Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。

它是允许在Chrome和Firefox开发者工具中检查React组件层次结构的扩展插件。

进入 https://www.crx4chrome.com/crx/277332/ 网站下载插件即可。关闭之前安装的React Developer Tools插件，再次运行React 项目即可。版本可能太低，然后我就换了一个高的版本，就解决了。安装一个高版本的react-主要原因是 react-

classnames.js 是一个简单的类名控制工具库，可以方便的通过条件动态控制class类名的显示。

Lodash是一个流行的，提供了许多高效、高兼容性的工具函数，能够方便地处理集合、字符串、数值、函数等多种数据类型，大大提高工作效率。

2、通过Vector Maps获取。1、通过阿里数据可视化平台获取。3、通过geojson获取。

【代码】通过Vue3+高德地图的JS API实现市区地图渲染。

今天，我们就为你揭开【Web前端】专栏的神秘面纱，带你从菜鸟到大神，一飞冲天！在这里，你将不只是学习，更是参与一场技术的革命，让我们共同见证你从代码小白到前端大牛的华丽转变！- 从HTML、CSS的基石开始，逐步构建起JavaScript的坚实框架，为你铺垫通往高手之路的坚实地基。- React、Vue、Angular等主流框架不再是谜，深入浅出的教学，让你灵活运用，解锁高效开发的秘密。- WebAssembly、PWA、WebGL等前沿技术，让你的技能树不断拓展，走在技术浪潮的最前沿。

在这个瞬息万变的数字化时代，Web前端技术正以前所未有的速度进化，从静态网页到动态交互，再到如今的全栈开发与智能化体验，每一次技术革新都在重新定义互联网的面貌。：专栏从HTML5、CSS3的基础语法讲起，逐步深入JavaScript高级应用，直至React、Vue、Angular等现代框架的精髓，确保你掌握前端开发的每一个环节。在这个充满挑战与机遇的时代，让我们携手并进，共创前端技术的辉煌明天！：理解Webpack、Babel等构建工具的配置与优化，学习前端性能调优策略，让你的项目运行更快，体验更佳。

React 是由Meta公司研发，是一个用于构建Web和原生交互界面的库。jsx 是 Javascript和XML（HTML）的缩写，表示在JS代码中编写HTML模板结构，它是React中编写UI模板的方式。HTML的声明式模板写法JS的可编程能力概念：自定义Hook是以use打头的函数，通过自定义 Hook 函数可以用来实现逻辑的封装和复用。需求：实现点击toggle 显示/隐藏 this is div 这个组件/***/

泛微产品客户基数大，由于每个客户对于自身的OA系统有不同的定位，所以需要对产品有不同的实现，二次开发是为了能够尽可能保持产品主题功能不变的情况下，实现客户的定制化需求。 E9 总体采用前后端分离架构，前端采用React + Mobx + WeaCom （组件）进行开发构建，后端采用面向服务的架构，提供Restful 风格接口。产品架构总体采用命令模式和职责链模式作为基础开发模式，提供一系列的公共实现，用于规范开发过程。 由于每个开发人员开发风格以及对于功能的实现思路不同，会导致代

不需要，watch会自动读取。

【代码】uniapp写的H5 与原生android进行数据交互。

【代码】Vue轮播图插件vue-awesome-swiper。

vue-photo-preview它是基于photoswipe的vue图片预览插件。3、然后在img标签中添加preview和preview-text属性即可。preview-text 表示图片描述。2、在main.js中引入该组件。分组，不同组的照片对应的。

需求： 想在企业微信中打开网页获取成员的身份信息，从而免去登录的环节，实现无感登录。4、然后打开自建应用，设置应用打开时默认访问的H5地址。REDIRECT_URI 网页授权回调地址。例如：xxx.com:8083。3、输入应用相关数据，进行创建。CORPID 为企业微信id。AGENTID 应用id。1、进入企业微信管理后台（7、设置企业微信授权地址。8、前端拼接网页授权链接。6、配置企业可信IP。5、然后设置可信域名。

Cesium 是一个跨平台、跨浏览器的展示三维地球和地图的Javascript库。Cesium 使用WebGL 来进行硬件加速图形，使用时不需要任何插件支持，但是浏览器必须支持WebGL。官网。

DataV数据可视化是使用可视化应用的方式来分析并展示庞杂数据的阿里云产品。DataV旨在通过图形化的界面帮助不同专业背景的用户轻松搭建专业水准的可视化应用，满足会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。

在通过npm install 安装项目所需依赖时，出现了如下报错。

通过yarn 进行安装。

首先通过HBuilder X 创建一个 uni-app项目。

简单说，它是一种可以让开发人员在Web业务系统中嵌入地图的方法。一般可以简称为ArcGISJSAPI，由全球领先的GIS平台软件及服务提供商Esri向开发者提供。一般由两部分组成一套JSAPI库，一套SDK，也是就开发帮助。包括了API接口的具体说明、样例代码以及入门级的开发指南。...

在通过npm安装@vue-cli时，出现了如下报错信息解决办法：使用管理员身份安装，例如 mac 电脑，在命令的前面加上 sudo然后输入密码后进行安装，如下图所示：

在安装vue-element-admin 项目所需依赖时，出现了如下报错信息解决办法：1、使用下面的命令,达到,把地址里的 换成 的目的2、然后重新通过 npm install 安装项目依赖效果图：

通过npm 安装 pnpm。

背景：在子组件和和父组件来回调用其内部函数时，并通过v-if频繁控制显示/销毁，出现了如下报错信息：vue.runtime.esm.js:619 [Vue warn]: Error in nextTick: "NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node."warn