
项目小笔记
Georgia fab
这个作者很懒,什么都没留下…
展开
-
React 项目中常用自定义hooks
react 项目中常用的自定义hook原创 2023-02-14 19:23:48 · 697 阅读 · 0 评论 -
使用vite打包可以按需引入的组件库 (rollup)
直接运行 npm run lib 命令即可。加上这个让每一个组件都可以被单独的注册。原创 2023-01-13 16:08:33 · 4701 阅读 · 2 评论 -
两个树的拖拽合并处理-- vue-draggable
【代码】两个树的拖拽合并处理-- vue-draggable。原创 2023-01-13 15:50:22 · 689 阅读 · 1 评论 -
实用组件:双击重命名
【代码】实用组件:双击重命名。原创 2023-01-13 15:41:20 · 386 阅读 · 0 评论 -
怎么在可视化编辑器中局部更新元素样式
【代码】怎么在可视化编辑器中局部更新元素样式。原创 2023-01-13 15:30:26 · 105 阅读 · 0 评论 -
在可视化编辑器开发中怎么做代码导入成json的
【代码】在可视化编辑器开发中怎么做代码导入成json的。原创 2023-01-13 15:24:37 · 252 阅读 · 0 评论 -
【无标题】
1212原创 2023-01-12 14:28:15 · 158 阅读 · 0 评论 -
el-tree 半选处理
有参考过其他人的方案:elementui tree设置节点半选解决方案是使用的组件内置方法实现的,可能我是使用的element-plus 的缘故 使用其方案并未其效果,就从数据上入手了:tree组件在获取完数据进行页面回显时,因为获取的数据中包含父节点的关系,把不该选中的子节点也全部勾上了 const getList = () => { getRoleDetail({ id: route.query.id || '' }).then(async (res) => {原创 2021-07-15 09:53:34 · 1704 阅读 · 0 评论 -
el-select 可过滤状态点击最右arrow icon可收起
el-select 可过滤状态点击最右arrow icon可收起公司测试又在折磨人,el-select组件在设置了filterable 属性的情况下点击右边的icon位置,下拉是收不回来的,只能点击可输入框和组件外其他区域才可以,bug就来了单纯只是filterable 很好解决,直接css:/*** 下拉框图标点击可收起*/.el-select{ .el-input__inner{ position: relative; z-index: 10; backgroun原创 2021-07-14 18:01:33 · 1007 阅读 · 0 评论 -
列表页缓存解决方案(keep-alive)Vue3.x
列表页缓存解决方案(keep-alive)Vue3.x列表页切换详情,切回后要保持列表页切换前的状态是十分常见的需求,以下是我在项目中使用的处理方案,代码贴上,路过大佬望指教:常规操作,router-view 上配置 keep-alive:我将需要缓存的放到了vuex中 <router-view v-slot="{ Component }" :key="key"> <transition name="move" mode="out-in"> <原创 2021-07-14 17:29:12 · 1080 阅读 · 0 评论 -
TS泛型使用笔记Generics
泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性。原创 2020-11-12 11:14:40 · 1069 阅读 · 0 评论 -
Fetch的使用以及在项目中对其进行二次封装成Class
Fetch 是前端提供的别一种请求方式,和ajax是两回事window.fetch polyfillwhatwg-fetch //做fetch的兼容,如果浏览器兼容fetch这个插件就不作用,如果不兼容就会调用这个方法fetch是浏览器本身有的不需要去安装引入import 'whatwg-fetch'fetch();Fetch 的使用get请求/ get请求window.fe...原创 2020-02-21 11:21:23 · 340 阅读 · 0 评论 -
混合开发webviewjavascriptbridge插件实现web与原生的交互
使用插件实现web,ios,android 进行交互插件 webviewjavascriptbridge 此插件分为两种 一个是ios 一个是android原生向bridge注册事件,web这边去调用,复制插件的一段代码放在index.html中function setupWebViewJavascriptBridge(callback) { if (window.WebViewJavas...原创 2020-02-21 11:09:14 · 379 阅读 · 0 评论 -
react-router缓存路由(源代码修改)
一般情况下,进入项目之后,根页面都需要进行缓存处理我们需要修改react-router源代码来实现这个功能在github该路劲下找到其源代码在项目中自定义文件cacheRenderRoutes.js修改源码至:import React from "react";import {CacheRoute, CacheSwitch} from 'react-router-cache-rou...原创 2020-02-21 10:58:40 · 809 阅读 · 0 评论 -
react-native中使用ScrollView组件自己封装走马灯
使用ScrollView替代View可以实现安全范围内的滚动showsVerticalScrollIndicator隐藏滚动条<ScrollView showsVerticalScrollIndicator={false}></ScrollView>制作轮播图import { View, Text, StatusBar, SafeAreaView,...原创 2020-02-21 10:29:53 · 440 阅读 · 0 评论 -
如何使用js获取网站内容为几天前发布或在几月份发布(数组遍历)
前一阵子客户有需求要显示判断网站添加资料是在几天前或是几个月前所添加的,想想原理是很简单,但由于我是小菜鸟一个,所以决定写下来已备后来之需,同样有需要的也可以过来看下。首先的要求是网站后台本身是可以获取到本条资料添加的时间的 HTML: &lt;div class="EIMS_C_40030_308_intro"&gt; &lt;span name="_xn_f_3_t...原创 2018-08-28 15:06:50 · 747 阅读 · 0 评论