uView

发表于2021-09-30|更新于2026-02-24

|浏览量:

穷且益坚，不坠青云之志。——王勃

分享一个最近开发中使用的前端UI组件库：uView

它里面的组件基本都是拿来即用

按照官方文档进行安装、配置即可

相关推荐

js生成二维码

我们飞得越高，我们在那些不能飞的人眼中的形象就越渺小。——尼采《查拉图斯特拉如是说》我们使用qrcodejs生成：https://github.com/davidshimjs/qrcodejs 下载这个js并引用不知道怎么下载的可以直接到这个链接下按ctrl+s另存为 https://raw.githubusercontent.com/davidshimjs/qrcodejs/master/qrcode.min.js 然后编写代码： 123456789101112131415161718192021<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./js/qrcode.min.js" type="text/javascript"></script> </head> <body>...

没有爱情，可千万不要结婚——奥斯汀场景：需要重置已经更改后的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...

js解决base64编码问题

地利不如人和，武力不如文德。——恒宽主要是在解析 JWT 时发现 1atob(base64) 存在编码问题，我们如果想要将 base64 解码为 utf-8： 123456789101112function parseBase64ToJSON(base64) { const binaryString = atob(base64); const len = binaryString.length; const bytes = new Uint8Array(len); for (let i = 0; i < len; i++) { bytes[i] = binaryString.charCodeAt(i); } const decoder = new TextDecoder('utf-8'); return decoder.decode(bytes);} 然后就可以正确解析中文了

vuepress2一次性获取所有frontmatter

上帝是孤独的，恶魔却总在拉帮结伙。——梭罗的《瓦尔登湖》。接上文： vuepress获取所有页面frontmatter 这次是vuepressv2.0.0-beta.66 首页 | VuePress 核心代码： 12345678910// .vuepress/getAllFrontmatter.smodule.exports = { name: 'get-all-frontmatter', extendsPage: (page, app) => { console.log({ page, app }) console.log(page.data.frontmatter) app.siteData.frontmatter = app.siteData.frontmatter ?? [] app.siteData.frontmatter.push(page.data.frontmatter) },}; 然后配置： 123456789101112131415// ...

github官方图标库

不存在十全十美的文章，如同不存在彻头彻尾的绝望。——村上春树 github官方图标库 https://primer.style/foundations/icons 代码仓库 https://github.com/primer/octicons

你之前学了啥跟你以后能学啥没有什么本质联系——尤雨溪顾名思义，teleport汉译过来就是传送的意思官方文档：https://v3.cn.vuejs.org/guide/teleport.html#teleport 它可以将我们的元素传送到指定地点：例如我们要实现一个挂载在body上的模态框，就可以使用teleport： 12345678910111213141516171819202122232425262728const app = Vue.createApp({});app.component('modal-button', { template: ` <button @click="modalOpen = true"> Open full screen modal! (With teleport!) </button> <teleport to="body"> <div v-if=&quo...

阿超

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

数据加载中