jq获取实时宽度
发表于|更新于
|浏览量:
乐观使你倾向于幸福健康事业顺利,悲观使你倾向于绝望患病失败忧郁孤独懦怯——民谚
代码如下
1 | $(window).resize(() => { |

然后当我窗口大小发生变化时就会触发

相关推荐
2026-02-23
FossFLOW
眼前的瞬间是一位威力强大的女神。——歌德 FossFLOW — 用于创建华丽等轴测图的开源神器在快速变化和高度技术化的现代世界中,“以图达意”的表达变得越来越重要。FossFLOW 应运而生,为开发者、设计师和工程师带来了领先的等轴测图设计工具。 📌 FossFLOW 是什么?FossFLOW 是一个开源的渐进式 Web 应用程序(PWA),致力于帮助用户轻松创建生动的等轴测技术图解。由现代前端框架 React 打造,并使用 fork 编辑后的 Isoflow 图形库(现已作为 fossflow 发布到 NPM),无需本地安装,完全基于浏览器,无需联网即可实现离线运行。 💡 功能特性详解以下是 FossFLOW 中的一些核心功能,与其他类似工相比,它能够为用户提供极具创新性的体验: 🎨 专业级等轴测绘图:用简洁友好的方式创建 3D 风格的技术图。 💾 智能自动保存:每隔 5 秒自动保存,让您的设计过程无后顾之忧。 📱 渐进式 Web 应用支持(PWA):可在 Mac 和 Linux 上安装为原生应用。 🔒 强调用户隐私:所有数据均本地存储于用户浏览器,无需任...
2025-02-05
vue-vben-admin
你与别人花费一样的时间,因为别人用心,而你吊儿郎当,所以到了最后检验成果的时候,别人成功,而你除了赔了时间之后,一无所得。——飞行员舒克 https://github.com/vbenjs/vue-vben-adminhttps://www.vben.pro/ 在开发后台管理系统时,Vue Vben Admin 是一个让我印象深刻的项目。它基于 Vue 3、Vite 和 TypeScript,为开发者提供了一个功能丰富的中后台模板,开箱即用。通过结合现代前端技术栈,Vben Admin 在性能优化、开发体验和灵活性上都表现得非常出色。 项目特点 最新技术栈:使用 Vue 3 和 Vite 进行开发,支持热更新和快速构建,极大提升了开发效率。 TypeScript 支持:代码类型安全、自动补全,降低了代码维护成本。 主题系统:支持多套预定义主题,用户还可以自定义主题色彩,打造符合品牌风格的界面。 国际化(i18n):内置国际化方案,支持多语言切换,方便面向全球用户的项目开发。 权限管理:提供动态路由和权限控制方案,可以根据用户角色灵活配置不同的页面和功能访问权限。 这些特点...
2021-10-25
箭头函数和解构赋值混用
一个人的礼貌是一面照出他的肖像的镜子。——歌德 我们在前端对数组进行操作时,如果使用map函数,编写的箭头函数其实也是可以解构的 例如经常遇到的,将一个对象数组中的属性,更换另一个属性名,用于给vue组件传值 写法如下: 1[{name:'achao',id:1},{name:'阿超',id:2}].map(({name:username,id:userId})=>({username,userId})) 注意的是,结构赋值需要打括号,下方再举一个例子,这里用flatMap收集全部的name和id直接变为一个数组 1[{name:'achao',id:1},{name:'阿超',id:2}].flatMap(({name,id})=>[name,id])
2022-12-26
pug
人心只能赢得,不能靠人馈赠——叶芝 分享一个前端框架pug github地址:https://github.com/pugjs/pug 它可以以下面的方式编写html 12345678910111213141516doctype htmlhtml(lang="en") head title= pageTitle script(type='text/javascript'). if (foo) bar(1 + 5); body h1 Pug - node template engine #container.col if youAreUsingPug p You are amazing else p Get on it! p. Pug is a terse and simple templating language with a strong focus on performance and powerful fe...
2023-05-18
高版本node运行低版本项目
三思而后行——《论语》 这里是运行apache-shenyu的前端项目报错,因为我的node版本过高 https://github.com/apache/shenyu 前端仓库:https://github.com/apache/shenyu-dashboard 除了使用node版本管理工具nvm、或者直接降级node版本以外,还可以配置环境变量 1$env:NODE_OPTIONS="--openssl-legacy-provider" 来让其兼容
2021-06-02
关于wx.getUserInfo获取到匿名数据的坑
生命的黎明是乐园,青春才是真正的天堂。——华兹华斯 今天搞了很久,发现使用wx.getUserInfo获取到的用户昵称一直是:“微信用户”,并且头像也是默认的。。。 然后官方文档里发现 https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html 打开后是这个页面 然后我们看wx.getUserProfile的文档: wx.getUserProfile只能在页面产生点击事件(例如 button 上 bindtap 的回调中)后才可调用每次请求都会弹出授权窗口,用户同意后返回 userInfo。该接口用于替换 wx.getUserInfo,详见 用户信息接口调整说明。 注意desc是必填 我们配置好appid后 调用wx.getUserProfile 代码如下 12345678910111213141516171819202122232425262728<template> <view style="width:1...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog