郭宝
这个作者很懒,什么都没留下…
展开
-
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
错误场景一:错误提示:在运行Vue项目时出现了上述错误,出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的,代码如下:// 基于准备好的dom,初始化echarts实例var bar_dv = document.getElementById('bar_dv');let myChart = this.$echarts.init(bar_dv)解...原创 2019-06-24 14:29:30 · 114078 阅读 · 50 评论 -
Vue项目JSON格式字符串和对象之间的互转
1、将对象转换为JSON格式字符串JSON.stringify(object)2、将JSON字符串转换为对象JSON.parse(jsonString);更多技术请关注QQ群:636212586原创 2018-10-18 15:12:15 · 69761 阅读 · 2 评论 -
微前端框架 qiankun
是一个基于的实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台。目前 qiankun 已在蚂蚁内部服务了超过 2000+ 线上应用,在易用性及完备性上,绝对是值得信赖的。原创 2024-08-22 14:19:50 · 277 阅读 · 0 评论 -
微前端架构入门
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端是一种架构风格,它允许将一个复杂的大前端应用拆分成多个可以独立开发、部署的小型前端应用。这些小型前端应用通常被称为“子应用”或者“微前端应用”,它们可以使用不同的技术栈进行开发,并且能够动态地在主应用(或称为“宿主应用”)中加载和运行。将后台的微服务思想扩展到前端开发。原创 2024-08-20 21:34:49 · 224 阅读 · 0 评论 -
Vue3小兔仙电商项目实战
在编写代码的过程中,一旦输入 @/ ,webstorm就会立即 联想出src下的所有子目录和文件,统一文件路径访问不容易出错。原创 2024-08-16 17:00:34 · 443 阅读 · 0 评论 -
VueUse 基于 Vue 3 Composition API 的高质量组合式函数 Hooks 库
VueUse 是基于 Vue 3 Composition API 的高质量 Hooks 库。例如获取滚动的距离1、通过npm安装 VueUse2、搜索需要使用的函数,例如搜索 useScroll 滚动3、使用useScroll 滚动函数。原创 2024-08-16 15:31:45 · 177 阅读 · 0 评论 -
通过Vue3 + TypeScript + echarts + echarts-gl 实现3D饼图
首先需要通过npm 安装echarts 和 echarts-gl。绘制3D图的核心代码screenPie.ts。封装为Pie3D.vue组件。使用 Pie3D 组件。原创 2024-08-07 09:28:08 · 101 阅读 · 0 评论 -
通过高德JS API 实现呼吸点
【代码】通过高德JS API 实现呼吸点。原创 2024-08-07 09:15:30 · 155 阅读 · 0 评论 -
json-server(快速搭建本地 RESTful API 的工具)
Json-server 是一个。它使用,并提供了一组简单的路由和端点,可以模拟后端服务器的行为。原创 2024-07-31 18:47:01 · 165 阅读 · 0 评论 -
uniapp+vue微信小程序项目中实现手机号授权登录
一般拿到code、encryptedData、iv数据以后,会将该数据传给后台,后台验证后会返回当前用户信息。原创 2024-07-22 16:51:23 · 632 阅读 · 0 评论 -
通过vue3 + TypeScript + uniapp + uni-ui 实现下拉刷新和加载更多的功能
1、需要在page.json文件中设置支持下拉刷新和上拉加载更多。原创 2024-07-18 09:01:11 · 447 阅读 · 0 评论 -
通过高德地图 JS API实现 鼠标绘制多边形
可以对结果数据进行二次封装,封装为 GeoJSON 格式的数据,然后通过Loca.GeoJSONSourc实现酷炫的区域边界绘制。原创 2024-07-08 15:26:26 · 262 阅读 · 0 评论 -
Chrome插件:React Developer Tools为React开发调试而生
它是允许在Chrome和Firefox开发者工具中检查React组件层次结构的扩展插件。原创 2024-06-27 15:16:49 · 533 阅读 · 0 评论 -
bootstrap:27 Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘) at Obje
进入 https://www.crx4chrome.com/crx/277332/ 网站下载插件即可。关闭之前安装的React Developer Tools插件,再次运行React 项目即可。版本可能太低,然后我就换了一个高的版本,就解决了。安装一个高版本的react-主要原因是 react-原创 2024-06-27 15:13:28 · 456 阅读 · 0 评论 -
lodash.js 工具库
Lodash是一个流行的,提供了许多高效、高兼容性的工具函数,能够方便地处理集合、字符串、数值、函数等多种数据类型,大大提高工作效率。原创 2024-06-26 14:51:42 · 478 阅读 · 0 评论 -
GeoJson 地图地理信息数据获取
2、通过Vector Maps获取。1、通过阿里数据可视化平台获取。3、通过geojson获取。原创 2024-06-18 11:50:52 · 639 阅读 · 0 评论 -
通过Vue3+高德地图的JS API实现市区地图渲染
【代码】通过Vue3+高德地图的JS API实现市区地图渲染。原创 2024-06-15 09:30:30 · 361 阅读 · 0 评论 -
【前端探索者:从零到精通的Web前端实战专栏】
今天,我们就为你揭开【Web前端】专栏的神秘面纱,带你从菜鸟到大神,一飞冲天!在这里,你将不只是学习,更是参与一场技术的革命,让我们共同见证你从代码小白到前端大牛的华丽转变!- 从HTML、CSS的基石开始,逐步构建起JavaScript的坚实框架,为你铺垫通往高手之路的坚实地基。- React、Vue、Angular等主流框架不再是谜,深入浅出的教学,让你灵活运用,解锁高效开发的秘密。- WebAssembly、PWA、WebGL等前沿技术,让你的技能树不断拓展,走在技术浪潮的最前沿。原创 2024-04-30 11:37:09 · 205 阅读 · 0 评论 -
React18入门到实战2023版
React 是由Meta公司研发,是一个用于构建Web和原生交互界面的库。jsx 是 Javascript和XML(HTML)的缩写,表示在JS代码中编写HTML模板结构,它是React中编写UI模板的方式。HTML的声明式模板写法JS的可编程能力概念:自定义Hook是以use打头的函数,通过自定义 Hook 函数可以用来实现逻辑的封装和复用。需求:实现点击toggle 显示/隐藏 this is div 这个组件/***/原创 2023-10-24 15:30:18 · 911 阅读 · 0 评论 -
泛微项目二次开发
泛微产品客户基数大,由于每个客户对于自身的OA系统有不同的定位,所以需要对产品有不同的实现,二次开发是为了能够尽可能保持产品主题功能不变的情况下,实现客户的定制化需求。 E9 总体采用前后端分离架构,前端采用React + Mobx + WeaCom (组件)进行开发构建,后端采用面向服务的架构,提供Restful 风格接口。产品架构总体采用命令模式和职责链模式作为基础开发模式,提供一系列的公共实现,用于规范开发过程。 由于每个开发人员开发风格以及对于功能的实现思路不同,会导致代原创 2023-10-19 10:25:28 · 2178 阅读 · 0 评论 -
Vue3快速上手
不需要,watch会自动读取。原创 2023-09-09 11:17:25 · 594 阅读 · 0 评论 -
uniapp写的H5 与原生android进行数据交互
【代码】uniapp写的H5 与原生android进行数据交互。原创 2023-09-01 10:01:18 · 606 阅读 · 0 评论 -
Vue轮播图插件vue-awesome-swiper
【代码】Vue轮播图插件vue-awesome-swiper。原创 2023-05-26 10:30:26 · 430 阅读 · 1 评论 -
图片预览vue-photo-preview
vue-photo-preview它是基于photoswipe的vue图片预览插件。3、然后在img标签中添加preview和preview-text属性即可。preview-text 表示图片描述。2、在main.js中引入该组件。分组,不同组的照片对应的。原创 2023-04-12 09:27:08 · 2071 阅读 · 0 评论 -
uniapp 实现企业微信网页授权登录
需求: 想在企业微信中打开网页获取成员的身份信息,从而免去登录的环节,实现无感登录。4、然后打开自建应用,设置应用打开时默认访问的H5地址。REDIRECT_URI 网页授权回调地址。例如:xxx.com:8083。3、输入应用相关数据,进行创建。CORPID 为企业微信id。AGENTID 应用id。1、进入企业微信管理后台(7、设置企业微信授权地址。8、前端拼接网页授权链接。6、配置企业可信IP。5、然后设置可信域名。原创 2023-04-03 17:45:34 · 2644 阅读 · 0 评论 -
Cesium + Vue 编程入门
Cesium 是一个跨平台、跨浏览器的展示三维地球和地图的Javascript库。Cesium 使用WebGL 来进行硬件加速图形,使用时不需要任何插件支持,但是浏览器必须支持WebGL。官网。原创 2023-02-27 17:33:09 · 627 阅读 · 0 评论 -
阿里云DataV数据可视化快速入门
DataV数据可视化是使用可视化应用的方式来分析并展示庞杂数据的阿里云产品。DataV旨在通过图形化的界面帮助不同专业背景的用户轻松搭建专业水准的可视化应用,满足会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。原创 2023-02-22 18:22:35 · 1221 阅读 · 0 评论 -
npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR! npm ERR! While resolving: vue-a
在通过npm install 安装项目所需依赖时,出现了如下报错。原创 2022-10-18 15:34:25 · 4232 阅读 · 0 评论 -
lottie-web 动画
通过yarn 进行安装。原创 2022-08-22 14:34:12 · 372 阅读 · 0 评论 -
通过Hbuilder X创建uni-app项目并引入UView
首先通过HBuilder X 创建一个 uni-app项目。原创 2022-08-18 15:58:08 · 843 阅读 · 0 评论 -
ArcGis之JavaScript
简单说,它是一种可以让开发人员在Web业务系统中嵌入地图的方法。一般可以简称为ArcGISJSAPI,由全球领先的GIS平台软件及服务提供商Esri向开发者提供。一般由两部分组成一套JSAPI库,一套SDK,也是就开发帮助。包括了API接口的具体说明、样例代码以及入门级的开发指南。...原创 2022-07-22 10:57:46 · 1858 阅读 · 0 评论 -
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.npm ER
在通过npm安装@vue-cli时,出现了如下报错信息解决办法:使用管理员身份安装,例如 mac 电脑,在命令的前面加上 sudo然后输入密码后进行安装,如下图所示:原创 2022-06-25 16:55:55 · 452 阅读 · 0 评论 -
npm ERR! code 128npm ERR! An unknown git error occurrednpm ERR! command git --no-replace-objects l
在安装vue-element-admin 项目所需依赖时,出现了如下报错信息解决办法:1、使用下面的命令,达到,把地址里的 换成 的目的2、然后重新通过 npm install 安装项目依赖效果图:原创 2022-06-06 11:29:19 · 18474 阅读 · 11 评论 -
pnpm 包管理器
通过npm 安装 pnpm。原创 2023-11-03 15:02:53 · 541 阅读 · 0 评论 -
Error in nextTick: “NotFoundError: Failed to execute ‘insertBefore‘ on ‘Node‘: The node before which
背景:在子组件和和父组件来回调用其内部函数时,并通过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原创 2022-05-19 15:40:02 · 3340 阅读 · 0 评论 -
el-select 组件设置filterable属性后,实现搜索不到数据时保留输入的内容
效果图:解决方法:<template> <div> <el-select v-model="refuseReason" filterable placeholder="请选择拒绝理由" clearable style="width:200px" :filter-method="dataFilter"> <el-option v-for="item in refuseList" :key="item" :label="item.原创 2022-05-17 15:46:36 · 5243 阅读 · 5 评论 -
[Vue warn]: Missing required prop: “value“
背景:在使用Element-UI时出现如下错误 解决办法:根据提示,发现是在使用el-select组件时出现的错误,根据这条线索找到该组件,发现是未给el-select指定 v-model 属性和值导致的,如下代码: <el-form-item label="续费状态"> <el-select style="width: 150px;" clearable @change="enterChangeOne"&..原创 2021-11-06 17:56:42 · 2825 阅读 · 0 评论 -
在vue-cli创建的uni-app项目中使用uView框架
通过下载uView源码的方式进行引入1、首先 通过uView UI已发布Sketch和Axure设计资源 - DCloud 插件市场下载uView源码到本地2、然后对压缩包进行解压,然后解压出来的文件夹放入项目src的目录下,如下图所示:3、然后就需要安装node-sass和sass-loaderyarn add node-sassyarn add sass-loader如若安装node-sass和sass-loader出现错误,那么请参见Syntax Erro...原创 2021-10-23 17:19:12 · 1876 阅读 · 0 评论 -
Syntax Error: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.
背景:在安装sass-loader时,运行项目以后出现该问题解决办法:原创 2021-10-23 16:31:12 · 1742 阅读 · 0 评论 -
this.getOptions is not a function
背景:在通过yarn安装sass-loader以后,再运行项目时,出现了如下错误出现该问题的原因,主要是sass-loader的安装版本太高导致的,我目前安装的时12.2.0的解决办法:1、首先移除已安装的sass-loaderyarn remove sass-loader2、然后再安装低版本的sass-loaderyarn add sass-loader@8.x...原创 2021-10-23 15:58:01 · 295 阅读 · 0 评论