TWO_GAME-CSDN博客

原创 React ant组件下实现滚轮控制table表格行宽度，非hooks

React ant组件下实现滚轮控制table表格行宽度，非hooks

2023-10-20 17:31:26 388 1

原创 Vue3+ts低代码平台

最近无聊写了个基本的低代码平台，平台采用vue3+ts完成，目前平台支持的功能主要有以下几点：如图所示：目前代码放到github上，演示地址：低代码演示地址需要源码的可以访问此地址，然后点击源码可获取源码地址：源码地址......

2022-06-14 11:17:57 1842 1

这段时间一直在利用uniapp做聊天室的功能，这里分享下发送新消息，接收新消息怎么像QQ那样滚动加载。首先我是查了一下网上的朋友，看了下大多都是使用scroll-top实现的，所以我也试了一下这个东西，确实可以实现，但是他获取dom的速度着实让人着急，而且不大适用加载历史记录，因为太慢了，我不知道网友是不是有更好的方式加载聊天记录，我这边不管怎么加载都会延迟一会，所以会跳动一下，看着让人着实难受，所以我是写了一个opacity延迟一会再显示，让人看起来舒服一点，好了，上边纯属瞎扯，进入正题，我.

2021-02-07 16:20:27 924 2

原创解决uniapp中editor写入表情时软键盘盘弹出问题

很多人做聊天的时候会碰到这样的问题，使用editor做单纯文字聊天没事，但是加上表情就难受了，因为一写入表情就获取了焦点，然后软件盘就出来了，结合网上的经验这里总结下，话不多说，代码示例，1.定义个函数写入以下代码，this.hideKeyboardTime这个东西随便定义就行在data里。hideKeyboardMain(){ this.hideKeyboardTime = setInterval(function() { uni.hideKeyboard(); //隐藏软键盘 .

2021-02-07 15:27:06 1974 12

原创 uniapp动态修改tabBar问题

好吧，又碰到个小坑，分享下，由于我的项目是多语言所以需要动态切换tabBar文字，话不多说上代码。uni.setTabBarItem({ index: 3, text: “多语言”, success:function(res){ console.log(res) } })当你随意把这个东西扔到函数里面或者app.vue里面时，这时候坑就来了，发现根本不起左右，或者说只有刷新才起作用，这里注意下这个坑，正确的用法需要满足两点：1.必须写在.

2021-01-29 01:38:20 10627 14

原创 pyqt5实现在IE内核下打开web界面，并实现自动解除IE安全策略问题。

主要因为我在html里需要使用到ActiveX插件，但是也不可能让客户只用IE打开，所以就用pyqt封装了IE内核打开网页，话不多说，上代码。import sysfrom PyQt5.QtWidgets import *from PyQt5.QAxContainer import QAxWidgetclass MainWindow(QMainWindow): def __init__(self): super(MainWindow, self).__init__()

2021-01-15 19:28:55 928 1

原创图片居中铺满盒子

今天做了个小功能，需要实现图片居中铺满屏幕，并且不能有留白更不能被压瘪，如下图：直接网上搜索铺满屏幕，大部分都是宽度直接100%，因为这里需要实现图片居中并且同时要铺满屏幕，并且肯定不能被压瘪，所以直接宽度，高度100%肯定不行的，所以我这里选择使用css的scale属性来实现。原理就是首先图片width=‘100%’，然后判断图片的高度是否小于父元素的高度，因为我这里不是瀑布流，所以父元素肯定是定死，然后图片自适应的，当小于父元素高度时就将scale加个0.1左右，然后不断循环判断，直到图片高度大于

2020-08-14 14:42:16 789 1

原创图片居中自适应铺满盒子

今天做了个小功能，需要实现图片居中铺满屏幕，并且不能有留白更不能被压瘪，如下图：直接网上搜索铺满屏幕，大部分都是宽度直接100%，因为这里需要实现图片居中并且同时要铺满屏幕，并且肯定不能被压瘪，所以直接宽度，高度100%肯定不行的，所以我这里选择使用css的scale属性来实现。原理就是首先图片width=‘100%’，然后判断图片的高度是否小于父元素的高度，因为我这里不是瀑布流，所以父元素肯定是定死，然后图片自适应的，当小于父元素高度时就将scale加个0.1左右，然后不断循环判断，直到图片高度大于

2020-08-11 15:44:53 1415

原创 element table多选改单选

闲着无聊想把项目的多选改成单选，由于以前设计图是多选，但是实际运用中并用不到，所以就抽时间改下，由于接口什么都对接完毕，如果动结构会很麻烦，以前运用的就是element table type=selection设置的多选，如图：本来准备想使用radio，或者使用checkbox修改下，由于接口对接完毕，所以不太好修改，于是研究下了API，发现了个可以取巧的方法，分享一下，handleSelectionChange(row) { this.tableData.forEach((item)=&g

2020-07-02 16:12:07 1694 1

原创 Echarts 实现map地图多个“label”弹框，

话不多说，看设计图就知道，需要实现地图打点，并且实时弹出警情信息弹框，看echarts API都知道地图打点很容易实现，问题是实现多个弹框，本来准备使用label加载动态dom标签实现，看API发现label的formatter并不支持html标签，当然，自带的rich也可以实现上图样式，但是关键label没法点击，于是就想使用toolip实现，然后发现toolip只能实现一个弹框，而且位置也没...

2020-05-08 14:58:00 3773 4

原创 jqprint打印的简单使用

最近做了一个项目，里面需要打印Echarts和部分介绍文字，看了网上很多例子，都写得不错，文字打印都没问题，但碰到Echarts就各种失效，好不容易找到原因，可以打印了，确发现只能打印一页，好气啊，不过最终还是找到了方法，所以今天就来分享下我的爬坑之路。首先和网上的步骤一样，引下所需要的js文件：<script language="javascript" src="jquery-1.4....

2019-09-10 17:52:19 2214

原创 webpack项目打包实践

概念本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。下面我将对一个项目的html，css，js以及image进行整体的打包概述。一.安装全局环境...

2019-07-01 20:00:18 279 1

原创微信小程序使用FontAwesome

无论是微信小程序还是做其他网站，图标的使用都是不可或缺的，最近在微信小程序中就需要用到字体图标，于是开始在网上寻找使用方法，经过浏览网上的使用方法，都是大同小异，虽然都可以实现，但是步骤繁多，让人看起来有点不厌其烦，这里对于图标的转换方法我就不介绍了，自己把转换后的代码放到网上，以便于直接复制粘贴。首先把Font Awesome网址给你们。其次小程序的使用方法有点不同，正常都是使用i标签，...

2019-07-01 16:41:59 183

原创 vue里引用阿里的字体图标

1.首先第一步肯定注册登陆阿里的Iconfont,这点自然不用介绍了。2.第二步随便找个自己使用的图标添加入库，如下图：3.第三步新增自己的一个项目，名字随便取，自己喜欢就好，然后添加到刚刚创建的项目里，然后点击确定，如图4.第四步：点击Font class然后会发现下方约50px处让你生成链接；点击生成。如图：5.第五步：复制上图代码然后添加到你写的**.vue项目style里即...

2019-07-01 16:35:37 774

weixin_43998604的博客