古兰精

2020年11月17日

摘要：一、页面权限控制页面权限控制是什么意思呢？就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越权访问，这时就得做出限制了。一种方法是通过动态添加路由和菜单来做控制，不能访问的页面不添加到路由表里，这是其中一种办法。另一种办法就是所有的页面阅读全文

posted @ 2020-11-17 16:10 古兰精阅读(1007) 评论(0) 推荐(0) 编辑

浅析vue项目性能优化应该注意的点

摘要：最近总结了一下自己在项目中使用到的性能优化手段，这里主要从两个部分来详解vue项目的性能优化：代码层优化、webpack打包优化一、代码优化 1、v-if 和 v-show v-if 是懒加载，当状态为 true 时才会加载，并且为 false 时不会占用布局空间； v-show 是无论状态是 t 阅读全文

posted @ 2020-11-17 12:12 古兰精阅读(1934) 评论(0) 推荐(0) 编辑

2020年11月16日

浅析api跨域的三种方案及iframe跨域的四种方案对比

摘要：同源策略：使用过 Ajax 的同学都知道其便利性，可以在不向服务端提交完整页面的情况下，实现局部刷新，在当今 SPA 应用普遍使用，但是浏览器处于对安全方面的考虑，不允许跨域调用其它页面的对象，这对于我们在注入 iframe 或是 ajax 应用上带来不少麻烦。简单来说，只有当协议，域名，端口号相阅读全文

posted @ 2020-11-16 18:25 古兰精阅读(5284) 评论(0) 推荐(0) 编辑

浅析为什么字符串的length不等于实际个数及String.prototype.normalize()方法介绍

摘要：一、问题背景在做表单校验长度的需求中，发现不同字符 length 可能大小不一。比如的 "𠮷".length 是 2（需要注意这里并不是一个中文字！） '吉'.length // 1 '𠮷'.length // 2 '❤'.length // 1 '💩'.length // 2 你可以看一下阅读全文

posted @ 2020-11-16 17:30 古兰精阅读(1213) 评论(0) 推荐(0) 编辑

如何优雅的处理前端异常的方案浅析

摘要：一、JS 异常处理，为什么要处理异常？对于 Javascript 而言，我们面对的仅仅只是异常，异常的出现不会直接导致 JS 引擎崩溃，最多只会使当前执行的任务终止。 1、当前代码块将作为一个任务压入任务队列中，JS 线程会不断地从任务队列中提取任务执行。 2、当任务执行过程中出现异常，且异常没有阅读全文

posted @ 2020-11-16 16:21 古兰精阅读(561) 评论(0) 推荐(1) 编辑

JS随机数生成算法浅析：9301、49297、233380做基数的原因

摘要：见到这个随机数生成算法好几次了，乍看有点鸡肋，本来用Math.random()就可以的事，想不清楚为什么他要用9301,49297,233280这三个数字？其中有道理吗？还是仅是随意选的三个数？但是这个组合貌似流传很广，好多网站源码里都见到过。 // 生成随机数 export function ge 阅读全文

posted @ 2020-11-16 14:51 古兰精阅读(865) 评论(0) 推荐(0) 编辑

2020年11月14日

阿里云OSS前端直传文件方案注意点

摘要：最近项目里需要大量上传文件，考虑使用阿里云提供的对象存储，并采用前端直传方案。这里并不想介绍如何使用，想知道如何使用，可以直接参考官方文档，也没啥特多介绍的，所以这里主要是记录一下使用中的注意点。阿里云上传文件官方文档：阿里云上传文件前端直传方案文档 1、使用oss对象在代码中使用OSS对象：阅读全文

posted @ 2020-11-14 21:04 古兰精阅读(5022) 评论(0) 推荐(0) 编辑

2020年11月13日

浅析Vue中的Render函数 (渲染函数 & JSX)

摘要：一、render简介 Render 函数是 Vue2.x 新增的一个函数、主要用来提升节点的性能，它是基于 JavaScript 计算。使用 Render 函数将 Template 里面的节点解析成虚拟的 Dom 。 Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的阅读全文

posted @ 2020-11-13 18:26 古兰精阅读(4247) 评论(0) 推荐(0) 编辑

浅析JSX模板组件使用

摘要：一、使用template还是JSX？ 1、template特点模板语法（HTML的扩展）数据绑定使用Mustache语法（双大括号）：<span>{{title}}<span> 2、JSX特点 JavaScript的语法扩展数据绑定使用单引号：<span>{title}<span> Vue官方阅读全文

posted @ 2020-11-13 17:56 古兰精阅读(1107) 评论(0) 推荐(0) 编辑

vue利用 object.freeze 提升列表渲染性能

摘要：一、概述我们应该都知道 vue会通过 object.defineProperty 对数据进行劫持，来实现视图响应数据的变化，然而有些时候我们的组件就是纯粹的数据展示，不会有任何改变，我们就不需要 vue来劫持我们的数据，在大量数据展示的情况下，这能够很明显的减少组件初始化的时间，那如何禁止 vue 阅读全文

posted @ 2020-11-13 16:24 古兰精阅读(2489) 评论(0) 推荐(2) 编辑

公告