- 博客(19)
- 收藏
- 关注
RSS订阅原创 React Hook详解+案例尝试
目录Hook解决的问题先决认知：function组件与class组件的区别已有Hook（典型）1、useState2、useEffect（两种模式）(1) Effects Without Cleanup(2) Effects With CleanupHook使用关于自定义Hook官方Hook????Hook解决的问题需要为function组件添加state，但不想重写function组件为class组件时使用Hook真香～先决认知：function组件与class组件的区别组件预编译class方案
2020-10-14 11:46:30
742
1
原创 LeetCode 150. evaluate-reverse-polish-notation / java
问题描述：Evaluate the value of an arithmetic expression inReverse Polish Notation.Valid operators are+,-,*,/. Each operand may be an integer or another expression.Some examples: ["2", "1", "+", "...
2019-07-02 22:58:47
216
原创 LeetCode 111.Minimum Depth of Binary Tree/ c++ & java & JavaScript
问题描述：Given a binary tree, find its minimum depth.The minimum depth is the number of nodes along the shortest path from the root node down to the nearest leaf node.找二叉树的最小深度java版本答案：/** * Defin...
2019-07-02 21:58:29
173
原创 Ajax的异步分析+实例代码
前言 一直在说Ajax的异步，什么叫异步？异步到底体现在哪里？这篇文章就是自我对Ajax异步的理解，如有理解不到位的地方，希望大佬们指出。感激不尽！什么叫异步？ 说到异步不可能不说同步，你仅需要明确两件事。 1：异步传输是面向字符的传输，它的单位是字符； 2：同步传输时面向比特的传输，单位是帧，传输要求接受方和发送方时钟保持一致。 再具体一些说来，异步传...
2019-05-30 11:42:26
618
原创 React 组件通信 父子组件 兄弟组件
父子组件通信：通过props传递数据如果子组件要将信息回传给父组件:示例：新增的用户信息。父组件给子组件传递state时新增一个执行函数，并在父组件里定义这个执行函数的动作。而后子组件可以在自身处理事件中调用此函数，以此达到回传state的目的。注意调用时要用props.兄弟组件通信：不能直接通信，需要借助状态提升，把组件间需要共享的状态保存到距离它们最近的共同父组件内，任意...
2019-05-27 09:42:55
365
原创 State&Props简单页面的创建流程
拿到一个模拟页面根据原型图分析json接口（一般json接口返回数据格式会给定）step1 把UI划分出组件层级单一功能原则。理想状态下一个组件只做一件事。step2 用React创建一个静态版本传入数据模型，渲染UI但不交互。需要创建能够复用其他组件的组件，并通过props来传递数据。props是一种从父级向子级传递数据的方法。（对外接口，只读）state...
2019-05-27 09:40:11
155
原创 虚拟DOM，Diff算法，手把手讲解系列
这两个东西咱们随便一搜，就能搜到很多东西，所以此文章不赘述，主要是把很多文章里没有写到（细化到小白都能理解）的地方给大家展示一下，同时也加强自己的理解。看本文前，如果你对虚拟DOM和react中的Diff算法已经有了解了，但是有点似懂非懂，能说上流程却手撕不出来代码，可以直接进入正题。如果流程都说不出来，必须先看这位作者的文章：附上链接：https://github.com/livor...
2019-05-24 16:58:16
126
原创 React + webpack 开发单页面应用——采坑集之 .scss模块报错
背景：用脚手架 create-react-app-master 搭建项目。大概报错如下（当时没记录）：Module build failed: $red: red;^ Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "var content = requi" ...
2019-05-13 10:42:13
467
原创 React + webpack 开发单页面应用——采坑集之 \@babel\runtime
背景：使用脚手架 create-react-app-master 搭建项目。我出现的报错是这样的：./node_modules/react-dev-utils/formatWebpackMessages.jsModule not found: Can't resolve 'E:\实例\teacher-system\create-react-app-master\admin-system\...
2019-05-05 17:13:04
1516
3
转载 【转载】前端chrome浏览器调试总结
前端chrome浏览器调试总结文章内容来源:https://www.jianshu.com/p/b25c5b88baf5 https://www.cnblogs.com/soyxiaobi/p/9598761.html一、前言原博主这篇文章做的非常详细，基本上囊括了整个Chrome调试界面，比较全。对于一般水平的前端工作人员来说应该...
2019-03-26 09:38:18
231
原创 Git 将本地代码push到github流程
github端操作进入GitHub账号，找到repository，new一个新项目；取名：Repository name（不和其它项目重名即可）；仓库描述介绍：Description(可选)；仓库权限（公开共享，私有或指定合作者）：Public, Private ；Initialize this repository with a README: 添加一个README.md...
2019-03-25 20:15:53
5960
原创 前端-轮播-Bootstrap方法实现
使用：Carousel插件首先需要引入插件。整个轮播实现过程分为三部分，三部分都包裹在一个容器里，容器的id class如下:id="myCarousel" class="carousel slide"其余三部分分别为： 轮播指标：class="carousel-indicators" 给每个轮播对象（data-target="myC...
2019-03-25 11:19:52
288
原创 webpack.config.js配置详解
第一步：WebpackConfig.js 四个核心概念 入口（entry） 指示webpack使用哪个模块作为构建其内部依赖图开始，进入起点后依赖项被处理，最后输出到bundles文件中 // 使用CommonsChunkPlugin 多页面创建，相互间...
2019-03-18 15:14:57
5611
原创 前端 webpack打包常见错误总结及其解决方法1：events.js:141 throw er; // Unhandled 'error' event
前言：作者君会不定期将自己实际中遇到的bug和解决方法放上来，因为是自己遇到的，所以不见得面面俱到，大家加油！1、端口被占用命令窗提示错误如下events.js:141 throw er; // Unhandled 'error' event ^Error: listen EADDRINUSE 127.0.0.1:8080解决方法：打开命令提示符窗口，输...
2018-11-14 11:17:05
4088
原创 前端 IntelliJ IDEA 快捷操作，提高工作效率 持续更新，发现新的好用的就补充。
1. 多行同时操作：Alt + Shift 当你发现有很多行是通过复制粘贴来做的时候，用这个命令修改里面相同的东西非常快捷。2.带标签 “class”类的快速写法 <div class="error-item"> <span class="error-icon"></span> ...
2018-11-04 10:50:25
883
原创 前端构架配置（二）：node.js、 webpack、css-loader、html-loader、style-loader、webpack-dev-server等插件安装总出错解决方式
众所周知，如果我们需要用到webpack打包，则需要做很多准备工作，包括node.js的安装，webpack等的安装。 这个安装过程总会出现各种安装不成功的情况。这里不细说各种情况，直接给出一个最通用的解决方案。 方案如下：核心是配套好各个插件的版本号，如果版本号没有配套好，会出现诸如此类的错误： 这里直接给出一套能够适...
2018-10-28 09:51:49
618
原创 前端构架配置（一）：Git上项目创建、克隆到本地，SSH密钥配置
1：做前端项目前，首先在本地下载安装Git，node.js（推荐版本v4.4.7），用于编译的软件：这里推荐IDEA和Sublime，自己觉得哪个顺手用哪个，都在官网下载即可，安装在默认地址即可。这些准备工作是必须的，但不是本次重点。2：在git上新建一个项目（我这里使用的是码云，地址：https://gitee.com/），我们需要把它克隆到本地，这里首先以管理员权限打开本地git命令窗口，...
2018-10-27 11:40:19
496
原创 LeetCode 806.Number of Lines To Write String JavaScript 答案+解析
先放答案：var numberOfLines = function(widths, S) { var sum = 0 , con = 1; for(var i = 0 ; i < S.length ; i++){ var t = widths[S[i].charCodeAt(0) - 97]; if(sum + t > 100 ) co...
2018-10-21 19:27:47
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人