- 博客(122)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 Git使用攻略
一个通用的代码开发到发布的流程clone git仓库代码git checkout -b userName/newBranchName，创建个人分支，加-b创建新分支，不加则是切换分支git add .， 把全部文件（除.gitignore外）提交到暂存区≈git commit -am "to #AoneId and description"，提交到本地缓存git push，提交到远程仓库如果报出远程仓库有更新，再拉取远程git pull有冲突解决冲突后git commit -am "fix
2021-05-27 18:39:56
254
原创 从源码角度理解Redux中间件---applyMiddleware
什么是中间件在redux中，我们可以在view层dispatch一个action，action到达store中的reducer，reducer根据action的type更新处理state，从而更新store中的数据。但是redux并不能处理异步的dispatch。这时候我们就需要使用redux提供的applyMiddleware对dispatch进行增强，使我们的dispatch可以异步。这里...
2020-03-24 11:04:19
291
原创 浅谈React16与Vue3
前言最近对React16的新特性还有其更新机制进行了略有系统的学习，同时也观看了尤玉溪在Vue-Conf上的演讲，受益匪浅，记录一下感想。React与Vue都采用了Virtual Dom的思想进行页面的更新，但是React是基于JSX语法进行开发，而Vue基于模板编译。v-dom的使用，并不是因为v-dom可以提升渲染性能，实际上，在Diff Tree的过程中，消耗的性能未必比重排重绘少。v-...
2020-03-16 17:51:44
2445
原创 React源码16.12.x --- Component 与 PureComponent
如何区分纯组件React PureComponent 源码解析Component & PureComponent这两个类基本相同，唯一的区别是PureComponent的原型上多了一个标识。这是检查组件是否需要更新的一个判断，ctor就是你声明的继承自Component or PureComponent的类，他会判断你是否继承自PureComponent，如果是的话就shallow...
2020-03-14 22:12:30
319
1
原创 前端值得一探究竟特辑 --- Class及面向对象
ES5面向对象使用传统的构造函数。通过call和apply将父类的constructor赋值到子类上，再对父类的原型进行遍历赋值到子类原型上。function Person(name){ this.name = name;}Person.prototype.showName = function(){ console.log(this.name);}Person.pro...
2020-02-10 17:23:38
483
原创 前端值得一探究竟特辑 --- 原型和原型链
【函数】:普通函数，类（所有的类：内置类，自己创建的类）【对象】：普通对象，数组，正则，arguments…实例是对象类型的（除了基本类型的字面量创建的值），prototype的值也是对象类型的，函数也是对象类型的。原型和原型链讲解：原型：一种管理机制所有的函数都有一个prototype属性(这也叫显式原型，它也是一个普通的对象)，浏览器默认为它开启一个堆内存。浏览器默认为它开启一个的...
2020-02-06 20:19:23
304
原创 前端值得一探究竟特辑 ---普通函数运行与构造函数运行（new背后的故事）
普通函数执行复习下普通函数执行发生了什么：开辟一个栈内存，形成私有作用域。形参赋值。变量提升。代码执行。栈内存释放。构造函数执行当我们用new运算符new一个构造函数产生一个实例时，比如说： var obj = new Func 时，其背后的步骤是这样的：像普通函数一样开辟栈内存，形成一个私有作用域。形参赋值，变量提升。都是私有变量。【构造函数执行独有的默认运行机制】，...
2020-02-05 18:57:05
201
原创 前端值得一探究竟特辑 --- 快速掌握bind、call、apply的区别
call 和 apply 的主要作用，是改变对象的执行上下文，并且是立即执行的。bind 也能改变对象的执行上下文，它与 call 和 apply 不同的是，返回值是一个函数，并且需要稍后再调用一下，才会执行。下面进行详细解释：call和apply的共同点call和apply都能够改变函数执行时的上下文，将一个对象的方法交给另一个对象来执行，并且是立即执行的。调用 call 和 app...
2020-02-05 17:48:50
242
原创 前端值得一探究竟特辑 --- 数组的常见API
来自ES5的Array API1. str.split()拆分字符串变成数组（对字符串操作）"we are here".split(" "); // ["we", "are", "here"]2. arr.join()操作数组变成字符串（对数组操作）["we", "are", "here"].join("-"); // "we-are-here"3. arr.concat(...
2020-01-17 17:58:05
458
原创 前端值得一探究竟特辑 --- 原始值和引用值类型及数据类型的判别
1. 原始值和引用值类型及区别原始类型 保存为简单数据值。引用类型 保存为对象，其本质是指向内存位置的引用。2. 数据类型的判别1. typeof：基本类型使用typeof判定数据类型，只能区分基本类型。(number, string, boolean, undefined, null, symbol)，特注意typeof null => object， 可以理解为null是一个指...
2020-01-17 14:10:20
237
原创 前端值得一探究竟特辑 --- 防抖与节流
防抖防抖函数的作用就是控制函数在一定时间内的执行次数。防抖意味着N秒内函数只会被执行一次，如果N秒内再次被触发，则重新计算延迟时间。以乘车刷卡的情景举例，只要乘客不断地在刷卡，司机师傅就不能开车，乘客刷卡完毕之后，司机会等待几分钟，确定乘客坐稳再开车。如果司机在最后等待的时间内又有新的乘客上车，那么司机等乘客刷卡完毕之后，还要再等待一会，等待所有乘客坐稳再开车。防抖函数分为非立即执行版和立即...
2020-01-16 15:55:08
454
原创 前端值得一探究竟特辑 ---深拷贝与浅拷贝
1、什么是深拷贝和浅拷贝浅度拷贝：复制一层对象的属性，并不包括对象里面的为引用类型(Object, Array )的数据，当改变拷贝的对象里面的引用类型时，源对象也会改变。深度拷贝：重新开辟一个内存空间，需要递归拷贝对象里的引用，直到子属性都为基本类型。两个对象对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。2、手撕深度拷贝 function deepClone(s...
2020-01-14 14:57:39
333
原创 剪绳子 --- 剑指Offer
剪绳子给你一根长度为 n 绳子，请把绳子剪成 m 段（m、n 都是整数，2≤n≤58 并且 m≥2）。每段的绳子的长度记为k[0]、k[1]、……、k[m]。k[0]k[1] … k[m] 可能的最大乘积是多少？例如当绳子的长度是8时，我们把它剪成长度分别为2、3、3的三段，此时得到最大的乘积18。样例输入：8输出：18思路把一个正整数 N 拆分成若干正整数，只有有限种拆法N...
2019-12-23 22:03:12
158
原创 机器人的运动范围 --- 剑指Offer
地上有一个 m 行和 n 列的方格，横纵坐标范围分别是 0∼m−1 和 0∼n−1。一个机器人从坐标0,0的格子开始移动，每一次只能向左，右，上，下四个方向移动一格。但是不能进入行坐标和列坐标的数位之和大于 k 的格子。请问该机器人能够达到多少个格子？样例1输入：k=7, m=4, n=5输出：20样例2输入：k=18, m=40, n=40输出：1484解释：当k为18时，...
2019-12-23 21:00:02
123
原创 React实战 ---- 路由配置及多级导航切换路由
在管理系统这类项目中，比较常见的设计还是这样的。404页面，宣传主页，登录页面，注册页面，找回密码页面单独处理。而系统内部就需要统一管理了，不仅仅要管理用户信息token的有效性，为了良好的用户体验，我们还有需要使用二级路由。老规矩，先上源码Liz606/webpack-es6-react讲解在这里：手把手带你搭建与配置Webpack + ES6 + React开发环境这时我们就需要...
2019-12-23 18:51:34
1033
原创 旋转数组的最小数字 --- 剑指Offer
2019年12月22日旋转数组的最小数字把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个升序的数组的一个旋转，输出旋转数组的最小元素。例如数组{3,4,5,1,2}为{1,2,3,4,5}的一个旋转，该数组的最小值为1。数组可能包含重复项。注意：数组内所含元素非负，若数组大小为0，请返回-1。样例输入：nums=[2,2,2,0,1]输出：0 co...
2019-12-22 16:03:30
152
原创 不修改数组找出重复的数字 --- 剑指Offer
2019年12月22日不修改数组找出重复的数字给定一个长度为 n+1 的数组nums，数组中所有的数均在 1∼n 的范围内，其中 n≥1。请找出数组中任意一个重复的数，但不能修改输入的数组。样例给定 nums = [2, 3, 5, 4, 3, 2, 6, 7]。返回 2 或 3。思考题：如果只能使用 O(1) 的额外空间，该怎么做呢？思考：长度为 n+1 的数组nums，数...
2019-12-22 15:25:24
165
原创 找出数组中重复的数字 --- 剑指Offer
2019年12月21日找出数组中重复的数字给定一个长度为 n 的整数数组 nums，数组中所有的数字都在 0∼n−1 的范围内。数组中某些数字是重复的，但不知道有几个数字重复了，也不知道每个数字重复了几次。请找出数组中任意一个重复的数字。注意：如果某些数字不在 0∼n−1 的范围内，或数组中不包含重复数字，则返回 -1；样例给定 nums = [2, 3, 5, 4, 3, 2, ...
2019-12-22 15:24:58
171
原创 用两个栈实现队列 ES5/ES6 --- 剑指Offer
2019年12月22日用两个栈实现队列请用栈实现一个队列，支持如下四种操作：push(x) – 将元素x插到队尾；pop() – 将队首的元素弹出，并返回该元素；peek() – 返回队首元素；empty() – 返回队列是否为空；注意：你只能使用栈的标准操作：push to top，peek/pop from top, size 和 is empty；如果你选择的编程语言没有...
2019-12-22 15:24:46
169
原创 手把手带你搭建与配置Webpack + ES6 最新开发环境
在github创建新仓库github新建一个仓库本地新建一个文件夹在文件夹下执行echo "# webpack-es6-anyFrame" >> README.mdgit initgit add README.mdgit commit -m "first commit"git remote add origin https://github.com/xxxxxxx/we...
2019-12-15 13:08:15
327
原创 React+Router多级导航切换路由
背景我们需要开发一个管理平台，登陆、注册及网站首页等不需要加载用户信息的页面放置在系统外部，系统内部则是需要验证用户身份及其角色的页面。文件结构注：输出文件树及文件 tree ./src /F│ index.html 页面文件入口│ index.js js文件入口│ style.scss├─actions│ api.js│ base.js├─conta...
2019-11-08 13:30:19
1263
原创 手把手带你搭建与配置Webpack + ES6 + React开发环境
初始化项目npm init -yes// 默认跳过所有需要选择的条目安装webpacknpm install --sava-dev webpack如果想使用webpack4+版本，还需安装webpack-clinpm install --save-dev webpack-cliwebpack配置项解读mode: 告诉webpack开发模式，'production’则会压缩代码...
2019-10-20 18:26:29
224
原创 webpack---配置Sass、Less、PostCSS及加载样式文件的多种方式
在搭建初步的webpack脚手架中对webpack的配置有了初步的学习，接下来针对样式文件的抽离进一步进行学习。1、准备工作安装Sass和Less及其加载器Less、Sass 扩展了原生的CSS 语言。Less 是一门 CSS 预处理语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (va...
2019-10-15 14:32:59
869
原创 搭建初步的webpack脚手架
1、为什么使用webpackwebpack通俗来说其实是一个代码打包机，正式一点叫JavaScript 应用程序的静态模块打包器(module bundler)。将具有依赖性的模块转换打包为我们所需要的静态资源。其中包括代码优化：将ES6转换为ES3，Less、Sass转换为Css，Css兼容等。文件优化：文件压缩，文件合并等。代码分割：模块化开发中的多页面抽离。模块合并：单个页面中...
2019-10-14 16:51:32
301
原创 React特点:JSX、虚拟Dom、声明式（组件化）
虚拟Dom首先来了解下真实的Dom，是渲染到页面上的真实节点。真实Dom是由浏览器提供的，我们可以使用浏览器提供的API去操作这些节点。而虚拟Dom是由开发者实现的，将页面节点存储为一颗虚拟Dom树，但因为没有渲染到页面上，因此并不能使用浏览器提供的API去操作节点。当真实Dom被修改，将被重新刷新加载。如果是修改一棵庞大的Dom树的小节点而造成页面重新计算、重绘的代价是非常大的，因此Reac...
2019-10-14 10:14:29
426
原创 二分查找
什么是二分查找代码始终在维护着有序A数组的一个子序列[left, right]，我们的target可能就在这个区间。我们不断的折半缩小子序列[left, right]，从而找到target。关键步骤序列必须有序，这个就不提了，简单选择排序，冒泡排序，快速排序都是非常常见的处理方法。初始left = 0、right = length-1。在left < right的前提下。二分...
2019-09-28 15:47:00
223
原创 Python 原生检查数据类型，数字转字符串，字符串转数字
检查数据类型type()type(s) => <class 'pandas.core.series.Series'>数字转字符串，字符串转数字与Javascript不同，python只能显式转换_int = 1999 // <class 'int'>_str = '1999' // <class 'str'>_int = int(_str...
2019-09-26 09:59:19
629
原创 Python使用numpy获取列表行数、列数
生成形状为3x3的二维整数数组 a = np.random.randint(1, 100, (3, 3)) [[50 90 85] [83 58 53] [85 71 92]]Python使用numpy获取列表行数、列数 import numpy as np np.shape(csv_data)[0] // 行 np.shape(csv_data)[1] // 列 (...
2019-09-25 14:46:50
26654
1
原创 Python使用pandas读取CSV文件
使用pandas读取CSV文件import pandas as pdcsv_data = pd.read_csv("./path_file/file.csv", encoding = 'UTF-8')如果报错'utf-8' codec can't decode byte 0xb1 in position 0: invalid start byte可以试一下csv_data = pd...
2019-09-25 13:51:42
9236
1
原创 前端值得一探究竟特辑 --- 五种垂直居中
1、利用inline元素和伪元素设置伪元素。vertical-align属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。即：有两个行内元素a和b，a和b都是img，如果a加了vertical-align:middle样式，b的 底部（基线) 就会对齐a的中间位置；如果a和b都加了一个vertical-align:middle样式。那么就互相对齐了对方的中间位置；也就是它们在垂...
2019-09-16 10:48:04
382
原创 前端夯实基础（五）--- CSS选择器及权重+彩蛋
CSS 参考手册+练习地址1、三种样式表行内样式表<h1 style="color:pink; height:20px"> 行内样式表 </h1>内部样式表：位于 <head> 标签内部被<style>包裹。<head><style> h1 {color:pink}</style><...
2019-09-08 22:34:20
140
原创 前端夯实基础（八）--- link与@import
link属于html标签，而@import是css提供的页面被加载时，link会同时被加载，而@import引用的css会等到页面加载结束后加载。link是html标签，因此没有兼容性，而@import只有IE5以上才能识别。link方式样式的权重高于@import的。...
2019-09-08 00:00:57
270
原创 前端值得一探究竟特辑 --- BFC(块级格式化上下文)、BFC清除浮动、BFC自适应两栏布局
参考文章以前对于BFC的理解相当肤浅和片面，这次决定把BFC好好理解清楚。1、块级格式化上下文(Block formatting context)并不是块级元素就是BFC呀，哎哟我滴小撒瓜···哭了···太难了···BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Bloc...
2019-08-29 14:07:14
167
原创 前端夯实基础（七）--- 字体样式font属性
font-style、font-weight、font-size、line-height、font-family、font皆可被行内元素继承。1、font-stylenormal：正常italic：斜体2、font-weight数字以100为步长。400：normal700：bold3、font-sizepx：通常使用双数。任意浏览器的默认字体大小都是16px。em：...
2019-08-28 21:54:43
584
原创 前端夯实基础（六）--- CSS的四个伪元素+彩蛋
1、:first-line用于向文本的首行设置特殊样式，只能用于块级元素。p{ width: 200px; color: #c0c0c0;}p:first-line { color: skyblue;}<p>海洋几乎涵盖所有的动物种类。海洋动物门类繁多，各门类的形态结构和生理特点可以有很大差异。微小的有单细胞原生动物，大的有长可超过30 m、重超过 1.90...
2019-08-22 13:56:24
311
原创 前端值得一探究竟特辑 --- meta标签属性总结
设置charset字符集此属性声明网页的字符编码方式。常用字符集：UTF-8：包含全世界所有国家需要用的字符GB2312：国家标准码，简体中文，6763个汉字BIG5：繁体中文，港澳台使用GBK：国标扩展，支撑繁体中文，包括全部中文字符...
2019-08-19 12:48:14
446
原创 前端夯实基础（四）--- HTML之Form
1、表单表单控件提示信息表单域 <form>之间的内容</form>2、<input />输入类型W3CSchool练习地址type：说明属于哪种表单text：单行文本框password：密码输入框，浏览器会将输入内容变成*******button：<input>标签会渲染成一个按钮<input type="button...
2019-08-18 23:58:32
181
原创 前端夯实基础（三）--- HTML之Table
1、表格存在的意义显示格式数据。使表格数据在没有CSS的情况下，依然具备可读性。2、表格标签 W3School练习地址<table> <tr> <th>x列头</th> <th>y列头</th> <th>z列头</th> </tr> <tr> ...
2019-08-18 17:59:50
190
python-3.4.16490
2016-03-09
Less 即时编译CSS插件 for Sublime Text 3
2016-02-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人