jq获取实时宽度
发表于|更新于
|浏览量:
乐观使你倾向于幸福健康事业顺利，悲观使你倾向于绝望患病失败忧郁孤独懦怯——民谚
代码如下
1 | $(window).resize(() => { |
然后当我窗口大小发生变化时就会触发
相关推荐
2022-01-03
在vue中使用ts
诚实的生活方式其实是按照自己身体的意愿行事，饿的时候才吃饭，爱的时候不必撒谎。——马尔克斯《霍乱时期的爱情》 官方文档：https://www.typescriptlang.org/docs/handbook/intro.html 首先找到中文文档：https://www.tslang.cn/samples/index.html 寻找到vue.js 跳转过去后就是教程，我们跟着教程一步一步来 首先新建一个空项目 然后新建src目录和components目录 1234typescript-vue-tutorial/├─ dist/└─ src/ └─ components/ 输入命令下载依赖 1D:\file\projects\vue-ts-demo>cnpm install --save-dev typescript webpack webpack-cli ts-loader css-loader vue vue-loader vue-template-compiler 很快就下载完毕 然后初始化ts环境 1tsc --init 可以看到多出了ts配置文...
2022-12-23
vue重置data
没有爱情，可千万不要结婚——奥斯汀 场景：需要重置已经更改后的data 官方文档： https://v2.cn.vuejs.org/v2/api/#data 其中提到可以通过调用data函数得到一个全新的副本对象 https://v2.cn.vuejs.org/v2/api/#vm-options 然后我们可以通过$options获取用于当前 Vue 实例的初始化选项，因此通过 1this.$options.data() 能够得到最初定义data的一个全新的副本对象(这里的this指向vue实例) 再使用Object.assign 1Object.assign(this.$data, this.$options.data()) 即可重置data 在某些情况下，this.$options.data()的this指向有问题，可以使用 Function.prototype.call()处理 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/call...
2022-07-16
veaury
没有意义的事物是最美丽的。——《新名字的故事》 昨天分享了vuera 今天再分享一个同类型库veaury，属于是vuera的新版库 中文文档：https://github.com/devilwjp/veaury/blob/master/README_zhcn.md 什么是Veaury?Veaury 是基于React和Vue3的工具库，主要用于React和Vue在一个项目中公共使用的场景，主要运用在项目迁移、技术栈融合的开发模式、跨技术栈使用第三方组件的场景。 重要功能 🌞 支持 Vue3 🌈 支持 Context - 同一个应用中出现的vue组件和react组件的context是共享的. 💗 支持跨框架的hooks调用 - 可以在react组件中使用vue的hooks，获取到vue组件或者应用的上下文数据，比如vue-router、vuex，也可以在vue组件中使用react的hooks，获取到react组件或者应用的上下文数据，比如react-router、provide、context等
2022-01-13
for of和for in
人生而自由，却无往不在枷锁中——卢梭《社会契约论》 我之前写过一篇for in的博客 for in是遍历对象key或者数组下标 前端还可以使用for of来遍历value 简单写一下两者区别和使用方式吧： 12let ruben = {name:'ruben', age:21}for(key in ruben) console.log(key) 然后是for of 提示对象并不是iterable(可迭代的) 因此for of并不能遍历对象的key 接下来看数组的： 12let list = [1,2,3,4,5,6]for(i in list) console.log(i) 可以看到是遍历获取出了下标并不是实际的值 而for of： 12let list = [1,2,3,4,5,6]for(i of list) console.log(i) 遍历出了我们的value
2020-10-01
关于alert
笨蛋自以为聪明，聪明人才知道自己是笨蛋 ——莎士比亚 JavaScript 弹窗 可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。 警告框警告框经常用于确保用户可以得到某些信息。 当警告框出现后，用户需要点击确定按钮才能继续进行操作。 语法window.alert(“sometext“); window.alert() 方法可以不带上window对象，直接使用**alert()**方法。 确认框确认框通常用于验证是否接受用户操作。 当确认卡弹出时，用户可以点击 “确认” 或者 “取消” 来确定用户操作。 当你点击 “确认”, 确认框返回 true， 如果点击 “取消”, 确认框返回 false。 语法window.confirm(“sometext“); window.confirm() 方法可以不带上window对象，直接使用**confirm()**方法。 提示框提示框经常用于提示用户在进入页面前输入某个值。 当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。 如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返...
2021-11-27
event
有信仰的人不会孤独。——阿列克谢耶维奇 vue官方文档有介绍$event 我们在开发中经常这么写来获取事件 1<div class="trigger-me" @click="triggerMe">点我触发</div> 方法： 123456methods: { triggerMe(e, name) { console.log('e: ', e); console.log('name: ', name); }} 然后调用一下 可以看到打印出了事件，如果我们需要传入其他参数，就可以使用$event了 1<div class="trigger-me" @click="triggerMe($event, 'ruben')">点我触发</div> 再次触发：