前端小白成长记

原创 vue3使用html2canvas截图下载时，遇见的问题

1.示例代码2.v-html转的公式下载为空白

原创 van-picker级联设置默认选择

方法来设置选择的索引。这个方法可以帮助您在需要时通过编程方式设置选择的值。在Vanilla Picker（van-picker）组件中，您可以使用。

原创 vue3实现下载滚动页面的全部内容

【代码】vue3实现下载滚动页面的全部内容。

原创 vue3将多张图片合成一张

下载合成的图片。

原创 vue3使用一些组件的方法

iconpark

原创 使用vue-codemirror做代码编辑器，并实现格式化代码

子页面CodeMirrorEditor.vue：代码可能有误，是由图片直接转的文字。目前只有SQL格式化成功，其他的等有时间研究。主页面代码：代码可能有误，是由图片直接转的文字。

原创 EXTJS实现自定义表格

同时设置表格所处页面高度100%

原创 echarts实际开发中遇到的问题

echarts实际开发中遇到的问题

原创 清除页面缓存

原创 音频开发-小程序和H5

音频开发

原创 vue3 element-table实现左右两个表格左右滑动时一起联动

vue3 element-table实现左右两个表格左右滑动时一起联动

原创 H5项目中使用微信JS-SDK（以H5项目批量上传图片为例，兼容IOS及安卓）

H5项目中使用微信JS-SDK（以H5项目批量上传图片为例，兼容IOS及安卓）

原创 项目缓存问题处理

项目缓存问题处理

原创 vue3 el-image实现预览时添加自定义文字

vue3 el-image实现预览时添加自定义文字

原创 vue3 v-html点击事件

vue3 v-html点击事件

原创 小程序分享的页面，点击进入白屏

小程序分享的页面，点击进入白屏

原创 vue3 div实现鼠标拖拽放大缩小

vue3 div实现鼠标拖拽放大缩小

原创 搭建前端业务组件库

搭建前端业务组件库

原创 vue中使用wangeditor富文本编辑器

vue中使用wangeditor富文本编辑器

原创 vue项目中使用el-upload上传预览tif/tiff文件

vue项目中使用el-upload上传预览tif/tiff文件

原创 npm常见问题

npm常见问题

原创 uniapp兼容小程序和H5遇见的坑

uniapp兼容小程序和H5遇见的坑

原创 audio h5自动播放

audio h5自动播放

原创 h5遇到的坑

h5嵌入企业微信，遇到的坑

原创 vue中请求接口

vue中请求接口

原创 微信小程序全局水印组件

微信小程序全局水印组件

原创 Hbuilder工具的一些问题

Hbuilder工具的一些问题

原创 element ui组件使用介绍

element ui组件使用介绍

原创 开发小程序使用 vant 遇到的坑

uni-app 开发微信小程序使用 vant 遇到的坑

原创 jquery常用方法

jquery常用方法

原创 vuedraggable拖拽组件使用遇见的问题

vuedraggable拖拽组件使用遇见的问题

原创 vue实现在线预览office文件

vue实现在线预览office文件：office online和xdocin

原创 react antd-design Select全选功能

react antd-design Select全选功能

原创 react 富文本组件wangeditor

yarn addwangeditor 代码editor.jsexport const colorData = [ '#FFFFFF', // 白色 '#FF0000', // 红色 '#00FF00', // 绿色 '#0000FF', // 蓝色 // '#FF00FF', // 牡丹红 '#00FFFF', // 青色 '#FFFF00', // 黄色 '#000000', // 黑色 '#70DB93', // 海蓝 // '#5C3317', //.

原创 记录本地测试没问题，测试环境有问题的疑点

modal内关闭当前弹窗，并跳转到新的页面1、尝试过使用promise.thenconst p = function () { console.log('=======2'); return new Promise((resolve, reject) => { console.log('=======3'); handleHistoryModalVisible(false);

原创 vue学习笔记：生命周期，搭建Vue3.0项目

vue学习笔记：生命周期，搭建Vue3.0项目

原创 react移动端项目使用px2rem适配和antd-mobile按需加载的webpack

config-overrides通过react脚手架[create-react-app]创建的项目，如果需要在项目中配置一些webpack配置，需要在根目录下新建一个名称为config-overrides.js的文件。1、引入react-app-rewired插件 react-app-rewired的作用就是在不eject的情况下,覆盖create-react-app的配置2、安装插件npm install react-app-rewired customize-cra react-app-r

原创 三级面包屑的页面跳转到二级面包屑页面时，报错：Rendered fewer hooks than expected.

页面A，属于面包屑的第三级。页面A内点击链接跳转到页面B，页面B属于面包屑的第二级。此时出现报错提示：Rendered fewer hooks than expected. This may be caused by an accidental early return statement.原因是由于我在app.jsx中自定义了面包屑的跳转方法，内部有hooks代码最后解决办法是，判断了当前路由，只有特定路由内才有hooks...

原创 antd protable

1、想要实现外部传递进来的参数，每次参数变化，重新请求接口 useEffect(async () => { if (props?.values?.orgCode) { if (actionRef.current) { actionRef.current.reload(); } } }, [props?.values?.orgCode, props?.values?.busiPolicyCode]); <P

原创 react antd protable内的Input输入框每次输入失去焦点

最后发现是我将rowKey={RndNum}；RndNum是一个函数// 获取一组十位数的随机数function RndNum() { var rnd = ''; for (var i = 0; i < 10; i++) rnd += Math.floor(Math.random() * 10); return rnd;}正是因为这个原因，导致我的输入框每次输入一个字符，就会失去焦点。解决办法：rowKey="key"，rowKey内直接使用值，而不是传入一个函数.