Keyood的博客 | Keyood's Blog

Posted by keyood on October 13, 2019

算法题

基础练习

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

Posted by keyood on July 17, 2019

react性能优化之memorize

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

Posted by keyood on July 13, 2019

Monaco Editor

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

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

Posted by keyood on July 10, 2019

liveServer

简单好用的静态服务器

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

Posted by keyood on May 28, 2019

列表 & key

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

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

Posted by keyood on May 23, 2019

编译器原理学习

编译器原理学习及demo

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

Posted by keyood on February 15, 2019

nuxt 高级

主要介绍一些配置项

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

Posted by keyood on September 7, 2018

nuxt 进阶

主要介绍各个模块

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

Posted by keyood on September 6, 2018

nuxt 入门

基础知识

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

Posted by keyood on September 5, 2018

Keyood's Blog

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

web stoage

算法题