摘要:
做屏幕适配让人头大,用rem适配需要获取到系统缩放倍数和浏览器缩放倍数来计算根节点字体大小,网上找来找去都没看见一个满意的方案,自己折腾一个算是一个比较完美的方案吧,亲测谷歌浏览器120版本有效 // 获取缩放倍数(1*系统缩放倍数*浏览器缩放倍数) function getZoom() { let 阅读全文
摘要:
依赖环境 当前系统环境为win11,真正上手才知道环境问题才是最大的问题,希望本文能帮你节约时间。 本文参考以下资料 https://www.electronforge.io/guides/framework-integration/vue-3 perplexity.ai和kimi.ai提供其他相关 阅读全文
摘要:
列表查询是很常见的功能,复杂的系统模块会有很多查询条件,默认只展示第一行查询条件是个不错的方案。 产品的方案是百变的,可能会让你一行展示固定数目的查询组件,也可能是根据屏幕宽度动态确定数量。 这个时候就很有必要来一个专门处理展开/折叠功能的组件,专注于展开/折叠功能。内部布局用css控制就行了。 实 阅读全文
摘要:
今天做冒烟测试的时候发现商品发布有一个拖拽图片排序功能没做,赶紧加上 之前别的同事基于 vuedraggable 实现过这个功能,我这里自己深度封装了 el-upload ,用这种方式改动很大,而且感觉不够优雅。 突然想起之前看的d2-admin项目里面有类似的功能,里面用到了 sortablejs 阅读全文
摘要:
去年我刚到公司的时候,旁边同事问我wangeditor怎么实现格式刷功能,我找了很多资料勉勉强强实现了一个,一直想写个文章记录下,拖到现在才写,真是老了呢。 新建一个js文件,暂且命名为formatBrush.js,直接上代码: 1 // 参考资料 2 // https://www.jianshu. 阅读全文
摘要:
有时候在改变状态时需要进行校验,校验成功后才能改变值 组件代码如下(ts写法) 1 <script lang="ts"> 2 import { Component, Vue, Prop } from "vue-property-decorator"; 3 import { Switch } from 阅读全文
摘要:
有时候需求就是这么奇怪,要求鼠标移动到组件上面有一个动画回弹效果 组件代码如下(ts写法) 1 <template> 2 <div @mouseover="onMouseover" @mouseout="onMouseout"> 3 <el-progress 4 v-bind="$attrs" 5 阅读全文
摘要:
参考资料:https://blog.csdn.net/qq_40190624/article/details/105730596 基于el-input与el-tooltip进行二次封装,当el-input 输入框当内容长度超出时显示el-tooltip提示,支持所有el-input的配置与事件。效果 阅读全文
摘要:
最近利用lodash实现了一个请求数据的代理类,主要用于列表分页查询,灵感来至于ExtJs中的Ext.data.Store,相关配置作用也是一样的。 git地址:https://github.com/jy02534655/data-proxy 安装代理模块 npm install ux-data-p 阅读全文
摘要:
微信小程序每个页面都可以在onShareAppMessage中设置分享内容,如果想要全局设置成一样的分享内容如何设置呢? 在app.js中新增以下方法: 然后在onLaunch中调用即可,如果你有更好的实现方案,请告诉我. 阅读全文
摘要:
解决方案来至于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 阅读全文
摘要:
在这里以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目 阅读全文
摘要:
此bug未在其他版本发现,参考高版本代码重写类解决此bug,直接上代码: 阅读全文
摘要:
基于Ext Js 6.5.2 面向移动端示例,低于此版本可能存在兼容问题,慎用 已忽略编译目录,请自行编译运行 Sencha Cmd 版本:v6.5.2.15 git地址:https://github.com/jy02534655/Ext-JS-Modern-Demo 在线演示地址:https:// 阅读全文
摘要:
效果如图: 扩展源码: 阅读全文
摘要:
基于Ext Js 6.5.1 面向pc端示例,低于此版本可能存在兼容问题,慎用 已忽略编译目录,请自行编译运行 Sencha Cmd 版本:v6.5.1.240 git地址:https://github.com/jy02534655/Ext-JS-Classic-Demo 在线演示地址:https: 阅读全文
摘要:
效果如图,亲测6.2.1版本可用 阅读全文
摘要:
最近很多人问我在ext js 6+的版本中怎么引入官方的dashboard模版,正好我好久没写博客了,这里我写一篇博客来说明一下。 在这里以ext js 6.2.1版本为例(注:需要安装Sencha Cmd,以及下载对应的sdk) 1.创建空白项目 在命令行中输入sencha -sdk D:\ASP 阅读全文