firefox

原文: 深入理解CSS定位—浮动模型 前面我们讲到了绝对定位，在这篇文章中，我们将讲到3种定位模型中的浮动模型。主要参考 张鑫旭在慕课网的 深入理解float 那些年我们一起清过的浮动---by 一丝丝凉 精通CSS 注意 ：第二小节基本参考一丝丝凉的内容，看过这篇就可以略过我的那部分内容。 1. 浮动 浮动： 浮动的框可以左右移动，直到它的外边缘碰到包含框或另一个浮动框的边缘 。和绝对定位元素一样，使用浮动后，该元素也会脱离文档流，即 浮动框不属于文档中的普通流 。 当一个元素浮动之后，不会影响到块级框的布局而只会影响内联框（通常是文本）的排列，文档中的普通流就会表现得和浮动框不存在一样，当浮动框高度超出包含框的时候，也就会出现包含框不会自动伸高来闭合浮动元素（“高度塌陷”现象）。 顾名思义，就是漂浮于普通流之上，像浮云一样，但是只能左右浮动。 正是因为浮动的这种特性，导致本属于普通流中的元素浮动之后，包含框内部由于不存在其他普通流元素了，也就表现出高度为0（高度塌陷）。在实际布局中，往往这并不是我们所希望的，所以需要 闭合浮动元素 ，使其包含框表现出正常的高度。 1.1 浮动设计的初衷与特性 浮动设计的初衷是为了实现文本环绕效果 。明白了浮动的设计初衷，我们就能明白浮动的特性表现了。浮动具有以下两个特性： 包裹性 破坏性 单纯只是说浮动的特性：包裹性与破坏性

网络编程 1.网络编程的目的 实现资源的共享 实现数据的传输和下载 1.1软件的架构 网络的通信都是基于软件结构实现的：C/S结构 和 B/S结构 C/S架构 全称为Client /Server 架构，就是客服端和服务器端 常见的程序像QQ、迅雷、IDEA等软件 优点 ：客户体验好，因为客户需要把客服端下载下来 缺点：需要下载 后期需要维护比较麻烦 B/S架构 全称为Browser/Server 架构 ，就是浏览器和服务器架构 常见的浏览器：谷歌、火狐等 常见的软件：博学谷、京东、淘宝 优点 ：方便 在网页上就可以直接浏览这些服务器，不需要下载 缺点： 网络不好 客户体验效果极差 1.2网络通信的三要素 网通通信必须要有一定约定，不然无法实现计算机之间的通信 协议： 计算机网络客户端与服务端通信必须事先约定和彼此遵守的通信规则 HTTP , FTP , TCP , UDP , SSH , SMTP IP地址： ip地址全称（Internet Protocol Address）互联网协议地址 IP 地址分为两种 IPv4:4个字节，32位组成 192.168.70.70 每一位取值0-225 IPv6： 可以实现为所有设备分配IP 128位 本地的IP地址：127.0.0.1或者localhost 注意：只获得IP地址的话，能连接到那个计算机，并不能链接到具体的应用 3.端口号：

问题： Is there an efficient way to tell if a DOM element (in an HTML document) is currently visible (appears in the viewport )? 有没有一种有效的方法来判断DOM元素（在HTML文档中）当前是否可见（显示在 视口中 ）？ (The question refers to Firefox) （问题是指Firefox） 解决方案： 参考一： https://stackoom.com/question/WFz/如何判断DOM元素在当前视口中是否可见 参考二： https://oldbug.net/q/WFz/How-to-tell-if-a-DOM-element-is-visible-in-the-current-viewport 来源： oschina 链接： https://my.oschina.net/u/4432649/blog/4319688

写在前面 书籍介绍：本书从前端开发人员的需求出发，以“流”为线索，从结构、内容到美化装饰等方面，全面且深入地讲解前端开发人员必须了解和掌握的大量的CSS知识点。同时，作者结合多年的从业经验，通过大量的实战案例，详尽解析CSS的相关知识与常见问题。 我的简评：《CSS世界》这本书颠覆了我对前端CSS的很多认知，说是在的，这本书读起来很烧脑，建议有一定CSS基础后再阅读。 ！！福利：文末有pdf书籍、笔记思维导图、随书代码打包下载地址哦!阅读[书籍精读系列]所有文章，请移步： 推荐收藏-JavaScript书籍精读笔记系列导航 第一章 概述 1.1.CSS世界的“世界观” 将抽象的CSS直接和具体的现实世界相对应，更加易于理解 以完整的体系来学习CSS要比单纯关注属性值理解得更加深刻，可以培养从宏观层面认识与理解CSS的习惯 方便我们记忆，枯燥的代码总是过目就忘，鲜活的角色总是印象深刻 1.2.世界都是创造出来的 CSS世界的诞生就是为图文信息展示服务的 1.3.CSS完胜SVG的武器-流 现在看来，SVG显然要比Flash优秀很多，SVG开发、标准，和CSS和JavaScript都能很方便地进行交互 SVG的强项是图形，其文字内容的呈现实在不敢恭维 何为“流”：“流”实际上是CSS世界中德一种基本的定位和布局机制；CSS世界构建的基石是HTML，而HTML最具代表的两个基石 和

如何用直观的方式存储和操作URL站点书签？小编推荐使用URL管理器—URL Manager Pro mac，该软件为您提供了一系列强大的功能，可用于收集，处理和使用非常大的URL集合，非常不错需要的来macdown体验吧~ URL Manager Pro 版软件介绍 随着Internet的持续指数增长，许多人发现当今浏览器的内置书签功能并不擅长处理大多数人想要维护的URL数量。URL Manager pro解决了跟踪书签的许多问题。URL Manager pro为您提供了一系列强大的功能，可用于收集，处理和使用非常大的URL集合。不仅是Web站点的URL，而且还有电子邮件地址，新服务器，ftp站点，Telnet主机等的URL。 URL Manager Pro mac版功能介绍 URL Manager pro的功能包括： 系统范围的访问：您可以通过附加菜单访问任何应用程序中的书签。 集成：您可以从浏览器的菜单栏和Dock中访问书签。 可访问性：您的书签存储在URL Manager pro书签文件中，您可以以直观的方式存储和操作它们。无需在浏览器首选项文件夹中寻找书签。您可以将应用程序设置为以特定的时间间隔自动保存，以及在每次保存时将书签文档的备份副本备份到外部设备。您可以轻松地将书签保存到Dropbox。 历史记录：您可以使用几种不同的浏览器浏览网络，URL Manager

https://www.jianshu.com/p/35c85b10cade 说到底还是es6闹得，ie浏览器不支持es6 实际碰到的问题分两步才解决 1. 直接打开是空白页：让ie支持vue 解决方式：安装 "babel-polyfill" 即可。 命令：cnpm install --save-dev babel-polyfill //我用的是淘宝镜像，所以是cnpm，如果你没有安装使用npm 即可。 在入口main.js文件引入：import 'babel-polyfill' 最后一步，在build文件夹下找到webpack.base.conf.js. 将第10行的内容替换一下即可。 https://blog.csdn.net/weixin_44093149/article/details/99569736 使用vue-cli3创建的项目，在谷歌浏览器运行没有问题，但在火狐浏览器、ie浏览器和edge浏览器上运行都会报错（就测试了这几个浏览器，其它的没测），具体报错内容如下： // 火狐浏览器 报错如下 "载入页面时与 ws://localhost:8080/sockjs-node/631/u0rsdsy0/websocket 的连接中断" // ie浏览器 报以下错误 SCRIPT5022: SecurityError sockjs.js ( 1683,3 ) //

源码分析 众所周知Python有一个一键启动Web服务器的方法： python3 -m http.server port 在任意目录执行如上命令，即可启动一个web文件服务器，这个方法用到了http.server模块，该模块包含以下几个比较重要的类： HTTPServer这个类继承于socketserver.TCPServer，说明其实HTTP服务器本质是一个TCP服务器 BaseHTTPRequestHandler，这是一个处理TCP协议内容的Handler，目的就是将从TCP流中获取的数据按照HTTP协议进行解析，并按照HTTP协议返回相应数据包，但这个类解析数据包后没有进行任何操作，不能直接使用，如果我们要写自己的Web应用，可以继承这个类，并实现其中的do_XXX等方法 SimpleHTTPRequestHandler，这个类继承于BaseHTTPRequestHandler，从父类中拿到解析好的数据包，并将用户请求的path返回给用户，等于实现了一个静态文件服务器 CGIHTTPRequestHandler，这个类继承于SimpleHTTPRequestHandler，在静态文件服务器的基础上，增加了执行CGI脚本的功能 简单来说就是如下： +-----------+ +------------------------+ | TCPServer | |