- 博客(17)
- 收藏
- 关注
RSS订阅原创 各种居中方法汇总（究极版）
本文部分参考文章：https://github.com/ljianshu/Blog/issues/29每一部分后另附相关实践代码前言本文主要介绍水平居中，垂直居中，还有水平垂直居中各种办法，思维导图如下：一、水平居中1.行内元素水平居中利用 text-align: center 可以实现在块级元素内部的行内元素水平居中。此方法对inline、inline-block、i...
2019-09-07 13:48:27
1218
3
原创 JS中事件冒泡与捕获
事件冒泡与事件捕获事件冒泡和事件捕获分别由微软和网景公司提出，这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。考虑下面这段代码，<div id="outer"> <p id="inner">Click me!</p></div>上面的代码当中一个div元素当中有一个p子元素，如果两个元素都有一个click的处理函数，...
2019-09-05 10:02:55
238
转载 HTTP的长连接和短连接
1.以前的误解很久之前就听说过长连接的说法，而且还知道HTTP1.0协议不支持长连接，从HTTP1.1协议以后，连接默认都是长连接。但终究觉得对于长连接一直懵懵懂懂的，有种抓不到关键点的感觉。今天通过一番研究，终于明白了这其中的奥秘。而之前，也看过长连接相关的内容，但一直都是云里雾里的。这次之所以能在这么短的时间里搞清楚，和自己技术的沉淀密不可分。因此，这里借着这个机会，再次强调一下...
2019-09-02 10:06:35
369
原创 HTTP的三次握手与四次挥手
相关名词解释：序列号seq：占4个字节，用来标记数据段的顺序，TCP把连接中发送的所有数据字节都编上一个序号，第一个字节的编号由本地随机产生；给字节编上序号后，就给每一个报文段指派一个序号；序列号seq就是这个报文段中的第一个字节的数据编号。 确认号ack：占4个字节，期待收到对方下一个报文段的第一个数据字节的序号；序列号表示报文段携带数据的第一个字节的编号；而确认号指的是期望接收到下一...
2019-09-02 10:01:18
271
1
转载 Cookie 和 Session详解
第一层楼什么是 Cookie 和 Session ?初级程序员高频面试题。什么是 CookieHTTP Cookie（也叫 Web Cookie或浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。Cookie 使基于无状态的 HT...
2019-09-02 09:56:39
249
转载 HTTP面试题汇总
HTTP有哪些方法？HTTP1.0定义了三种请求方法： GET, POST 和 HEAD方法 HTTP1.1新增了五种请求方法：OPTIONS, PUT, DELETE, TRACE 和 CONNECT这些方法的具体作用是什么？GET: 通常用于请求服务器发送某些资源 HEAD: 请求资源的头部信息, 并且这些头部与 HTTP GET 方法请求时返回的一致. 该请求方法的一个使用场景...
2019-09-02 09:52:09
8806
转载 React-redux原理探索（详细）
先看一段react-redux代码再探索原理import React from 'react';import { render } from 'react-dom';import { createStore } from 'redux';import { Provider } from 'react-redux';import routes from './router';impo...
2019-09-02 09:44:04
215
原创 Redux原理形象说明与Redux中间件简述
Redux原理图示Redux 是 JavaScript 状态容器，提供可预测化的状态管理。可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。Redux 除了和 React 一起用外，还支持其它界面库。 它体小精悍（只有2kB，包括依赖）。Redux = Reducer + Flux无状态组件当组件只有一个render()函数的时候，可以只返回...
2019-09-02 09:34:25
189
原创 React Tips-3
CSS文件在一个文件中引入之后就全局生效，其他的文件都可以使用。但是一般不建议这样引入，因为一旦组件多了之后，很可能会导致过分耦合。一般使用一个第三方的模块 styled-components来对我们的样式进行管理。 styled-components快速入门 ( https://www.jianshu.com/p/2178abb2ee95 ) styled-components中弃用in...
2019-09-02 09:22:59
183
原创 OneNote常用快捷键
说明 快捷键 打开一个小的 OneNote 窗口以创建便笺 Ctrl+Shift+M 固定 OneNote 窗口 Ctrl+Alt+D 拼写检查 F7 用亮色突...
2019-09-02 09:17:33
34233
2
原创 相对路径&绝对路径
相对路径通常在网页里指定文件时，都会选择使用相对路径。所谓相对路径，就是相对于自己的目标文件位置。只要这两个文件的相对位置没有变(也就是说还是在同一个目录内)，那么无论上传到Web服务器的哪个位置，在浏览器里都能正确地显示图片。我们使用“../”来表示上一级目录，“../../”表示上上级的目录，以此类推。下级目录用“/..”表示。同级目录不须用“./”，直接表示为“ ../...
2019-09-02 09:11:57
288
原创 Git 命令总结
初始化一个Git仓库，使用git init命令。 添加文件到Git仓库，分两步：使用命令git add <file>，注意，可反复多次使用，添加多个文件，实际上就是把文件修改添加到暂存区； 使用命令git commit -m <message>，实际上就是把暂存区的所有内容提交到当前分支。要随时掌握工作区的状态，使用git status...
2019-09-02 09:05:33
109
原创 Bootstarp使用注意事项
一、引用Bootstrap 中文网 提供的 Bootstrap CDN 引用（来自 <https://v3.bootcss.com/getting-started/#download>）<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.jsdelivr.ne...
2019-07-19 09:36:28
256
1
原创 React Tips-2
1. 关于JSX注释方式：第一种：{/*这是一行注释*/}第二种：{ //这是一行注释 }2. 在React的JSX中去使用样式对应的class作类名时为了避免混淆，需要使用className来代替class作为一个标签或者组件的类属性。3. 在React中如果要在<label></label>标签上加上for属性...
2019-07-19 09:21:53
152
原创 React Tips-1
Create React AppCreate React App 是一个用于学习 React 的舒适环境，也是用 React 创建新的单页应用的最佳方式。它会配置你的开发环境，以便使你能够使用最新的 JavaScript 特性，提供良好的开发体验，并为生产环境优化你的应用程序。你需要在你的机器上安装 Node >= 6 和 npm >= 5.2。要创建项目，请执行：npx ...
2019-07-17 18:57:00
156
1
原创 React笔记
参照React官方文档（https://react.docschina.org/docs/hello-world.html） JavaScript 新语法需要注意的三点：（这三点应该让您有足够的知识来阅读React文档） 我们用let和const语句定义变量。出于React文档的目的，您可以将它们视为等效于var。 我们使用class关键字来定义JavaScript类。有两件事值得记住。首...
2019-07-17 18:48:59
150
1
原创 JetBrains-Webstorm快捷键总结
一、导航类 Webstorm快捷键 说明 Esc 进入代码编辑区域 Alt+F1 查找代码在其他界面模块的位置，颇为有用 Ctrl+G 到指定行的代码 Ctrl+]/[ 光标到代码块的前面或后面 ...
2019-07-17 14:37:12
695
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人