12 2018 档案
摘要：原因主要是： 这个错误在配合 多次Route的时候会经常出现 Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. Th
阅读全文
摘要：本参考指南记录了SyntheticEvent构成React事件系统一部分的包装器。请参阅处理事件指南了解更多信息。 1. 概观 您的事件处理程序将被传递SyntheticEvent给浏览器本地事件的一个跨浏览器包装的实例。它具有与浏览器的本地事件相同的界面，包括stopPropagation()和p
阅读全文
摘要：在生活中，浏览器和我们的工作和生活息息相关。做为前端开发，我们代码的应用场景往往是在浏览器上。浏览器对前端的重要性不可一日而语。那么我们对浏览器是否有比较清晰的了解呢？什么是多进程架构浏览器？为什么浏览器内核是多线程？Javascript是单线程又是什么鬼？进程和线程是否分得清楚呢？ 1. 进程（p
阅读全文
摘要：话说react 代码贡献量最大的是位妹子。 对此没有“正确的”答案。有些用户更喜欢在Redux中保存每一个数据片段，以便始终保持应用程序的完全可序列化和受控版本。其他人则倾向于在组件的内部状态中保持非关键或UI状态，如“当前打开的下拉列表，按钮是否高亮”。 听听gaearon怎么说 在react中，
阅读全文
摘要：内核 首先得搞懂浏览器内核究竟指的是什么。 浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或
阅读全文
摘要：在单页应用上，前端路由并不陌生。很多前端框架也会有独立开发或推荐配套使用的路由系统。那么，当我们在谈前端路由的时候，还可以谈些什么？本文将简要分析并实现一个的前端路由，并对 react-router 进行分析。 1. 一个极简前端路由实现 说一下前端路由实现的简要原理，以 hash 形式（也可以使用
阅读全文
摘要：1. 有2个CSS预处理器可供选择： 1.Less http://lesscss.org/ 2.Sass http://sass-lang.com/ 他们都已经存在了好几年了。我们要使用Sass。 2. Sass 和 Scss 的区别 Sass有两种语法可用 sass 本身 后缀是.sass的文件
阅读全文
摘要：题目就是如上要求，使用纯 CSS，完成单行文本居中显示文字，多行居左显示，最多两行超过用省略号结尾，效果如下： 不愿看长篇大论的可以先看看效果：-webkit- 内核下 Demo 戳我 接下来就一步一步来实现这个效果。 1. 1.首先是单行居中，多行居左 居中需要用到 text-align:cent
阅读全文
摘要：本质上，这两种方式都是为了加载css文件，但还是存在细微的差别。 差别1：老祖宗的差别，link属于XHTML标签，而@import完全是css提供的一种方式。 link标签除了可以加载css外，还可以做很多其他的事情，比如定义RSS，定义rel连接属性等，@import只能加载CSS。 差别2：加
阅读全文
摘要：CSS 选择符： id选择器(# myid) 类选择器(.myclassname) 标签选择器(div, h1, p) 相邻选择器(h1 + p) 子选择器(ul > li) 后代选择器(li a) 通配符选择器( * ) 属性选择器(a[rel = "external"]) 伪类选择器(a: ho
阅读全文
摘要：CSS3实现圆角（border-radius），阴影（box-shadow）， 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px)
阅读全文
摘要：rem em 我们将从你已经熟悉的东西开始。em单位被定义为当前字体大小。例如，如果你在body元素上设置一个字体大小，那么在body元素内的任何子元素的em值都等于这个字体大小。 在这里，我们说这个div将有一个1.2em的font-size。它是所继承的字体大小的1.2倍，在这个例子中为14px
阅读全文
摘要：清除浮动是为了清除使用浮动元素产生的影响。浮动的元素，高度会塌陷，而高度的塌陷使我们页面后面的布局不能正常显示。 1、父级div定义height； 2、父级div 也一起浮动； 3、常规的使用一个class； .clearfix::before, .clearfix::after { content
阅读全文
摘要：我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。 学会了一种css绘制方法后，绘制其他三角形的方法基本也是大同小异。 1.向上 2.向下 3.向左
阅读全文
摘要：创建规则： 作用： display,float,position的关系 外边距折叠 (collapsing margins) 毗邻的两个或多个margin会合并成一个margin，叫做外边距折叠。规则如下： 如何确定一个元素的包含块 (containing block) 根元素的包含块叫做初始包含块
阅读全文
摘要：有的时候，嗯，应该说某些特定场合，我们可能需要下面这样的动画效果，渐变 + animation ： 假设我们渐变的写法如下： 按照常规想法，配合 animation ，我们首先会想到在 animation 的步骤中通过改变颜色实现颜色渐变动画，那么我们的 CSS 代码可能是： 上面我们用到了三种颜色
阅读全文
摘要：z-index 看上去其实很简单，根据 z-index 的高低决定层叠的优先级，实则深入进去，会发现内有乾坤。 看看下面这题，定义两个 div A 和 B，被包括在同一个父 div 标签下。HTML结构如下： 它们的 CSS 定义如下： 大概描述起来，意思就是拥有共同父容器的两个 DIV 重叠在一起
阅读全文
摘要：合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；ke
阅读全文
摘要：浏览器渲染展示网页的过程，老生常谈，面试必问，大致分为： 简单解释一下，通过请求得到的 HTML 经过解析（HTML parser）生成 DOM Tree。而在 CSS 解析完毕后，需要将解析的结果与 DOM Tree 的内容一起进行分析建立一棵 Render Tree，最终用来进行绘图（Paint
阅读全文
摘要：DTD（document type definition，文档类型定义）是一系列的语法规则， 用来定义XML或(X)HTML的文件类型。浏览器会使用它来判断文档类型， 决定使用何种协议来解析，以及切换浏览器模式。 事实上DTD可以定义所有SGML语族的文档类型，但由于太过繁琐， XML Schema
阅读全文
摘要：一台服务器要与HTTP1.1兼容，只要为资源实现GET和HEAD方法即可 GET是最常用的方法，通常用于请求服务器发送某个资源。 HEAD与GET类似，但服务器在响应中值返回首部，不返回实体的主体部分 PUT让服务器用请求的主体部分来创建一个由所请求的URL命名的新文档，或者，如果那个URL已经存在
阅读全文
浙公网安备 33010602011771号