flex hack 记录】的更多相关文章

IE从IE10开始. //共通 display: flex; flex-direction: column; align-items: flex-start;justify-content: center;flex-wrap: wrap;flex: 1 或 1, 1, auto;//三个参数可以不写全,但是建议写全 //IOS-Safari display: -webkit-flex; -webkit-flex-direction: column; -webkit-align-items: fl…
最近一直忙于项目,很好抽出时间学习,刚忙里偷闲浏览博客看到一位博友总结的一些flex的经验,感觉不错就转载过来,一来扩散一下,二来保存下来,以后忘记的时候可以回来学习下. 原博文地址:http://blog.csdn.net/sjz168/article/details/7244369 1. release时去掉所有trace信息和logger信息,否则影响性能2. 如果报无法访问本地文件或swf 在compile里面写 -use-network=false3. 实现component真正隐藏除…
1.有写了 display:flex:这个就是 采用了 flex布局的 元素 这个元素可以 写 6个属性: flex-direction : row |  column  | row-reverse | column-reverse flex-wrap : wrap | nowrap | wrap-reverse flex-flow : row wrap |  row nowrap justify-content: flex-strat (左对齐) flex-end(右对齐)    center…
0.寻找信号强的wifi,对于隐藏ssid 的可通过嗅探 1.wifi密码:wifi万能钥匙.minidwep-gtk.aircrack-ng 2.对于绑定mac地址的安全设置,可通过对活动的客户端网络嗅探抓取网络中封包,得到白名单的mac地址,修改自己设备mac进入 3.路由器管理留有管理后门 http://routerpwn.com/ 进入后可限制小白网速,获取上网密码等.重要的可不用嗅探看到连接的设备和实时流量 另外劫持DNS(设置起DNS指向自建的DNS服务器),可获得大量资料 4.网络…
HK32F030MF4P6简介 航顺的 HK32F030MF4P6, TSSOP20封装, Arm Cortex M0 内核, 内建32MHz时钟, 16K Flash, 2K RAM(实际上可用的有4K). 这个型号的目的应该是硬件替换 STM8S003, 管脚和 STM8S003 兼容(和 STM32F030 兼容的型号是 HK32F030F4P6). HK32F030MF4P6 可能是当前市场上最便宜的 Cortex M0 芯片了, 单价0.9元不到. 一个32位的Arm M0芯片, 烧录…
目录 刷题记录:[CISCN2019 华北赛区 Day2 Web1]Hack World 一.前言 二.正文 1.解题过程 2.解题方法 刷题记录:[CISCN2019 华北赛区 Day2 Web1]Hack World 一.前言 离国赛已经过去好久了,到现在才看复现,这道题当时做的时候没有什么头绪,现在来看答案发现其实没有很难,就是经验还不足 二.正文 题目复现链接:https://buuoj.cn/challenges 参考链接:ciscn2019华北赛区半决赛day2_web1题解 1.解…
一.利用asp.net为Flex提供数据服务,flex为前端表现. 二.flex通过三种方式四种代码实现来取数据.分别为     HttpService. WebService. RemoteObject. RemoteObjectAMF0. 三.Project文件夹中的 Vs2010Service提供HttpService.Webservice服务:         Vs2008RemoteObject提供RemoteObject服务. 四.FluorineFx.NET+RemoteObjec…
1.条件hack 2.属性hack 3.选择器hack CSS Hack一般都是利用各浏览器的支持CSS的能力和BUG来进行的 本文只列举了一些常用的CSS Hack,且不考虑IE6以下的版本 尽可能减少对CSS Hack的使用,使用CSS Hack会带来维护成本的提高以及浏览器版本变化类似Hack失效等问题 1.条件hack 用于选择IE及IE不同版本,IE10及以上版本已将条件注释特性移除 <!--[if IE 8]> <![endif]--> <!-- IE8 --&g…
早上在看flex属性,总结一下它的优缺点 为什么使用flex, 她和浮动相比,代码更少.浮动要考虑左浮动右浮动,有时还要去清除浮动.flex一行代码就搞定了. 她更灵活,实现平均分配,根据内容大小分配,自动边距实现左右推开,水平居中,垂直居中等等 她在IE10全面支持,IE8部分支持(带前缀). 所以在移动端放心使用,客户端根据场景使用 客户端也可以结合浏览器检测库使用 下午学vue的实战 兄弟组件间数据传递, 一种简单思路是,子组件触发父组件事件,将数据传递给父组件,再由父组件传递给目标组件…
参考博客:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html flex布局是w3c于09年提出的,用于简便,整洁,响应式地解决布局问题的手段,例如垂直居中布局.flex全称Flexible Box,也称“弹性布局”. 块级元素设置flex布局:display:flex 行内元素设置flex布局:display:inline-flex 当设置flex属性之后,元素的float,vertical-align和clear样式将失效. fle…
1.table方式布局 效果图: 直接用table等标签布局,table布局自动垂直居中 亦可用 display:table == <table>.display:table-cell == <td>等css属性代替table标签的效果 代码示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&g…
一.Flex布局是什么? Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性. 任何一个容器都可以指定为Flex布局. .box1{ display: flex; } .box2{ display: inline-flex; <span style="font-family: Arial, Helvetica, sans-serif;">/*</span><span style="fon…
容器属性 flex-dirextion(主轴的方向):>>row(水平) | row-reverse(水平取反) | column(垂直) | column-reverse(垂直取反) flex-warp(是否换行):>>nowrap(默认-不换行) | wrap(换行) | wrap-reverse(换行取反) flex-flow(主轴的方向 + 是否换行):<flex-direction> <flex-wrap> justify-content(主轴上的…
error #2044: 未处理的 ioerrorevent: text=error #2036: 加载未完成 出现这个问题,因为我是要实现图片编辑裁剪,然后上传.没有上传成功,出现上面的这个错误, 原因:  自己写的路径部队无法上传,不能找到对应的图片. 解决方法: 检查自己的路径.我的是相对路径出错了,少写了(../)导致出现的问题 Error #2044: 未处理的 IOErrorEvent:. text=Error #2124: 加载的文件为未知类型 原因: 使用的是loader:Loa…
querySelector和querySelectorAll是W3C提供的新的查询接口 目前几乎主流浏览器均支持了他们.包括 IE8(含) 以上版本. Firefox. Chrome.Safari.Opera. 万能的sizzle在高版本的浏览器中复杂的选择器尽量走querySelectorAll,前提是这个匹配的节点没有兼容问题 从IE8开始虽然支持querySelectorAll的API,但是会有各式各样的BUG,所以sizzle拿rbuggyQSA用来记录这个BUG问题 if ( supp…
用php进行静态类型编程,估计是我的一个心结. 依次有几篇文章都记录了我的一些探索: 通过指定函数/方法形参类型提高PHP代码可靠性 http://www.cnblogs.com/x3d/p/4285787.html 用Yii框架中的collections体验PHP类型化编程 http://www.cnblogs.com/x3d/p/php-typed-programming.html 从PHP 7 开始,PHP支持函数和方法的参数及返回值的标量类型标注,逐渐走出了这一步. 但数据传递的过程中,…
Fitbit Flex 使用 7月4日,收到了在美国亚马逊上海淘的Fitbit Flex.首先谈谈这价格,在美国亚马逊上购买时的价格是98美元,下订单过后没几天,京东开始首发出售,价格定在898元.相对国内的价格,美国亚马逊海淘回来还是便宜不少的.相对国内的一些智能手环,在美国亚马逊上海淘fitbit flex还是非常有优势,毕竟fitbit flex现在是大品牌的穿戴设备供应商. 购买fitbit flex的缘由: 感觉到自己身体有不适,晚上睡眠质量不好,没有办法有数据来说明. 在知乎上找了一…
接触flex有一段时间了,由于自己在移动上的经验比较少,一直以为这个和css3的其他属性差不多,就是一个盒模型的缩放之类的.今天一个移动的小项目用到了这个属性,仔细看了下,先不说里面具体的属性,就flex自身来说,就可以完爆常用的float进行布局. 由于历史原因,flex在之前也曾经被表达成box-flex, 看到一个很好的解释(英文的),原句比较长,我简略了下: if you Google around about Flex, you will find lots of informatio…
openwrt-智能路由器hack技术(2)---"网路信息监控和窃取" 1   导读 PS:之前写的一个文章,现在发现结构内容排版不是太好,导致阅读体验太差,影响传播和SEO,所以现在整理拆分一下,从小处写起, 本系列介绍了两个关于智能路由器的hack技术,供大家赏玩一下. 本文主要介绍openwrt-智能路由器的数据监控功能.(为了维持本文一定的独立性,内容会有所重复). 前一文章: openwrt-智能路由器hack技术(1)---"DNS劫持" 2   概述…
openwrt-智能路由器hack技术(1)---"DNS劫持" 1   导读 PS:之前写的一个文章,现在发现结构内容排版不是太好,导致阅读体验太差,影响传播和SEO,所以现在整理拆分一下,从小处写起, 本系列介绍了两个关于智能路由器的hack技术,供大家赏玩一下. 本文提到的两个基于网络的hack技术: DNS劫持 数据抓包 基本本质上就是路由器设备的两个主要网络功能: 网关配置功能 网关数据中转功能 但是用于软件开发的正途,就变换成下面的说法: 网络环境迁移 数据监控 由于大家可…
一.概述 在上文<深入浅出Flex Viewer(二)——体系结构>中,笔者详细介绍了到Flex Viewer框架,使得读者能够对该框架源代码的关键目录和文件结构和这些文件中所包含或涉及到的系统的哪些构件:以及这些构件间的逻辑关系和连接这些构件所用的关键技术,如:消息总线(EventBus).配置项管理(Config Manager).数据共享机制(DataManager)等内容有一个大概地了解.在本文中将继续介绍Flex Viewer中框架配置技术的设计和实现原理,及其和框架其它组件间的关系…
开发环境:FlashBuilder4.7 AIR13.0 Eclipse 由于我懒得陪安卓的开发环境所以我下载了包含安卓SDK Manager的Eclipse,其实直接用FlashBuilder开发ANE也是可以的,由于后面需要进行调试,个人认为使用Eclipse和FlashBuilder协作调试还是较为方便的.   首先不得不说ANE的制作对于技术的要求远不如对打包流程的细心要求高,写这篇博客的时候我刚刚完成<百万手办王>项目接入TrueChina平台的ANE制作,耗时2天,基本上遇到了大大…
1.使用自带效果 在Flex里面不像在Flash里面随意制作动画了,Flex更趋向于应用程序,而不是动画制作了,所以没有了时间轴的概念.在Flex中使用动画效果,可以用Flex自带的Effect,或者自已定制Effect,因为很多人都想借Flash里面的一样操作Flex,比如在Flash里面做一个动态按钮很容易,当鼠标移动到上面时,会有很多发光的点跑出来(荧火虫效果),这种效果在Flash十分容易实现,但在Flex里面要实现这种效果就不是那么简单的了,下面说说在Flex里的的动务效果的使用与自定…
前言 资料来源于网络,本人只是对此作了一下操作,记录于此以便以后查阅.目的在于梳理自己前端凌乱的知识点. 本文根据 Brian Franco 的一个flexbox.scss库来记录 入职新公司前对移动开发相关知识进行快速学习和整理.本文内容大多数为网上或者书上摘抄,然后自己整个操作了一下,作个简单的入门. Flex布局是什么? Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性. .flex-container { @include flexbo…
可以实现水平等分切割等.日后在研究,做个记录. 首先要声明:display:box,像谷歌浏览器要加前缀识别码:display:-webkit-box; 然后才开始使用其属性,同时也是要带上前缀识别码. 参考: flex: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html http://www.ruanyifeng.com/blog/2015/07/flex-examples.html box: http://www.warting…
sheetToExcel.java 1 package tree; 2 import java.io.BufferedInputStream; 3 import java.io.File; 4 import java.io.FileInputStream; 5 import java.io.FileOutputStream; 6 import java.io.IOException; 7 import java.io.InputStream; 8 import java.io.OutputStr…
在最近开发的一个FLEX项目中对于浏览器关闭时,需要做一些清理工作,该清理工作在正常情况下保证能运行就行了,要求不是太高. 因此在网上找了一些方法,经过实际测试确实可行,记录下来备查. 该方法可以完全不用在JS中写代码,值需要在FLEX中写即可,代码如下: private function insertPageExit():void{ var browerFunc:String = "document.insertScript = function () " +            …
一.文件.目录及其作用.project:描述工程信息,如 本工程名称.工程注释.相关工程信息.编译参数等 .flexProperties:记录与Flex本身相关的信息 .actionScriptProperties :记录主application.版本.编译器参数.已创建的application.module.cssfile等 bin-debug:保存编译后的可执行文件 html-template:保存编译后的文件模板:js文件.html模板.flash安装文件等(考虑到编译速度,得到需要的程序…
前言: 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性.它对于那些特殊布局非常不方便,比如,垂直居中 就不容易实现. 2009年,W3C提出了一种新的方案----Flex布局,可以简便.完整.响应式地实现各种页面布局,2012年得到进一步完善. 2009年版本的语法已经过时(display: box),使用的时候为了兼容需要加上一些前缀 /* 形如: */ display: -webkit-box; /* Chrome 4+, Safar…