v>
2018年12月17日
CSS3有哪些新特性？
摘要： CSS3实现圆角（border-radius），阴影（box-shadow）， 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) 阅读全文
posted @ 2018-12-17 10:42 一小半 阅读(2770) 评论(0) 推荐(0) 编辑
css单位有哪些
摘要： rem em 我们将从你已经熟悉的东西开始。em单位被定义为当前字体大小。例如，如果你在body元素上设置一个字体大小，那么在body元素内的任何子元素的em值都等于这个字体大小。 在这里，我们说这个div将有一个1.2em的font-size。它是所继承的字体大小的1.2倍，在这个例子中为14px 阅读全文
posted @ 2018-12-17 10:30 一小半 阅读(2554) 评论(0) 推荐(0) 编辑
2018年12月14日
css 清除浮动
摘要： 清除浮动是为了清除使用浮动元素产生的影响。浮动的元素，高度会塌陷，而高度的塌陷使我们页面后面的布局不能正常显示。 1、父级div定义height； 2、父级div 也一起浮动； 3、常规的使用一个class； .clearfix::before, .clearfix::after { content 阅读全文
posted @ 2018-12-14 10:36 一小半 阅读(188) 评论(0) 推荐(0) 编辑
2018年12月13日
纯CSS绘制三角形
摘要： 我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。 学会了一种css绘制方法后，绘制其他三角形的方法基本也是大同小异。 1.向上 2.向下 3.向左 阅读全文
posted @ 2018-12-13 09:37 一小半 阅读(280) 评论(0) 推荐(0) 编辑
2018年12月12日
块级格式化上下文bfc有什么用
摘要： 创建规则： 作用： display,float,position的关系 外边距折叠 (collapsing margins) 毗邻的两个或多个margin会合并成一个margin，叫做外边距折叠。规则如下： 如何确定一个元素的包含块 (containing block) 根元素的包含块叫做初始包含块 阅读全文
posted @ 2018-12-12 09:59 一小半 阅读(262) 评论(0) 推荐(0) 编辑
2018年12月11日
巧妙地制作背景色渐变动画
摘要： 有的时候，嗯，应该说某些特定场合，我们可能需要下面这样的动画效果，渐变 + animation ： 假设我们渐变的写法如下： 按照常规想法，配合 animation ，我们首先会想到在 animation 的步骤中通过改变颜色实现颜色渐变动画，那么我们的 CSS 代码可能是： 上面我们用到了三种颜色 阅读全文
posted @ 2018-12-11 09:35 一小半 阅读(794) 评论(0) 推荐(0) 编辑
2018年12月10日
层叠顺序（stacking level）与堆栈上下文（stacking context）知多少
摘要： z-index 看上去其实很简单，根据 z-index 的高低决定层叠的优先级，实则深入进去，会发现内有乾坤。 看看下面这题，定义两个 div A 和 B，被包括在同一个父 div 标签下。HTML结构如下： 它们的 CSS 定义如下： 大概描述起来，意思就是拥有共同父容器的两个 DIV 重叠在一起 阅读全文
posted @ 2018-12-10 10:54 一小半 阅读(476) 评论(0) 推荐(0) 编辑
2018年12月7日
前端需要注意哪些SEO
摘要： 合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；ke 阅读全文
posted @ 2018-12-07 10:51 一小半 阅读(1413) 评论(0) 推荐(0) 编辑
2018年12月5日
浏览器渲染原理
摘要： 浏览器渲染展示网页的过程，老生常谈，面试必问，大致分为： 简单解释一下，通过请求得到的 HTML 经过解析（HTML parser）生成 DOM Tree。而在 CSS 解析完毕后，需要将解析的结果与 DOM Tree 的内容一起进行分析建立一棵 Render Tree，最终用来进行绘图（Paint 阅读全文
posted @ 2018-12-05 14:44 一小半 阅读(331) 评论(0) 推荐(0) 编辑
2018年12月4日
DOCTYPE的作用：文档类型与浏览器模式
摘要： DTD（document type definition，文档类型定义）是一系列的语法规则， 用来定义XML或(X)HTML的文件类型。浏览器会使用它来判断文档类型， 决定使用何种协议来解析，以及切换浏览器模式。 事实上DTD可以定义所有SGML语族的文档类型，但由于太过繁琐， XML Schema 阅读全文
posted @ 2018-12-04 09:51 一小半 阅读(236) 评论(0) 推荐(0) 编辑
2018年12月3日
http method 介绍
摘要： 一台服务器要与HTTP1.1兼容，只要为资源实现GET和HEAD方法即可 GET是最常用的方法，通常用于请求服务器发送某个资源。 HEAD与GET类似，但服务器在响应中值返回首部，不返回实体的主体部分 PUT让服务器用请求的主体部分来创建一个由所请求的URL命名的新文档，或者，如果那个URL已经存在 阅读全文
posted @ 2018-12-03 11:04 一小半 阅读(3064) 评论(0) 推荐(0) 编辑
2018年11月30日
React之ref详细用法
摘要： 在react典型的数据流中，props传递是父子组件交互的唯一方式；通过传递一个新的props值来使子组件重新re-render,从而达到父子组件通信。当然，就像react官网所描述的一样，在react典型的数据量之外，某些情况下（例如和第三方的dom库整合，或者某个dom元素focus等）为了修改 阅读全文
posted @ 2018-11-30 17:01 一小半 阅读(8653) 评论(0) 推荐(0) 编辑
前端性能毫秒必争综合方案
摘要： 1.减少http请求次数 2.避免页面重定像 当客户端收到服务器的跳转回复时，客户端再次根据服务器回复中的location指定的地址再次发送请求，例如以下跳转回复。 当客户端遇到这种回复的时候，用户只能等待客户端再次发送请求，有的网站甚至会一直跳n次，跳到他想带你去的地方…当然在这个时候用户看不到任 阅读全文
posted @ 2018-11-30 16:58 一小半 阅读(178) 评论(0) 推荐(0) 编辑
前端性能毫秒必争方案（二）HTTP缓存
摘要： 响应消除所有的网络延迟，并避免数据传输的数据开销。 为了实现这一目标，HTTP规范允许服务器返回多个不同的缓存控制指令来控制如何，以及多长时间可以通过浏览器和其他中间缓存缓存单个响应。 0.0.1. 好在每个现代浏览器都自带了 HTTP 缓存实现功能。 您只需要确保每个服务器响应都提供正确的 HTT 阅读全文
posted @ 2018-11-30 11:57 一小半 阅读(330) 评论(0) 推荐(0) 编辑
2018年11月23日
前端性能毫秒必争方案（一）HTTP请求
摘要： 在讲http知识之前，有必要提及下网络七层协议OSI(Open System Interconnect)的缩写 犹如水浒里面的七星聚义，没这七星，就没有108将。(已经放置文章最后面) 2. 减少http请求次数原因在于 众所周知，后端不管是java还是php，都能使用类似htppRequest . 阅读全文
posted @ 2018-11-23 10:31 一小半 阅读(1351) 评论(0) 推荐(0) 编辑
2018年11月22日
html全局属性
摘要： 局部属性：有些元素能规定自己的属性，这种属性称为局部属性。 比如 link 元素，它具有的局部属性有 href、 rel、 hreflang、 media、 type、 sizes 这六个。 全局属性：可以用来配置所有元素共有的行为，这种属性称为全局属性，可以用在任何一个元素身上。 1、access 阅读全文
posted @ 2018-11-22 10:05 一小半 阅读(1416) 评论(0) 推荐(0) 编辑
2018年11月21日
Http POST 提交数据的四种方式解析
摘要： 我们知道，HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。HTTP 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据，本文主要讨论 PO 阅读全文
posted @ 2018-11-21 10:42 一小半 阅读(6505) 评论(0) 推荐(0) 编辑
2018年11月20日
首屏、白屏时间如何计算
摘要： “闻之我也野, 视之我也饶, 行之我也明” —- 前段时间感觉自己看的书比较多, 其中关于性能优化方面, 虽然知道一些 对于 web 页面的性能优化手段, 像雅虎性能十四条这样的业界金规玉律, 但是对于其中为什么这样做以及什么时候这样 做脑海始终有点模糊, 所以写篇博文来让自己理解性能方面的知识. 阅读全文
posted @ 2018-11-20 10:21 一小半 阅读(3422) 评论(0) 推荐(0) 编辑
2018年11月19日
监控平台前端SDK开发实践
摘要： 背景 监控是提高故障处理能力和保障服务质量必需的一环，它需要负责的内容包括：及时上报错误、收集有效信息、提供故障排查依据。 及时上报错误：发生线上问题后，经由运营或者产品反馈到开发人员，其中流转过程可能是几分钟甚至几十分钟，这段时间可能直接导致公司的经济损失。如果有一个监控系统，在线上出现问题时，监 阅读全文
posted @ 2018-11-19 10:12 一小半 阅读(2091) 评论(0) 推荐(0) 编辑
2018年11月16日
一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么
摘要： 流程说的越详细越好 阅读全文
posted @ 2018-11-16 10:26 一小半 阅读(184) 评论(0) 推荐(0) 编辑
2018年11月15日
美团性能优化之路——性能指标体系
摘要： 前言 在互联网网站百花齐放的今天，网站响应速度是用户体验的第一要素，其重要性不言而喻，这里有几个关于响应时间的重要条件： 用户在浏览网页时，不会注意到少于0.1秒的延迟； 少于1秒的延迟不会中断用户的正常思维， 但是一些延迟会被用户注意到； 延迟时间少于10秒，用户会继续等待响应； 延迟时间超过10 阅读全文
posted @ 2018-11-15 11:32 一小半 阅读(1752) 评论(0) 推荐(0) 编辑
2018年11月14日
同源策略，跨域解决方案
摘要： 1、先来说说什么是源• 源（origin）就是协议、域名和端口号。以上url中的源就是：http://www.company.com:80若地址里面的协议、域名和端口号均相同则属于同源。以下是相对于 http://www.a.com/test/index.html 的同源检测• http://www 阅读全文
posted @ 2018-11-14 10:38 一小半 阅读(120) 评论(0) 推荐(0) 编辑
常见的Event事件
摘要： Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态 什么时候会产生Event 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象. 关于event对象 在触发的 阅读全文
posted @ 2018-11-14 10:14 一小半 阅读(893) 评论(0) 推荐(1) 编辑
2018年11月13日
BFC是什么
摘要： 在一个Web页面的CSS渲染中，块级格式化上下文 (Block Fromatting Context)是按照块级盒子布局的。W3C对BFC的定义如下： 为了便于理解，我们换一种方式来重新定义BFC。一个HTML元素要创建BFC，则满足下列的任意一个或多个条件即可： 1、float的值不是none。2 阅读全文
posted @ 2018-11-13 11:44 一小半 阅读(343) 评论(0) 推荐(0) 编辑
HTTP 深入详解（HTTP Web 的基础）
摘要： 1.0.1. HTTP概述： HTTP 是超文本传输协议的简称，英文是（Hypertext Tansfer Protocol），是现代全球因特网中的公共语言。 1.0.2. Web 客户端和服务器 web 客户端最常见的是浏览器，不如Microsoft 的IE ， Netscape 的Firefox 阅读全文
posted @ 2018-11-13 11:38 一小半 阅读(1228) 评论(0) 推荐(0) 编辑
2018年11月12日
webpack 代码分离
摘要： 本指南扩展了起步和管理输出中提供的示例。请确保您至少已熟悉其中提供的示例。 代码分离是 webpack 中最引人注目的特性之一。此特性能够把代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle，以及控制资源加载优先级，如果使用合理，会极大影 阅读全文
posted @ 2018-11-12 10:31 一小半 阅读(527) 评论(0) 推荐(0) 编辑
webpack 常见问题
摘要： 0.1. 什么是webpack？ webpack是javascript应用程序的模块打包程序。Webpack递归地构建应用程序中的每个模块，然后将所有这些模块打包到少量的bundle中。 0.2. webpack和其他构建工具（如gulp或grunt）之间的主要区别是什么？ Webpack是一个模块 阅读全文
posted @ 2018-11-12 10:14 一小半 阅读(443) 评论(0) 推荐(1) 编辑
2018年11月9日
细说 webpack 之流程篇
摘要： 0.1. 引言 目前，几乎所有业务的开发构建都会用到 webpack 。的确，作为模块加载和打包神器，只需配置几个文件，加载各种 loader 就可以享受无痛流程化开发。但对于 webpack 这样一个复杂度较高的插件集合，它的整体流程及思想对我们来说还是很透明的。那么接下来我会带你了解 webpa 阅读全文
posted @ 2018-11-09 09:54 一小半 阅读(351) 评论(0) 推荐(0) 编辑
2018年11月8日
一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？
摘要： 流程说的越详细越好 注：这题胜在区分度高，知识点覆盖广，再不懂的人，也能答出几句， 而高手可以根据自己擅长的领域自由发挥，从URL规范、HTTP协议、DNS、CDN、数据库查询、 到浏览器流式解析、CSS规则构建、layout、paint、onload/domready、JS执行、JS API绑定等 阅读全文
posted @ 2018-11-08 16:53 一小半 阅读(282) 评论(0) 推荐(0) 编辑
Ajax 解决浏览器缓存问题
摘要： 1、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0")。 2、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。 3、在URL后面加 阅读全文
posted @ 2018-11-08 16:51 一小半 阅读(571) 评论(0) 推荐(0) 编辑
2018年11月7日
十大经典排序算法
摘要： 冒泡排序 冒泡排序（Bubble Sort）也是一种简单直观的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。 作 阅读全文
posted @ 2018-11-07 10:09 一小半 阅读(239) 评论(0) 推荐(0) 编辑
2018年11月6日
学习es6
摘要： ECMAScript 2015功能的详细概述。基于卢克·霍本的e6features回购。 0.0.1. 本文是google 自动翻译 1. 介绍 ECMAScript 2015是2015年6月批准的ECMAScript标准。 ES2015是语言的重要更新，自2009年ES5标准化以来语言的第一次重大 阅读全文
posted @ 2018-11-06 11:06 一小半 阅读(328) 评论(0) 推荐(0) 编辑
2018年11月5日
react-redux 之 connect 方法详解
摘要： Redux 是「React 全家桶」中极为重要的一员，它试图为 React 应用提供「可预测化的状态管理」机制。Redux 本身足够简单，除了 React，它还能够支持其他界面框架。所以如果要将 Redux 和 React 结合起来使用，就还需要一些额外的工具，其中最重要的莫过于 react-red 阅读全文
posted @ 2018-11-05 18:42 一小半 阅读(17390) 评论(2) 推荐(6) 编辑
JS实现继承的几种方式
摘要： 前言 JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。 JS继承的实现方式 既然要实现继承，那么首先我们得有一个父类，代码如下： 1、原型链继承 核心： 将父类的实例作为子类的原型 特点： 缺点： 推荐指数：★★（3、4两大致命缺陷） 2017 阅读全文
posted @ 2018-11-05 18:39 一小半 阅读(164) 评论(0) 推荐(0) 编辑
2018年10月31日
GIT常用命令及常见问题解决方法-协作篇
摘要： 功能驱动 git 主要有三种工作流程，有一个共同点：都采用"功能驱动式开发"（Feature-driven development，简称FDD）。 它指的是，完成开发后，该分支就合并到主分支，然后被删除。 Git flow 最早诞生、并得到广泛采用的一种工作流程，就是Git flow 。 它最主要的 阅读全文
posted @ 2018-10-31 10:58 一小半 阅读(233) 评论(0) 推荐(0) 编辑
2018年10月30日
AJAX深入了解
摘要： 1.0.1. 发展历程 XMLHttpRequest一开始只是微软浏览器提供的一个接口，后来各大浏览器纷纷效仿也提供了这个接口 后来W3C对它进行了标准化，提出了XMLHttpRequest标准。XMLHttpRequest标准又分为Level 1和2008年的Level 2 XMLHttpRequ 阅读全文
posted @ 2018-10-30 14:27 一小半 阅读(331) 评论(0) 推荐(0) 编辑
99%的人理解错 HTTP 中 GET 与 POST 的区别
摘要： GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。 最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。 你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该 阅读全文
posted @ 2018-10-30 14:24 一小半 阅读(184) 评论(0) 推荐(0) 编辑
2018年10月18日
元素居中常用方法分享
摘要： 1.行内文字居中：用于一段或一行文字的居中，在标题或者副标题的时候比较常用，在没设宽度且定位、浮动等情况下失效，如下： text-align:center； 纵向居中的时候需要元素设高，使行高等于高即可，若是多行文字，可以使行高等于高/行数，假设高为99px，如下： line-height:99px 阅读全文
posted @ 2018-10-18 11:37 一小半 阅读(343) 评论(0) 推荐(0) 编辑