Fork me on GitHub

2021年6月29日

前端数据结构

摘要: 栈 后进先出,数据结构类似于蜂窝煤,js中可以用数组push() pop() 来模拟栈 应用场景 十进制转二进制 有效的括号(Leetcode20) 函数执行栈中 var isValid = function(s) { let stack=[]; for(let i=0;i<s.length;i++ 阅读全文

posted @ 2021-06-29 00:43 康心志 阅读(128) 评论(0) 推荐(0) 编辑

2021年6月28日

React组件逻辑复用分别在class和function中的比较

摘要: class组件逻辑复用 Mixins早已废弃 变量作用域来源不清 属性重名 Mixins引入过多会导致顺序冲突 高阶组件HOC 组件层级嵌套过多,不宜渲染,不宜调试,维护困难 HOC会劫持props,必须严格规范,容易出现疏漏 Render Prop 学习成本高不易理解 只能传递纯函数,而且默认情况 阅读全文

posted @ 2021-06-28 19:40 康心志 阅读(186) 评论(0) 推荐(0) 编辑

个人对于React Hooks 的理解

摘要: useRef 获取dom元素 useContext 对React中context本身功能在hooks里的应用 useReducer 借助于Redux的语法,做的一个useState的扩展,与Redux完全不同,Redux是全局状态管理的,而useReduce是管理当前组件的,争对单组件 useMem 阅读全文

posted @ 2021-06-28 17:26 康心志 阅读(150) 评论(0) 推荐(0) 编辑

2021年6月25日

一些开发中工具

摘要: https://www.npmjs.com/package/jotai React状态管理工具 VS Code的插件 ESLint: JS / TS 的格式检查、代码格式化插件; stylelint: 样式表的格式检查工具; Code Spell Checker:变量名拼写检查插件; GitLens 阅读全文

posted @ 2021-06-25 18:30 康心志 阅读(45) 评论(0) 推荐(0) 编辑

2021年6月24日

React Helmet是一个HTML文档head管理工具,管理对文档头的所有更改。

摘要: 特点 支持所有有效的head标签: title、 base、 meta、 link、 script、 noscript、 和style。 支持body、 html 和 title 的属性 支持服务端渲染 嵌套组件覆盖重复的head标签更改。 在同一组件中定义时,将保留重复的head标签更改。(支持如 阅读全文

posted @ 2021-06-24 14:33 康心志 阅读(595) 评论(0) 推荐(0) 编辑

2021年6月1日

流体排版

摘要: 流体排版 body { font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [mi 阅读全文

posted @ 2021-06-01 18:42 康心志 阅读(74) 评论(0) 推荐(0) 编辑

2021年1月2日

2021 路漫漫其修远兮,吾将上下而求索

摘要: 2021-01-02 JS的数据类型 基本数据类型(原始值类型) number NaN Infinity string boolean null undefined symbol 可以做为对象的属性(属性的类型不是传统的String了) 创建唯一值的 bigint 引用数据类型(对象类型) obje 阅读全文

posted @ 2021-01-02 22:46 康心志 阅读(126) 评论(0) 推荐(0) 编辑

2020年10月30日

leetcode刷题记录

摘要: 1.两数之和 思路一:两个for循环 var twoSum = function(nums, target) { for(let i=0;i<nums.length;i++){ for(let j=i+1;j<nums.length;j++){ if(nums[i]+nums[j]==target) 阅读全文

posted @ 2020-10-30 14:52 康心志 阅读(105) 评论(0) 推荐(0) 编辑

2020年10月27日

2020前端知识总结

摘要: 为了可以找到一个好的实习工作,今天开始复习自己所有学到的前端方面的知识。 此贴记录自己的每日学习状态和打卡记录。 基础篇 1.说一下你知道的flex属性 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项 阅读全文

posted @ 2020-10-27 19:34 康心志 阅读(691) 评论(0) 推荐(0) 编辑

2020年10月19日

js基础知识复习2

摘要: 第一章 走进 JAVASCRIPT 黑洞 1.传值和传址 基本数据类型复制的是值, 引用数据类型复制的是地址, /* let a = 1; let b = a; console.log(a,b) //1,1 b = 2; console.log(a,b) //1,2 */ let a = {name 阅读全文

posted @ 2020-10-19 20:07 康心志 阅读(165) 评论(0) 推荐(0) 编辑

导航