2017年08月_唐小狼

12月 11月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创水平垂直居中固定比例 Div

水平垂直居中固定比例 Div场景：div 宽度百分比，高宽固定比例，水平垂直居中展示对于这种情况肯定会有多种实现，有的可能用 js 去计算设计，有的可能直接用 css 实现，而 css 实现又会有多种实现方式。下面主要讨论的是用 css 绝对定位实现的一种方式。对于本文来说，这种效果的实现是次要的，我们主要来讨论一下它里面所涉及到的知识点，细细分析下来，是会有很多值得注意的知识

2017-08-31 19:14:25 894

原创模块固顶和固底的一种实现方法—Api(Element.getBoundClientRect())

页面固顶和固底的一种实现方式引：在 pc web 开发的过程中，经常会遇到一些模块固定的需求，接下来介绍一种固定的方式，通过 Element.getBoundClientRect() Api 来实现。开发过程中需要获取页面元素的位置，可以参考用Javascript获取页面元素的位置这篇文章。具体的效果 Demo，可以查看这个 git 仓库。效果展示看这里。

2017-08-31 15:24:21 1322

原创用Javascript获取页面元素的位置

用Javascript获取页面元素的位置学习笔记整理网页概念网页大小 —— 通常情况由内容和 CSS 样式表决定。浏览器窗口（viewport）大小 —— 在浏览器窗口中看到的网页面积显然，如果网页的内容能够在浏览器窗口中全部显示（也就是不出现滚动条），那么网页的大小和浏览器窗口的大小是相等的。如果不能全部显示，则滚动浏览器窗口，可以显示出网页的各个部分。

2017-08-16 00:26:03 680

原创 super() OR super(props) -- What's The Difference

Questions:When is it important to pass props to super(), and why ?class MyComponent extends React.Component { constructor(props) { super(); // or super(props) ? }}Answer :Th

2017-08-15 14:58:31 415

转载 HTTP Referer 的故事

什么是HTTP Referer简言之，HTTP Referer是header的一部分，当浏览器向web服务器发送请求的时候，一般会带上Referer，告诉服务器我是从哪个页面链接过来的，服务器籍此可以获得一些信息用于处理。比如从我主页上链接到一个朋友那里，他的服务器就能够从HTTP Referer中统计出每天有多少用户点击我主页上的链接访问他的网站。Referer其实应该是英文单词

2017-08-14 18:34:45 666

转载 CSRF 攻击的应对之道

CSRF 背景与介绍CSRF（Cross Site Request Forgery, 跨站域请求伪造）是一种网络的攻击方式，它在 2007 年曾被列为互联网 20 大安全隐患之一。其他安全隐患，比如 SQL 脚本注入，跨站域脚本攻击等在近年来已经逐渐为众人熟知，很多网站也都针对他们进行了防御。然而，对于大多数人来说，CSRF 却依然是一个陌生的概念。即便是大名鼎鼎的 Gmail, 在 20

2017-08-14 18:30:34 365

翻译深入 Generator 函数（三）（Going Async With ES6 Generators）

Going Async With ES6 Generators作者简介：Kyle Simpson is an Open Web Evangelist from Austin, TX, passionate about all things JavaScript. He's an author, workshop trainer, tech speaker, and OSS contribu

2017-08-06 22:44:36 513

翻译深入 Generator 函数（二）（Diving Deeper With ES6 Generators）

Diving Deeper With ES6 Generators作者简介：Kyle Simpson is an Open Web Evangelist from Austin, TX, passionate about all things JavaScript. He's an author, workshop trainer, tech speaker, and OSS contri

2017-08-02 00:00:33 574