前端小白成长记

原创 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内直接使用值，而不是传入一个函数.

原创 antd-design-pro实现多页签，切换页签保留缓存，keep-alive

感谢该大佬提供的组件：GitHub - CJY0208/react-activation: Hack <KeepAlive /> for Reactreact 里 keep-alive 的实现目前是黑科技，会有些问题使用过程中遇到问题的话，可以优先看这儿https://github.com/CJY0208/react-activation/blob/master/README_CN.md#breaking-change-%E7%94%B1%E5%AE%9E%E7%8E%B0%E5%.

原创 Ant Design Pro从0-1创建一个项目

创建$ yarn create umi my-appSelect the boilerplate type: 选择 Ant Design Pro❯ ant-design-proWhich language do you want to use? 选择你使用的语言❯ TypeScript JavaScript$ cd my-app$ yarn$ yarn start # 打开浏览器访问 http://localhost:8000移除语言国际化 yarn run i18n-re

原创 uni-app导航定位

1、点击图标，跳转到选择地址页面<view style="display: flex;align-items: center;" @tap='chooseLocation'></view>chooseLocation(){ uni.chooseLocation({ latitude:this.detail.lat, longitude:this.detail.lng, success:(res)=> { console.log(res);

原创 uni-app拖拽排序

<template> <view class='zhuti'> <movable-area class="movable-area" :style='"display:"+movableViewInfo.showClass+"; height:"+pageInfo.scrollHeight+"%"'> <movable-view class='row list-row movable-row' out-of-bounds='true' dam...

原创 uni-app分包、微信原生小程序分包

uni-app分包、微信原生小程序分包

原创 vue中常用到的一些解决问题方法（整理一些真正有效能够使用到项目中的方法）（等待不断更新积累）

vue中常用到的一些解决问题方法