vue
文章平均质量分 96
canyuegongzi
天地一散人
展开
-
前端中如何使用webWorker对户体验进行革命性的提升
前言 随着前端应用场景的逐渐复杂化,伴随而来的对大数据的处理就不可避免。 那么今天就以一个真实的应用场景为例来谈谈前端中如何通过子线程来处理大数据。 目前主流显示器的刷新率为 60Hz,即一帧为 16ms,因此播放动画时建议小于 16ms,用户操作响应建议小于 100ms,页面打开到开始呈现内容建议小于 1000ms。 – 根据 Chrome 团队提出的用户感知性能模型 RAIL。 以上这段应用是 google 团队提出的用户最优体验模型,从 js 运行的角度,大致意思就是尽量保证每一个 js 任务在最原创 2021-06-11 23:58:35 · 421 阅读 · 0 评论 -
用户组织权限管理系统(基于Nest.js)
用户组织权限管理系统 技术栈: 前端:Vue + ElementUi + TypeScript 后端:nest.js + mysql + redis 演示地址 用户组织管理系统(演示地址) github 功能设计 数据库设计 用户实体 @Entity() export class User { @PrimaryGeneratedColumn() id: number; @Column({ length: 500 }) name: string; @Column({nullabl原创 2020-06-14 21:41:37 · 1441 阅读 · 1 评论 -
vue开发常见问题集锦(二)——vue移动端图片点击放大
安装 npm install --save vue-picture-preview 使用 在项目的入口文件处进行配置 import vuePicturePreview from 'vue-picture-preview' Vue.use(vuePicturePreview) 在根路由处进行添加插槽 <!-- Vue root compoment template --> <...原创 2019-03-31 20:44:28 · 1648 阅读 · 1 评论 -
vue开发常见问题集锦(二)——vue中中使用iframe
模板 <template> <div class="accept-container"> <div class="go-back" v-show="goBackState" @click="goBack">GoBack</div> <ul> <li v-for="item in webAddr...原创 2019-03-31 20:43:36 · 3713 阅读 · 0 评论 -
vue开发常见问题集锦(二)——打包后背景图片404的问题
背景图片404的问题 打开build/utils.js if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', fallback: 'vue-style-loader', }) } el...原创 2019-03-31 20:43:06 · 456 阅读 · 0 评论 -
vue开发常见问题集锦(一)——HTML的字符串中提取所有的可用字符串
con(val) { var str = val return str.replace(/<[^>]*>|/g, ""); }, 从字符串中获取所有的汉字 con(val) { var reg = /[\u4e00-\u9fa5]/g; var strs = name.match(r...原创 2019-03-31 20:41:49 · 1509 阅读 · 0 评论 -
vue开发常见问题集锦(一)——vue混入
/*主要用于混入种植信息的tab组件数据处理*/ export const tabFilterOption = { data: function () { return { /*列表数据*/ listData: null } }, props: { informationData: { type: Array, }, ...原创 2019-03-31 20:41:25 · 282 阅读 · 0 评论 -
vue开发常见问题集锦(一)——vue获取参数,状态数据
vue获取参数 export const urlPar = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) retur...原创 2019-03-31 20:40:59 · 918 阅读 · 0 评论 -
vue开发常见问题集锦(一)——监听路由的变化
watch: { '$route.query.id':function (val) { this.id = val; this.getNewInfo() } },原创 2019-03-31 20:40:34 · 435 阅读 · 1 评论 -
vue开发常见问题集锦(一)——时间格式化
普通格式化 (function(window){ /*2018年01月04日*/ var time1 = function(val) { var str = val.split(' ')[0].split('-'); return str[0] + '年' + str[1] + '月' + str[2] + '日' } /*2018.01.04*/ v...原创 2019-03-31 20:40:04 · 201 阅读 · 0 评论 -
vue开发常见问题集锦(一)——在v-html指令时如何使用过滤器
// html <div class="word" v-html="$options.filters.filters2(item.news_content)"></div> // script filters: { filters2: function (arg) { arg.replace(/<img [^>]*src=['"]...原创 2019-03-31 20:39:29 · 507 阅读 · 0 评论