会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
魔狼再世
vue 实战教程
博客园
首页
新随笔
联系
管理
订阅
[置顶]
使用js获取系统分辨率、系统缩放倍数和浏览器缩放倍数
摘要: 做屏幕适配让人头大,用rem适配需要获取到系统缩放倍数和浏览器缩放倍数来计算根节点字体大小,网上找来找去都没看见一个满意的方案,自己折腾一个算是一个比较完美的方案吧,亲测谷歌浏览器120版本有效 // 获取缩放倍数(1*系统缩放倍数*浏览器缩放倍数) function getZoom() { let
阅读全文
posted @ 2024-02-01 15:38 魔狼再世
阅读(2614)
评论(0)
推荐(1)
2024年10月19日
如何创建Electron + Vue3项目, 并调用C# dll
摘要: 依赖环境 当前系统环境为win11,真正上手才知道环境问题才是最大的问题,希望本文能帮你节约时间。 本文参考以下资料 https://www.electronforge.io/guides/framework-integration/vue-3 perplexity.ai和kimi.ai提供其他相关
阅读全文
posted @ 2024-10-19 11:51 魔狼再世
阅读(884)
评论(0)
推荐(0)
2022年4月16日
基于@vueuse/core + @vue/composition-api 实现多行元素展开/折叠功能
摘要: 列表查询是很常见的功能,复杂的系统模块会有很多查询条件,默认只展示第一行查询条件是个不错的方案。 产品的方案是百变的,可能会让你一行展示固定数目的查询组件,也可能是根据屏幕宽度动态确定数量。 这个时候就很有必要来一个专门处理展开/折叠功能的组件,专注于展开/折叠功能。内部布局用css控制就行了。 实
阅读全文
posted @ 2022-04-16 10:03 魔狼再世
阅读(1131)
评论(0)
推荐(0)
2022年3月30日
vue中基于sortablejs与el-upload实现文件上传后拖拽排序
摘要: 今天做冒烟测试的时候发现商品发布有一个拖拽图片排序功能没做,赶紧加上 之前别的同事基于 vuedraggable 实现过这个功能,我这里自己深度封装了 el-upload ,用这种方式改动很大,而且感觉不够优雅。 突然想起之前看的d2-admin项目里面有类似的功能,里面用到了 sortablejs
阅读全文
posted @ 2022-03-30 20:58 魔狼再世
阅读(1299)
评论(0)
推荐(1)
2022年3月5日
vue 中 wangeditor 格式刷功能
摘要: 去年我刚到公司的时候,旁边同事问我wangeditor怎么实现格式刷功能,我找了很多资料勉勉强强实现了一个,一直想写个文章记录下,拖到现在才写,真是老了呢。 新建一个js文件,暂且命名为formatBrush.js,直接上代码: 1 // 参考资料 2 // https://www.jianshu.
阅读全文
posted @ 2022-03-05 12:07 魔狼再世
阅读(1251)
评论(0)
推荐(0)
2021年1月21日
vue element-switch 支持在状态改变前拦截change事件
摘要: 有时候在改变状态时需要进行校验,校验成功后才能改变值 组件代码如下(ts写法) 1 <script lang="ts"> 2 import { Component, Vue, Prop } from "vue-property-decorator"; 3 import { Switch } from
阅读全文
posted @ 2021-01-21 14:25 魔狼再世
阅读(6029)
评论(0)
推荐(0)
vue element el-progress组件增强,鼠标移动到组件上时会触发一个回弹动画效果
摘要: 有时候需求就是这么奇怪,要求鼠标移动到组件上面有一个动画回弹效果 组件代码如下(ts写法) 1 <template> 2 <div @mouseover="onMouseover" @mouseout="onMouseout"> 3 <el-progress 4 v-bind="$attrs" 5
阅读全文
posted @ 2021-01-21 13:59 魔狼再世
阅读(582)
评论(0)
推荐(0)
2020年8月17日
vue element el-input 输入框当内容长度超出时显示el-tooltip提示
摘要: 参考资料:https://blog.csdn.net/qq_40190624/article/details/105730596 基于el-input与el-tooltip进行二次封装,当el-input 输入框当内容长度超出时显示el-tooltip提示,支持所有el-input的配置与事件。效果
阅读全文
posted @ 2020-08-17 09:57 魔狼再世
阅读(9476)
评论(0)
推荐(2)
2020年6月9日
vue 数据代理帮助类 ux-data-proxy
摘要: 最近利用lodash实现了一个请求数据的代理类,主要用于列表分页查询,灵感来至于ExtJs中的Ext.data.Store,相关配置作用也是一样的。 git地址:https://github.com/jy02534655/data-proxy 安装代理模块 npm install ux-data-p
阅读全文
posted @ 2020-06-09 14:09 魔狼再世
阅读(443)
评论(0)
推荐(0)
2019年5月20日
微信小程序全局设置分享内容
摘要: 微信小程序每个页面都可以在onShareAppMessage中设置分享内容,如果想要全局设置成一样的分享内容如何设置呢? 在app.js中新增以下方法: 然后在onLaunch中调用即可,如果你有更好的实现方案,请告诉我.
阅读全文
posted @ 2019-05-20 16:19 魔狼再世
阅读(18427)
评论(2)
推荐(3)
2019年3月28日
解决vscode更新后Ext Js插件无法使用问题
摘要: 解决方案来至于https://www.sencha.com/forum/showthread.php?471410-Bug-in-VS-Code-Plugin-since-VS-Code-Update-(-gt-1-31) 在C:\Users\你的用户名\.vscode\extensions\sen
阅读全文
posted @ 2019-03-28 09:25 魔狼再世
阅读(1613)
评论(1)
推荐(0)
2018年8月8日
ux.form.field.Year 只能选年的时间扩展
摘要: 效果如图,亲测6.2.1版本可用,用法同时间选择控件
阅读全文
posted @ 2018-08-08 18:19 魔狼再世
阅读(567)
评论(1)
推荐(0)
ux.form.field.Month 只能选年、月的时间扩展
摘要: 效果如图,亲测6.2.1版本可用,用法同时间选择控件
阅读全文
posted @ 2018-08-08 18:16 魔狼再世
阅读(555)
评论(0)
推荐(0)
2018年7月17日
Ext Js 6+ 动态切换皮肤
摘要: 在这里以ext js 6.2.1版本为例(注:需要安装Sencha Cmd,以及下载对应的sdk) 1.创建空白项目 在命令行中输入sencha -sdk D:\Code\ext-6.2.1 generate app app D:\Code\Test D:\ASPX\ext-6.2.1 是指sdk目
阅读全文
posted @ 2018-07-17 15:42 魔狼再世
阅读(1981)
评论(0)
推荐(0)
2017年10月25日
Ext Js 6.2.1 classic grid 滚动条bug解决方案
摘要: 此bug未在其他版本发现,参考高版本代码重写类解决此bug,直接上代码:
阅读全文
posted @ 2017-10-25 18:06 魔狼再世
阅读(1259)
评论(0)
推荐(0)
2017年10月8日
Ext-JS-Modern-Demo 面向移动端示例
摘要: 基于Ext Js 6.5.2 面向移动端示例,低于此版本可能存在兼容问题,慎用 已忽略编译目录,请自行编译运行 Sencha Cmd 版本:v6.5.2.15 git地址:https://github.com/jy02534655/Ext-JS-Modern-Demo 在线演示地址:https://
阅读全文
posted @ 2017-10-08 16:41 魔狼再世
阅读(1199)
评论(0)
推荐(0)
2017年9月12日
ux.form.field.Password 密码与非密码状态切换
摘要: 效果如图: 扩展源码:
阅读全文
posted @ 2017-09-12 11:02 魔狼再世
阅读(597)
评论(0)
推荐(0)
2017年7月31日
Ext-JS-Classic-Demo 面向pc端示例
摘要: 基于Ext Js 6.5.1 面向pc端示例,低于此版本可能存在兼容问题,慎用 已忽略编译目录,请自行编译运行 Sencha Cmd 版本:v6.5.1.240 git地址:https://github.com/jy02534655/Ext-JS-Classic-Demo 在线演示地址:https:
阅读全文
posted @ 2017-07-31 09:39 魔狼再世
阅读(756)
评论(0)
推荐(0)
2017年7月7日
ux.form.field.GridDate 支持快速选择日期的日期控件
摘要: 效果如图,亲测6.2.1版本可用
阅读全文
posted @ 2017-07-07 22:16 魔狼再世
阅读(901)
评论(0)
推荐(0)
2017年4月30日
Ext Js 6+ 如何引入dashboard模版
摘要: 最近很多人问我在ext js 6+的版本中怎么引入官方的dashboard模版,正好我好久没写博客了,这里我写一篇博客来说明一下。 在这里以ext js 6.2.1版本为例(注:需要安装Sencha Cmd,以及下载对应的sdk) 1.创建空白项目 在命令行中输入sencha -sdk D:\ASP
阅读全文
posted @ 2017-04-30 15:19 魔狼再世
阅读(4384)
评论(3)
推荐(0)
下一页
公告