古兰精

2020年11月16日

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

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

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

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

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

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

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

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

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

2020年11月14日

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

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

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

2020年11月13日

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

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

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

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

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

posted @ 2020-11-13 16:24 古兰精阅读(2728) 评论(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 古兰精阅读(2412) 评论(0) 推荐(0)

2020年11月12日

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

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

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

2020年11月11日

浅析前端路由原理和实现方式

摘要：一、什么是前端路由？路由是根据不同的 url 地址展示不同的内容或页面。路由的概念来源于服务端，在服务端中路由描述的是 URL 与处理函数之间的映射关系。而在 Web 前端单页应用中，路由描述的是 URL 与 UI 之间的映射关系，这种映射是单向的，即 URL 变化引起 UI 更新（无需刷新页面阅读全文

posted @ 2020-11-11 21:10 古兰精阅读(1328) 评论(0) 推荐(0)

公告