猫子猪的博客

<!DOCTYPE>是什么<!DOCTYPE> 声明不是 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本的指令，指示 web 浏览器关于页面使用哪个 HTML 版本进行编写。HTML4.01中的<!DOCTYPE>在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于...

你不得不了解的前后端分离原理实现前后端分离的心得我们为什么要尝试前后端分离正确理解前后端分离最小化结构的 web记得以前初接触 web 开发时，为了练手写过一个特别简单的 web 网页通讯录。麻雀虽小，五脏俱全。这个通讯录虽然特别无脑，但是该有的都有：提交登录表单、浏览器展示、点击响应、根据 URL 决定是哪个页面、取数据库数据。这基本上就是一个最最简单的网站了，本质就是响应用户操作...

React + Redux 是React生态中使用最频繁的技术栈，关于如何组织React+Redux的项目结构有如下几种：按照类型这里的类型指的是一个文件在项目中充当的角色类型，即这个文件是一个component，还是一个container，或者是一个reducer等，充当component、container、action、reducer等不同角色的文件，分别放在不同的文...

06/19 14:17相关文章Redux 入门教程（一）：基本用法Redux 核心概念三大原则Redux 可以用这三个基本原则来描述：单一数据源整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中。State 是只读的唯一改变 state 的方法就是触发 actio...

props.children 简介在典型的React数据流模型中，props 是组件对外的接口。props 作为父子组件沟通的桥梁，为组件的通信和传值提供了重要手段。this.props 对象的属性与组件的属性一一对应，但其中有一个比较特殊的参数：this.props.children。它表示组件所有的子节点。在组件内部使用 this.props.children，可以拿到用户在...

06/19 10:30相关文章React 中文文档 - 事件处理JavaScript Private and Public Class Fields关于React事件回调函数bind(this)函数作为React组件的方法时, 箭头函数和普通函数的区别是什么?事件处理函数的 thisReact 元素的事件处理和 DOM 元素的很相似，但是有一点语法上的不同：使用 JS...

生命周期简单来说，一个 React 组件实例从创建到销毁，会经历创建->挂载->更新（也许重复更新）->销毁的过程。一、创建和挂载React.js 将组件渲染，并且构造 DOM 元素然后插入页面的过程称为组件的挂载。当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下：constructor() // React 组件的构造函数render...

06/18 10:32相关文章【第1641期】异常处理，"try..catch"【第1643期】自定义错误及扩展错误笔记梳理使用以 JSON.parse 方法为例let json = '{ "age": 30 }'; // 不完整的数据try { let user = JSON.parse(json); // <-- 没有异常 if (...

一次面试经历面试官从继承和原型链问到 typeof 运算符，又顺着问到了 instanceof 这个运算符。我：instanceof 运算符用于判断一个对象是否是另一个的实例，比如 A instanceof B 就是判断 A 是不是 B 的实例。面试官：怎么判断的呢？我：就是找原型链吧，找 A 的原型链上有没有 B，有的话 A 就是 B 的实例。面试官：嗯，怎么找原型链的呢？我：...

text-overflow 是一个很常用的 CSS 属性，该属性设置截断的文本溢出内容如何显示。属性值clip（默认值）在内容区域的极限处截断文本。因此在字符的中间可能会发生截断。ellipsis用一个省略号 ('…') 来表示被截断的文本。这个省略号被添加在内容区域中，因此会减少显示的文本。如果空间太小到连省略号都容纳不下，那么这个省略号也会被截断。生效条件...

white-spacewhite-space 属性设置如何处理元素中的空白。属性值normal连续的空白符会被合并，换行符会被当作空白符来处理。填充 line 盒子时，必要的话会换行。nowrap和 normal 一样，连续的空白符会被合并。但文本内的换行无效。pre连续的空白符会被保留。在遇到换行符或者<br>元素时才会换行。pre-wrap连续的...

flex-grow 不易理解，难道不是吗?深入理解css3中的flex-grow、flex-shrink、flex-basis写给自己看的display: flex布局教程Flex 布局教程：语法篇一开始学习 flex-grow 时，相信大家都是从这样一个经典例子入门的：如果所有项目的flex-grow属性都为1，则它们将等分剩余空间（如果有的话）。如果一个项目的flex-g...

理解 JavaScript 的 async/awaitECMAScript 6 入门 - async 函数ECMAScript 6 入门 - Generator 函数的异步应用回调函数使用回调函数的传统异步编程有可能嵌套多层回调函数，当嵌套真的多到一定程度时，视觉效果和维护难度都是地狱级的灾难，这也就是为什么会把多层回调嵌套叫做回调地狱。多个异步操作形成强耦合，看着不知所云，改起来头晕目眩...