box

BFC和IFC

由 ﹥＞﹥吖頭↗ 提交于 2019-12-08 15:10:33
Box: CSS布局的基本单位 　　Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参与不同的 Formatting Context（一个决定如何渲染文档的容器），因此Box内的元素会以不同的方式渲染。让我们看看有哪些盒子： BFC 快级格式化上下文 block-level box:display 属性为 block, list-item, table 的元素，会生成 block-level box。并且参与 block fomatting context； （块元素参与BFC） IFC 内联格式化上下文 inline-level box:display 属性为 inline, inline-block, inline-table 的元素，会生成 inline-level box。并且参与 inline formatting context； （行内元素参与IFC） run-in box: css3 中才有， 这儿先不讲了。 Formatting context 是 W3C CSS2.1 规范中的一个概念。 它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 最常见的 Formatting

Flex - 灵活布局，随心所欲

由 流过昼夜 提交于 2019-12-08 02:37:11
Flex-Layout Demostration [前言] “年味”在今天算是彻底散去了，大家记得吃元宵，元宵节快乐！ 从今天开始恢复周更，每周一篇 深入探索，技术深耕 ，大家一起加油吧! [导读] 闲来无事重新拾起 H.C.J (Html, CSS, Javascript),想要夯实自己的基础。年前的项目中不管是从大的框架还是小的实现细节，最终落地的时候总会因为基础不扎实而导致整个开发流程不是很 “顺畅” ，所以才会在闲暇时间啃啃书，来内观自己。 Page Layout - 谈到布局大脑里总会反射出几个关键词**“position, float , clear” -(令人咂舌的东西)，页面元素采用 合适的布局 会让你的页面给人的直观感受产生质的飞跃。 合适的布局**不仅仅由独特的美感，而且对于信息的展示更是锦上添花，同时对越代码的书写也会起到正向引导。 本篇文章主要谈的是 Flex ，利用Flex来对页面进行需要的布局，如何来操作，如何依照Flex的操作流程复现或是实现自己想要实现的页面效果。 [关键词] 布局(Layout)，Flex，Grid，响应式设计(Responsive Design) [提问] Flex到底是何物？ 如何使用Flex来复现你所见到的网页布局？ 如何使用Flex轻松的来完成你自己网页布局？ [正文] 一. CSS - Flex Flex

移动端浏览器之兼容性问题总结

由 纵饮孤独 提交于 2019-12-08 02:16:32
前言:这里收集一些业内见到的移动端浏览器的兼容性问题. 如果大家也也到过, 欢迎补充. 1 虚拟键盘引起的兼容问题。 2 touch 事件引起的问题. 3 iOS 和 android 系统导致的差别。比如，微信内置浏览器 4 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 解决方案: <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> （部分 安卓 手机的UC浏览器写完以后还是可以放大缩小） 5 忽略将页面中的数字识别为电话号码 解决方案: <meta name="format-detection" content="telephone=no" />（ iOS 上会明显 有时候会把数字当成电话号码） 6 忽略Android平台中对邮箱地址的识别 解决方案: <meta name="format-detection" content="email=no" /> 7 移动端浏览器部分兼容问题 解决方案: viewport模板: <meta charset="utf-8"> <meta content="width=device-width,initial-scale=1.0

HTML5 移动端 手指事件

由 不羁的心 提交于 2019-12-08 02:00:22
手指事件 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width"/> <title></title> <style> *{ padding: 0; margin: 0; } #box{ width: 100px; height: 100px; background: yellowgreen; } </style> </head> <body> <div id="box"></div> </body> <html> ontouchstart 手指触摸屏幕 <script> var box=document.getElementById('box'); box.addEventListener('touchstart',function(){ console.log('111'); }); </script> ontouchmove 手指在屏幕上发生移动 <script> var box=document.getElementById('box'); box.addEventListener('touchsmove',function(){ console.log('222'); }); </script> ontouchend

Spark map与flatmap区别

由 社会主义新天地 提交于 2019-12-07 20:40:14
案例说明1： 步骤一：将 测试 数据放到hdfs上面 hadoopdfs -put data1/test1.txt /tmp/test1.txt 该测试数据有两行文本： 步骤二：在 Spark 中创建一个RDD来读取hdfs文件/tmp/test1.txt 步骤三：查看map函数的返回值 得到map函数返回的RDD: 查看map函数的返回值——文件中的每一行数据返回了一个数组对象 步骤四：查看flatMap函数的返回值 得到flatMap函数返回的RDD: 查看flatMap函数的返回值——文件中的所有行数据仅返回了一个数组对象 总结： - Spark 中 map函数会对每一条输入进行指定的操作，然后为每一条输入返回一个对象； - 而flatMap函数则是两个操作的集合——正是“先映射后扁平化”： 操作1：同map函数一样：对每一条输入进行指定的操作，然后为每一条输入返回一个对象 操作2：最后将所有对象合并为一个对象 案例说明2： 假设存在如下文件： <code class="hljs ruby has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source

map与flatmap区别

由 只谈情不闲聊 提交于 2019-12-07 19:10:01
案例说明1： 步骤一：将测试数据放到hdfs上面 hadoopdfs -put data1/test1.txt /tmp/test1.txt 该测试数据有两行文本： 步骤二：在Spark中创建一个RDD来读取hdfs文件/tmp/test1.txt 步骤三：查看map函数的返回值 得到map函数返回的RDD: 查看map函数的返回值——文件中的每一行数据返回了一个数组对象 步骤四：查看flatMap函数的返回值 得到flatMap函数返回的RDD: 查看flatMap函数的返回值——文件中的所有行数据仅返回了一个数组对象 总结： - Spark 中 map函数会对每一条输入进行指定的操作，然后为每一条输入返回一个对象； - 而flatMap函数则是两个操作的集合——正是“先映射后扁平化”： 操作1：同map函数一样：对每一条输入进行指定的操作，然后为每一条输入返回一个对象 操作2：最后将所有对象合并为一个对象 案例说明2： 假设存在如下文件： <code class="hljs ruby has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code

javascript 匿名函数与闭包

由 元气小坏坏 提交于 2019-12-07 15:50:40
匿名函数 普通函数: function box () { return 'Lee' ; } alert(box()); 匿名函数： //单独的匿名函数 会报错 无法运行 也无法调用 //function() { // return 'Lee'; //} //通过表达式的自我执行 ( function () { alert( 'Lee' ); })(); //把匿名函数赋值给变量 var cat = function () { return 'Lee' ; }; alert(cat()); //调用 //把匿名函数自我执行的返回值赋值给变量 var box = ( function () { return 'Lee' ; })(); alert(box); //自我执行匿名函数的传参 ( function (num) { alert(num); })( 100 ); 闭包 闭包指有权访问另一个函数作用域里变量的函数 //函数里放一个匿名函数 ---闭包 function box () { return function () { return 'Lee' ; } } alert(box); // function box () { return function () { return 'Lee' }} alert(box());// function () { return

CSS3 Box-sizing的理解

由 馋奶兔 提交于 2019-12-07 09:51:45
box-sizing 是 CSS3 的box属性之一。一说到CSS的盒模型（ Box model ）我想很多人都会比较烦，特别是对于新手，然而这个 Box model 又是我们CSS运用中比较重要的一个属性。那么 CSS3 的 Box-sizing 跟盒模型有什么关系呢？第一句话就说了，Box-sizing是 CSS3 的Box属性之一，那他当然也遵循CSS的 Box model 原理，为了能更好的学习和理解这个 Box-sizing 属性，我们有必要先了解一下CSS中 Box model 的原理。 CSS中B ox model 是分为两种，第一种是 W3C 的标准模型，另一种是IE的传统模型，他们相同之处都是对元素计算尺寸的模型，具体说就是对元素的width,height,padding,border以及元素实际尺寸的计算关系；他们不同之处呢？两者的计算方法不一至： 1、W3C的标准Box Model: /盒尺寸计算（元素空间尺寸） Element空间高度 = content height + padding + border + margin Element 空间宽度 = content width + padding + border + margin /盒尺寸计算（元素大小） Element Height = content height + padding +

2018-03-23 Vagrant安装和基本使用

由 坚强是说给别人听的谎言 提交于 2019-12-07 08:33:09
1、下载安装 2、基本概念和命令 What is Vagrant Provider Vagrantfile初始化 同步文件夹 小结 1、下载安装 官网： https://www.vagrantup.com/downloads.html download 最新版本是2.0.3，我用的是2.0.1 Virtualbox版本是5.2.8 download virtualbox 2、基本概念和命令 What is Vagrant Vagrant是用来建立、管理虚拟机环境。 Vagrant is a tool for building and managing virtual machine environments in a single workflow. With an easy-to-use workflow and focus on automation, Vagrant lowers development environment setup time, increases production parity, and makes the “works on my machine” excuse a relic of the past. Provider Vagrant并不是从零做起，而是借助了很多现有的虚拟机软件，如VMware，AWS，Virtualbox等。

Using As-User in Box Request

由 六月ゝ 毕业季﹏ 提交于 2019-12-07 07:15:08
问题 I was trying to make Box Enterprise API work using As-User. I have a admin account which i used to try to retrieve the Contents in a sub account. I first used the admin account to retrieve the User ID of the sub account. And added the User ID as a field "As-User: ########". However, I was returned with a reply of 403. The error message : "The request requires higher privileges than provided by the access token." I am using the access token i had used to retrieve the user list. Do I have to
订阅 box