Keyood's Blog

一点想法

浏览器储存方案学习与总结

web stoage

一、IndexedDB Database 基本概念 二、Cache API 特性 方法 三、Service Worker 四、Web Storage API History state 方法 五、Application caches 六、...

算法题

基础练习

1. 整数反转 给出一个 32 位的有符号整数,你需要将这个整数中每位上的数字进行反转。假设我们的环境只能存储得下 32 位的有符号整数,则其数值范围为 [−2^31, 2^31 − 1]。 解法:判断正负,将绝对值转字符串,再翻转字符串,判断是否超出范围,返回整数 var reverse = function(x) { let max = Math.pow(2, 31) - 1 ...

react性能优化之memorize

众所周知,react 中每当有 state 或 props 改变时,就会触发 render 方法,当 render 方法中包含一些大计算量的的函数时,尽管其入参和返回值没后变化也会运行,这大大的浪费了计算资源。 有没有方法可以缓存这些计算值、跳过无用的计算? 使用闭包 推荐库 memoize-one memoize-one 接受两个参数,一个是需要缓存返回值的方法, 自定义比对方法。...

Monaco Editor

'地表'最强网页编辑器?

介绍 Monaco Editor是为VS Code提供支持的代码编辑器。支持IE 11,Edge,Chrome,Firefox,Safari和Opera。 移动浏览器或移动Web框架不支持Monaco编辑器。 官方地址 下文介绍如何在 react 项目中引用,以及一些基础的使用方式 安装react-monaco-editor npm i react-monaco-editor...

liveServer

简单好用的静态服务器

很多时候碰到打包代码后没法验证正确性的情况,往往要麻烦运维的同学发布到测试站,大大的影响了效率。我起初的做法是本地安装一个ngnix。但是,不同的的项目配置不同,每次都要修改配置文件,这个过程极度浪费时间,这时候就想到VSCode有没有什么插件解决这个问题,一番搜索,还真的有^_^ VSCode 使用方式 启动方式 方法一 :安装 liveServer 插件后,编辑器下方会出现...

列表 & key

列表渲染时为什么不建议将索引当作key

key 帮助 React 识别哪些元素改变了,比如被添加或删除。因此你应当给数组中的每一个元素赋予一个确定的(stable)标识。 一个元素的 key 最好是这个元素在列表中拥有的一个独一无二的字符串。通常,我们使用来自数据 id 来作为元素的 key const todoItems = todos.map((todo) => <li key={todo.id}&...

编译器原理学习

编译器原理学习及demo

解析(parse):将代码字符串解析成抽象语法树AST 变换(transform) :对抽象语法树进行变换操作 再建(generate):根据变换后的抽象语法树再生成代码字符串 什么是抽象语法树abstract syntax tree - AST AST 是为了方便计算机理解源代码、用于表达源代码语法结构的树状结构,由称作节点(Node)的数据结构组成。 所有的...

nuxt 高级

主要介绍一些配置项

1. 获取数据 通常在vue项目中获取数据的方法都是在created或者mounted请求数据 在Nuxt.js中beforeCreated和created生命周期在服务端和客户端都会去执行,其它的生命周期只会在客户端执行 获取数据通常在服务端进行,使用asyncData方法,可以在该页面中引入axios,个人喜欢在新建plugins/$axios,二次封装axio...

nuxt 进阶

主要介绍各个模块

1. 路由 nuxt.js会根据pages目录下的文件内容自动生成路由配置 路由结构 pages目录下的结构如下 pages/ --| users/ ----| index.vue ----| _id.vue --| users.vue --| _slug/ ----| index.vue --| index.vue 那么nuxt自动生成的路由配置如下: router: { ...

nuxt 入门

基础知识

1. 服务端渲染 nuxt是一个服务端渲染的框架,在了解它之前,有必要去了解下什么是服务端渲染,什么时候要用到服务端渲染。 服务端渲染也被称为ssr(Server Side Render),不同于客户端渲染,服务端渲染会将完整页面的DOM节结构转成String吐出来,然后到客户端(浏览器)解析渲染。 那么服务端渲染的优势有哪些? SEO 现在单页应用使用率比较高,体验好比如...