- 博客(99)
- 收藏
- 关注
RSS订阅
原创 uni-app通过uni.navigateTo传递参数失败（传对象）
使用navigateTo()这种方法传对象，在跳转到的页面内打印传递参数，会发现得到的数据并不是想要的。如：1、跳转 // 详情 myInInfoClick(obj) { // this.dataItem = obj; uni.navigateTo({ url: './components/addIn?dataItem='+obj }); },2、获取// onLoad 表示监听页面加载，其参数为上个页面传递的数据 onLoad(option) { cons
2020-11-23 17:46:13
8706
原创 vue+elementUI 项目中使用 过滤器 filter 格式化日期时间戳
1、 后台传来的时间格式 tchhdAddDate: "2020-09-24T03:13:01.000+0000"2、想展示出来的格式 tchhdAddDate: "2020-09-24 3:13:01"3、处理流程（1）使用 <el-table-column slot="tdhhAddDate" label="添加时间" align="center" width="180"> <template slot-scop.
2020-09-24 13:59:17
1466
原创 table展示去除字符串中的html标签，点详情又能展示出设置好的样式
**去除字符串中的html代码const removehtml = (str = ‘’) => str.replace(/<[/!][^<>]>/ig, ‘’)console.log(removehtml(‘哈哈哈哈<呵呵呵’))// 哈哈哈哈<呵呵呵
2020-09-11 09:22:20
643
原创 动态获取 微信小程序appid / 自定义启动命令
可以在 vite.config.ts 文件中，添加 define 共享选项。打开App.vue文件，在 onShow 里面去执行仓储的赋值。
2024-02-20 16:50:29
2234
原创 antdPro使用pro create 创建项目：提示‘pro‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
自己电脑安装了包管理器，所以在使用命令时，系统会尝试在全局范围内查找并执行名为的命令，但是在电脑环境中并没有全局安装。
2023-11-09 17:41:15
1303
原创 vscode .vue文件快速创建代码片
ctr+shift+p ，搜索栏输入user，点击红色选中区域，如图：找到 vue.json 文件，没有可以新建：新建页面，输入你的文件名创建完的样子（vue.json 文件点开也是这样）把以下内容输入即可：页面输入prefix 定义的值就可以看到代码提示了，直接点击即可：
2023-05-06 10:34:14
298
原创 插件 Vetur 会和 .eslintrc.js 文件中的引号冲突问题
vue/standard’不希望代码中有双引号的存在， .eslintrc.js 会把代码中的单引号(’ ')全部转换为双引号(" ") 也会在每一行后面添加分号(；)，这样引号就会导致冲突报错。
2023-05-06 09:46:55
215
原创 Error: Can‘t find Python executable “python“, you can set the PYTHON env variable.
1、安装python环境，2.7版本，其他版本无效，完成后，需配置环境变量。2、以管理员身份运行powerShell ,执行。
2023-04-25 16:28:44
455
1
原创 antdPro编辑表格(EditableProTable)线上校验出错样式异常
antdPro编辑表格(EditableProTable)线上校验出错样式异常
2022-09-20 15:15:01
1734
原创 react 超一行展示省略号并且当鼠标悬浮时展示文本全部内容
Demo:title 就是展示鼠标悬浮的内容，当title的值为undefined时 titile 不展示。import { isExceed } from '@/utils/utils';.....<div className="col-item-value" title={isExceed(props.value, 28)}> {props.value} </div>....需要分成两步：Step1：css部分超一行展示省略号.col-item-
2022-04-22 11:53:11
2461
原创 react的createContext()和useContext()
（1）当组件上层最近的 <MyContext.Provider> 更新时，该 Hook 会触发重渲染，并使用最新传递给 MyContext provider 的 context value 值。（2）即使祖先使用 React.memo 或 shouldComponentUpdate，也会在组件本身使用 useContext 时重新渲染。（3）useContext(MyContext) 只是让你能够读取 context 的值以及订阅 context 的变化。你仍然需要在上层组件树中使用 &.
2022-03-25 15:14:32
2130
原创 react的useImperativeHandle()和forwardRef()
一、useImperativeHandle（）useImperativeHandle(ref, createHandle, [deps])useImperativeHandle 可以让你在使用 ref 时自定义暴露给父组件的实例值。在大多数情况下，应当避免使用 ref这样的命令式代码。 useImperativeHandle 应当与 forwardRef 一起使用。function FancyInput(props, ref) { const inputRef = useRef();
2022-03-25 15:09:56
2518
原创 Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同
开始之前Composition API 可以说是Vue3的最大特点，那么为什么要推出Composition Api，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScript支持有限以上通过使用Composition Api都能迎刃而解正文一、Options ApiOptions API，即大家常说的选项API，即以vue为后缀的文件，通过定义methods，computed，watch，data.
2022-03-17 17:36:40
774
原创 vue3 setup 常见参数
父组件<template> <div class="box"> <PageWrapper :title="'返回'" :content="'page 使用'" dense aa> <div> page 内容 </div> </PageWrapper> </div></template>子组件<script type="ts" >
2022-02-17 17:19:01
1537
原创 组合式Api的生命周期函数
beforeCreate / created -> // 使用 setup(),setup()周期函数在beforeCreate 之后，created 之前 beforeMount -> onBeforeMount mounted -> onMounted beforeUpdate -> onBeforeUpdate updated -> onUpdated beforeUnmount -> onBeforeUnmount unmounted -> o.
2022-02-17 17:12:49
359
原创 Vue3组件之间的传值问题
总共有6种方式：props（父传子）emit （子传父）v-model （子传父）refs （父传子）provide/inject （父传子孙）vuex/pinia(状态管理工具)**注意： eventBus 事件总线，vue3已废除。Vue3中移除了事件总线，但是可以借助于第三方工具来完成，Vue官方推荐mitt或tiny-emitter。在大多数情况下不推荐使用全局事件总线的方式来实现组件通信，虽然比较简单粗暴。但对于长期维护比较麻烦。1、props父组件<templ
2022-02-17 17:09:18
1961
原创 Vue3的单文件组件的组合式Api（2）
1、<script setup> 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。<script setup> 中的代码会在每次组件实例被创建的时候执行。相比于普通的 <script> 语法，它具有更多优势：更少的样板内容，更简洁的代码。能够使用纯 Typescript 声明 props 和抛出事件。更好的运行时性能 (其模板会被编译成与其同一作用域的渲染函数，没有任何的中间代理)。更好的 IDE（集成开发环境） 类型推断性能(减少语言服务器
2022-02-17 16:48:56
776
原创 Vue3的单文件组件的组合式Api（1）
1、什么是单文件组件？在大多数启用了构建工具的 Vue 项目中，我们可以使用一种类似 HTML 格式的文件来书写 Vue 组件，它被称为单文件组件 (也被称为 *.vue 文件，英文缩写为 SFC)。顾名思义，Vue 的单文件组件会将一个组件的逻辑 (JavaScript)，模板 (HTML) 和样式 (CSS) 封装在同一个文件里。2、单文件组件有几种风格？什么是选项式API? 什么是组合式API?（1）vue组件风格可以按照两种不同的风格书写：选项式API、组合式API。（2）选项式API：使.
2022-02-17 16:33:41
648
原创 vue3-全局变量的使用
一、main.ts中定义二、在页面中使用<template> <div> 全局变量 <div>方法1（使用 getCurrentInstance 的 appContext）：{{way1}}</div> <div>方法2（从 getCurrentInstance 结构出 proxy）：{{way2}}</div> </div></template><script
2022-01-18 11:21:14
3658
原创 pdf文件下载（下载名与文件名相同）
window.JSZip = require("jszip");import axios from "axios"; axios({ method: "get", responseType: "blob", // 因为是流文件，所以要指定blob类型 url: item.fileUrl, // 自己的服务器，提供的一个word下载文件接口 }).then( res => { if(res.data
2022-01-14 15:31:26
431
原创 vue项目实现页面上拉滚动加载
...... <!-- 页面展示 --> <div ref="pageRef" class="contain_block" @scroll="handleScroll"> <el-backtop :visibility-height="100"/> <pageIndex v-if="list && list.length" :list="list"/> <el-empty v-els
2021-12-27 14:41:54
836
原创 算法4：整数反转（简单）
给你一个 32 位的有符号整数 x ，返回将 x 中的数字部分反转后的结果。 如果反转后整数超过 32 位的有符号整数的范围 [−2^31, 2^31 − 1] ，就返回 0。 假设环境不允许存储 64 位整数（有符号或无符号）。示例 1：输入：x = 123输出：321示例 2：输入：x = -123输出：-321示例 3：输入：x = 120输出：21示例 4：输入：x = 0输出：0提示：-2^31 <= x <= 2^31 - 1-2.
2021-12-08 16:25:37
172
原创 算法3：两数之和（简单）
给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1：输入：nums = [2,7,11,15], target = 9输出：[0,1]解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。示例 2：输入：nums = [3,2,4], targe.
2021-12-08 11:24:28
3225
原创 算法2：猜数字（简单）
小 A 和 小 B 在玩猜数字。小 B 每次从 1, 2, 3 中随机选择一个，小 A 每次也从 1, 2, 3 中选择一个猜。他们一共进行三次这个游戏，请返回 小 A 猜对了几次？输入的 guess 数组为 小 A 每次的猜测，answer 数组为 小 B 每次的选择。guess 和 answer 的长度都等于3。示例 1：输入：guess = [1,2,3], answer = [1,2,3]输出：3解释：小A 每次都猜对了。示例 2：输入：guess = [2,2,3], a.
2021-12-08 10:08:54
6176
原创 算法1：二分法（简单）
给定一个 n 个元素 有序的（升序）整型 数组 nums 和一个目标值 target ，写一个函数搜索 nums 中的target，如果目标值存在返回下标，否则返回 -1。示例 1:输入: nums = [-1,0,3,5,9,12], target = 9输出: 4解释: 9 出现在 nums 中并且下标为 4示例 2:输入: nums = [-1,0,3,5,9,12], target = 2输出: -1解释: 2 不存在 nums 中因此返回 -1提示：你可以假设.
2021-12-03 15:12:29
423
原创 react 导入 react-router-dom引入Switch报 ‘Switch‘ is not exported from ‘react-router-dom‘
react-router-dom从V5升级到V6后，有些使用做了一些改变：(1) Switch 重命名为 Routes// v5<Switch> <Route exact path="/"><Home /></Route> <Route path="/profile"><Profile /></Route></Switch>// v6<Routes> <R.
2021-12-01 17:32:27
12162
4
原创 ant design 的组件 Select 的 placeholder不生效
value: 指定当前选中的条目，多选时为一个数组。（value 数组引用未变化时，Select 不会更新）// 当select的value绑定一个默认值时，如果默认值是' '或null时，placeholder也是不生效的，// 你需要将默认值设为 undefined 才可以<Select ... // value 指定当前选中的条目，多选时为一个数组。（value 数组引用未变化时，Select 不会更新） value={item.value ? item.v
2021-11-04 09:40:54
637
原创 React+TS引入antd
在 TypeScript 中使用 React 和 Antd安装和初始化使用 yarn 创建 cra-template-typescript 项目yarn create react-app antd-demo-ts --template typescriptornpx create-react-app my-app --template typescript如果你使用的是 npm（接下来我们都会用 yarn 作为例子，如果你习惯用 npm 也没问题）。npx create-react-app
2021-10-17 20:00:25
1801
原创 React路由传参的三种方式
方式 一：通过params1.路由表中 2.Link处HTML方式<Link to={ ’ /sort/ ’ + ’ 2 ’ } activeClassName=‘active’>XXXX JS方式this.props.history.push( ‘/sort/’+‘2’ ) 3.sort页面通过 this.props.match.params.id 就可以接受到传递过来的
2021-09-28 15:42:17
509
原创 react跑马灯插件react-slick使用
传送门 react-slick想实现类似这种样式的跑马灯注意：使用npm下载的时候会要求你得jquery,typescript的版本有要求，需要下载符合条件的版本，否则会下载不下来。代码：import Slider from "react-slick";import "slick-carousel/slick/slick.css";import "slick-carousel/slick/slick-theme.css";... // 跑马灯插件设置const settings = {
2021-09-24 15:11:34
8179
2
原创 vue3.0 配置@根路径
vue.config.js 文件module.exports = { publicPath: '/', // 从 Vue CLI3.3 起已弃用，请使用publicPath outputDir: 'dist', lintOnSave: true,// 是否在保存的时候检查 devServer: {// 环境配置 host: 'localhost', port: 8088, open: true, //配置自动启动浏览器
2021-08-06 16:23:58
12104
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人