古兰精

2020年11月16日

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

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

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

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

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

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

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

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

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

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

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

2020年11月14日

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

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

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

2020年11月13日

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

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

posted @ 2020-11-13 18:26 古兰精阅读(4638) 评论(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 古兰精阅读(1150) 评论(0) 推荐(0)

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

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

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

浅析 npm ci 命名介绍、与 npm i 的区别及为什么要使用 npm ci

摘要：一、为什么要使用 npm ci 1、package-lock.json的表现，在npm@5.4.2版本后的表现：（1）无package-lock.json：npm i 根据package.json进行安装，并生成package-lock.json （2）package.json和package-l 阅读全文

posted @ 2020-11-13 12:21 古兰精阅读(2373) 评论(0) 推荐(0)

2020年11月12日

浅析Web Worker使用技巧及实战场景

摘要：以前我们总说，JS是单线程没有多线程，当JS在页面中运行长耗时同步任务的时候就会导致页面假死影响用户体验，从而需要设置把任务放在任务队列中；执行任务队列中的任务也并非多线程进行的，然而现在HTML5提供了我们前端开发这样的能力 - Web Workers API，我们一起来看一看 Web Worke 阅读全文

posted @ 2020-11-12 13:24 古兰精阅读(6989) 评论(0) 推荐(0)

公告