2018年09月_胡斐小鱼

转载无头浏览器和 Puppeteer

什么是无头浏览器无头浏览器即headless browser，是一种没有界面的浏览器。它有浏览器该有的一切功能，除了界面。可以通过命令进行浏览器内的各种操作。我们日常使用浏览器的步骤为：启动浏览器、打开一个网页、进行交互。在无头浏览器中，我们可以通过程序或脚本来执行以上过程，从而模拟出真实的浏览器使用场景。无头浏览器应用场景有了无头浏览器，我们就能做包括但不限于以下事情：对网页进行截图...

2018-09-18 22:32:53 3815 2

翻译 CSS Grid布局完全指南

原文：A Complete Guide to GridCSS 网格布局(Grid Layout) 是CSS中最强大的布局系统。这是一个二维系统，这意味着它可以同时处理列和行，不像 flexbox 那样主要是一维系统。你可以通过将CSS规则应用于父元素（成为网格容器）和该元素的子元素（网格元素），来使用网格布局。引言CSS网格布局（又名“网格”）是一个二维的基于网格的布局系统，其...

2018-09-13 19:19:50 1267

转载 FlexBox布局完全指南

FlexBox布局Flex即弹性盒模型, 该布局方案由W3C于2009年提出。该布局模型旨在提供一种更有效的方式来进行布局，对齐和分配容器中的项目之间的空间，即使这项对象的大小未知或者会动态变化（这也是之所以叫Flex的原因）。FlexBox的思想：赋予容器更多的能力，可以修改子项的宽高来最完美的填充可用空间。Flex容器可以是子项变大填充剩余可用空间或者缩小子项防止溢出可用范围。容...

2018-09-13 16:54:43 157

也可说是突然萌生出来的一个想法：编写一个Chrome插件。前段时间发现Chrome浏览器占用的系统内存相当的大。其实也对，随着现代web程序的功能日益强大和丰富，浏览器吃内存是必然的。连office都有在线版的了，对比一下office2016的安装包大小（2.41G），想想当初的windows XP安装包大小也才700M。所以可想而知，在线版的office承载的功能之强大。这么一看，感觉浏览...

2018-09-11 16:10:48 466

原创 CORS——一种新的跨域解决方案

一种新的跨域解决方案：CORS（跨域资源共享）。它是W3c的工作草案，定义了在跨域访问资源时浏览器和服务器之间如何通信。CORS背后的基本思想是使用自定义的HTTP头部允许浏览器和服务器相互了解对方，从而决定请求或响应成功与否。CORS需要浏览器和服务器同时支持。目前，所有主流浏览器都支持该功能，IE浏览器不能低于IE8（IE10提供了对规范的完整支持；但在IE8、IE9中，CORS...

2018-09-09 15:59:42 232

原创前端中的跨域

同源策略？同源策略/SOP（Same origin policy）是一种约定，属于浏览器的一个安全功能。不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以a.com下的js脚本采用ajax读取b.com里面的文件数据是会报错的。基于这个策略，有以下几种限制：cookie：js不能读取其它域下的cookie，否则你的登录信息，安全信息就泄露了；Storage和Index...

2018-09-09 15:54:28 128

原创初探Go语言

GO语言Go（通常称为Golang）是由Google于2009年由Robert Griesemer，Rob Pike和Ken Thompson（C语言作者之一，UNXI创建者）创建的一种编程语言。Go是一个静态类型、编译型语言，很像C。具有存储器的安全，垃圾回收，结构输入和 CSP式的并发特性。它的编译器，工具，和源代码都是免费和开源的。Go是从2007年末由Robert Griesem...

2018-09-07 15:12:49 202

惊蛰小鱼的博客