开发背景react + antd + wangeditor开发流程按装富文本编辑器npm i wangeditor --save页面中初始化编辑器容器componentDidMount() {this.initEditor ()}// 初始化编辑器initEditor = (content) => {const editor = new E('#editor')// jsx中创建id为edi

一、准备工作安装脚手架: cnpm install -g create-react-app创建项目 create-react-app 项目名二、React元素渲染使用jsx写法，创建元素对象let div = <div>这样创建一个div对象<div>注意：jsx对象，最外层必须只有一个根元素（节点）三、react jsx优点：JSX执行更快，编译为js代码时进行优化类型更

背景：作为前端开发，经常需要进行接口调试，比如常用的postman。Rest client则是vscode推出的一款直接在vscode编辑器内就可以进行接口调试的插件。可以帮助我们快速在编辑器中进行接口调试，而无需新打开一个postman之类的窗口，这样的操作更加方便快捷。安装：vscode插件库搜索REST Client使用：通过创建以.http 或 .rest为结尾的文件，进行http请求，例

使用vux的x-input组件开发时，在部分iphone和android机上，遇到了系统键盘弹起时，导致UI上移现象，最终解决，给input框绑定“失焦”事件，设置页面scrollTop为0即可，x-input中是 @on-blur<x-input@on-blur="onBlur"/>// methods中onBlur() {let scrollTop = document.docum

在开发中，如果页面有大量的相同功能及UI，我们可以封装成组件复用，以便能减少开发工作量，并能有效的进行统一维护。举个例子，我页面中有大量这种功能，接下来就进行组件的封装根据截图可知，功能主要分为两大块，搜索模块 + table结果展示模块因此，先创建一个公共组件，主要代码如下，formList是头部搜索部分，根据不同页面需要的搜索项进行设置即可constructor部分constructor()

今天写echarts页面发现，windows系统下图数据量只有两百多都会显示卡顿，而查看echarts官方实例，数据量四千多都正常渲染，就很郁闷经排查，竟然是因为页面里同时渲染了图表和表格，而表格数据和echarts数据是放在接口返回结果里一起整理的，这就造成了图还没有渲染完成，就在等待表格数据渲染，因此会出现页面中看到的卡顿，然后再一次加载完成现象解决方法将图表数据和表格数据分开整理，谁先渲染谁

背景：作为前端开发，经常需要进行接口调试，比如常用的postman。Rest client则是vscode推出的一款直接在vscode编辑器内就可以进行接口调试的插件。可以帮助我们快速在编辑器中进行接口调试，而无需新打开一个postman之类的窗口，这样的操作更加方便快捷。安装：vscode插件库搜索REST Client使用：通过创建以.http 或 .rest为结尾的文件，进行http请求，例

先看下效果吧首先进行公众号的常规开发，引入jssdk，相关配置代码如下引入后可以使用微信内置定位功能，获取用户经纬度重点！引入腾讯地图JS API 点击查看腾讯javascript API在index.html页引入jsapi(key需要自己去腾讯地图官网申请奥，否则鉴权不通过，不能进行接下来的开发)创建一个需要用的地图的组件，设置地图宽高js相关代码如下// 初始化地图initMap() {th

背景1. vite是跟随vue3诞生的一个工具，它让我们在开发环境中的效率大大提升，其原因是因为它省去了我们在开发环境中的打包过程（因为我们在实际开发环境中是不需要打包的，但是webpack却会去执行打包，大大降低了开发效率），将ES 模块源码直接传输给浏览器，浏览器使用自带的<script module> 进行解析支持2. 但是vite其实是基于vue3进行开发的，很多时候我们的老项