echo's Blog

Do wonderful things😃

实现React-createElement&mount

实现React-createElement&mount

实现React-createElement&mount 简介 本文介绍简单的React的createElement和mount实现 目的是帮助我自己或者阅读本文的人更好地理解React对于虚拟dom以及真实dom的理解 DOM元素的构成 真实的dom元素主要有三个部分组成 nodeType props children nodeTye定义了dom的类型, pro...

Posted by limantang on December 25, 2019

Git基本概念&操作

Git基本概念&操作

Git基本概念&操作 git中的三种状态 已提交committed 数据已经存储到本地的数据库(本机电脑) 已修改modified 修改了文件但是还没有保存到数据库 已暂存staged 对已修改的文件当前版本做了标记, 这个文件包含在下次提交的快照当中 git三个工作区域 git仓库 一般是指远端的git仓库 保存着项目的元数据和对象数据库 工作目录 对...

Posted by limantang on December 12, 2019

CSS3-animation

CSS3-animation

CSS3-animation 简介 虽然transition也可以实现一些属性的过渡动画效果, 但是transition的功能有限, css3新增了一个animation, 可以通过关键帧的控制来制作一个像Flash样的动画 两者的主要区别是 transition只能控制开始和结束的状态, 然后在两个状态之间进行平滑过度的方式来实现动画 animation通过关键帧来声明一个...

Posted by limantang on December 9, 2019

CSS3-transition

CSS3-transition

CSS3变形-transition transition transition允许CSS的属性值在一定时间内平滑的由开始状态值过渡到结束状态值 可以通过CSS的伪类或者JS来触发 过渡创建步骤 在默认样式中声明元素的初始样式 在默认样式中添加过渡函数 声明过渡元素的最终状态 transition属性值 transition: transition-property tr...

Posted by limantang on December 7, 2019

CSS3-transform

CSS3-transform

CSS3变形-transform 简介 CSS3变形是一些效果的集合, 比如位移, 旋转, 缩放, 倾斜, 每个效果都称为变形函数(transform-function) CSS变形属性及函数 CSS变形变形允许动态的控制元素, 可以在屏幕周围移动它们, 缩小或者扩大, 旋转, 或者结合起来产生复杂的动画效果 通过CSS变形, 可以让元素生成静态的视觉效果 也可以很容易的结合CSS3的t...

Posted by limantang on December 6, 2019

算法-merge-sort

算法-merge-sort

算法-merge-sort 归并排序是排序算法中比较简单的排序算法 归并排序的核心操作是两个有序数组的合并为一个有序数组 看一个最简单的两个数组合并 [1]和[2]合并成[1, 2] [4]和[3]合并成[3, 4] 人类思维merge 使用循环来merge /** * merge * @param {array} a * @param {array} b */ /...

Posted by limantang on November 29, 2019

React-Life-Cycle

React-Life-Cycle

React-Life-Cycle constructor()构造方法 constructor是ES6类中的默认方法, 通过new关键字实例化出对象时会被自动调用, 该方法必须存在于类中, 如果类中没有实现, 默认会添加空的constructor 当类中存在constructor存在时并且该类作为子类, 就必须调用super方法 如果要在constructor方法中使用this就必须在使用...

Posted by limantang on November 28, 2019

React-Hooks

React-Hooks

React-Hooks useState 使用状态, 在函数组件中默认是只有状态没有属性的 注意事项 不可以局部更新 看如下代码 import React, {useState} from "react"; import ReactDOM from "react-dom"; function App() { const [user,setUser] = useState...

Posted by limantang on November 28, 2019

算法-顺序存储&链式存储

算法-顺序存储&链式存储

算法-顺序存储&链式存储 数据结构和算法是两种东西, 数据结构和算法的关系更像是工具和技术的关系, 一门技术是依托于工具的, 就像一个工匠必须使用一把好用的锤子等工具一样才能做出好的东西 数据结构是算法的基础, 算法和数据结构是相辅相成的, 好的算法必须使用合适的数据结构 下面就讨论一下数据结构相关的知识点 假设有一组非负数的list array = [0, 1, 2, 3,...

Posted by limantang on November 27, 2019

算法-人类思维&数学思维

算法-人类思维&数学思维

算法-人类思维&数学思维 算法与编程语言无关 平时工作当中很少遇到手写算法, 一般的算法都被封装好了, 例如排序sort算法 学习算法多想多写 开始吧 首先看一个问题 const testcase = [999, 222, 333, 555, 777]; function max(arr){ //code } max(testcase) // 999 写出一个返回数组中最大值...

Posted by limantang on November 26, 2019

FEATURED TAGS
React JavaScript 算法 TypeScript 数学基础 浏览器 CSS Node.js
ABOUT ME

Do wonderful things

✉️ limantang01@gmail.com