資訊專欄INFORMATION COLUMN
摘要：是一維布局，是二維布局，經常在實際應用場景中會結合應用，而且的靈活性高，在年已經提案給裕波說，大概在明年的月份，已經可以大面積使用了。
時間：2016.12.17
地點：廣州 天虹賓館會議中心
主持人：裕波
主辦方：W3C、w3ctech、前端圈
演講嘉賓：
1、Mathias Bynens
2、大漠
3、勾三股四
4、廖洧杰
5、羅正燁
6、方瀟儀
7、倪栩生
8、陳劍鑫
9、Wenting Zhang
內容：
一、第一場，前Opera 開發(fā)者 Mathias Bynens帶來的《3.14 Things I Didn"t Know About CSS》，全程飆英語，怪我英語太差，僅僅能夠吸收零星點點，我所聽到的大概就是一些css不為人所知的小技巧，讓我印象最深的就是：用.class.class代替！important看我demo:
html
感謝W3C、w3ctech、前端圈組織的!
css
.pre .bar{
color:red;
}
.bar{
color: blue;
}
結果是：
想讓.bar字體顯示藍色，其實有很多種方法，例如加個id,或者important,提高css解析的優(yōu)先級就可以，今天 Mathias Bynens提出了用.class.class代替！important的方式，如圖：
css改為：
.pre .bar{
color:red;
}
.bar.bar{
color: blue;
}
結果為：
接下來Mathias Bynens還介紹了一些關于font-family 字體名之間空格的注意,css without html,以及CSS Expressions in IE<=7 或 IE<＝10,IE"s legacy documet modes,How to aviod CSS expression vulnerabilities,還講到了xss攻擊的一些手段，好吧～后面內容我已經搜盡我的英語詞庫，沒怎么聽明白了～sorry
附上css without html的截圖：
Mathias Bynens個人博客：https://mathiasbynens.be/
二、第二場是淘寶的CSS專家大漠帶來的《CSS Grid Layout》，剛開始大漠就自黑了自己一下，說自己說著一口流利的胡建話，又說自己的不會JS的CSS專家（不管你信不信，反正我不信哈哈哈哈～），大漠介紹了布局的發(fā)展歷史，從初始table布局，隨后的浮動布局，再到現(xiàn)在flexbox,還有即將普及的Grid Layout。
期間介紹了Grid Layout的功能和用法，以及和flexbox的區(qū)別，以及，如何和flexbox的結合應用。flexbox是一維布局，Grid Layout是二維布局，經常在實際應用場景中會結合應用，而且Grid Layout的靈活性高，在2010年已經提案給W3C,裕波說，大概在明年的9月份，已經可以大面積使用了。看來我們是時候學習Grid Layout了～
三、第三場是勾股的閃電分享，我還想問為何叫閃電分享，原來是勾股要在短時間速度分享。勾股帶來的是weex的框架中css in native，以及一些特性（如支持 PostCSS），還有就是weex將來還會支持某些特性，以及現(xiàn)場展示了weex做出來的native端的demo，最后勾股也特別說明了最近 Weex 加入 Apache 基金會的事，說現(xiàn)在是進入孵化階段，然后...我也不知道忘記說了什么了，實在太閃電了。
個人附上weex的介紹：
用vue寫的Native框架,用來寫出Native級別的性能體驗，并支持iOS、安卓、YunOS及Web等多端部署。（類似react-native）
四、第四場是臺灣友人廖洧杰帶來的《Sass & CSS Design Pattern》，一口流利的臺灣腔口音，講的是：CSS工程化和設計模式，以及sass的趨勢與局限，表達了一些自己團隊平時所遇到的問題，以及自己常用的解決工具和方案，還有命名規(guī)則和對大家平時寫代碼的規(guī)范性和意識的統(tǒng)計。重點是領導者從整個項目的高度去考量，不同角色和團隊，眼里的職能和能力范圍，團隊協(xié)作需要注意的東西。
五、第五場是三位來自微信前端的工程師，分別是羅正燁、方瀟儀、倪栩生,第一位羅正燁大神主要介紹了svg是什么，相比png的靈活性，以及實用性，svg的優(yōu)點有：顏色靚，質量高，尺寸小，可以動。缺點是：渲染有點遲緩（但是在實際測試中，所需時間還是可以接受的）。并介紹了基于插件模式構建，基本上所有的優(yōu)化都是一個分離的插件--svgo。第二位方瀟儀大神簡直是一位女中豪杰，分享了svg的動畫實現(xiàn)，對了我這種不懂svg動畫的孩子，收獲很大的，大致明白了svg的動畫渲染經過。介紹了一個前端開發(fā)工作流工具：webflow,一個svg的js框架：snap.svg.js,還有svg的濾鏡等等，干貨滿滿！最后一位倪栩生主要介紹的是微信網頁重構實踐，以及網頁中信息的一些實現(xiàn)方案。
六、第六場是來自UC的陳劍鑫 ，介紹了從矩陣走入 WebGL 世界，解析了具體的圖形效果，是由底層矩陣算法如何實現(xiàn)的，例如transform ，rotateXYZ，rotate3D，解釋一把計算機圖形學，如何用算法實現(xiàn)，讓我仿佛回到了上大學的線性代數(shù)＋計算機圖形學＋上機課，大概就是關鍵詞是：坐標，著色，視角移動。并且現(xiàn)場展示了VR／AR技術。
七、最后一位，來自Adobe Typekit的用戶體驗設計師Wenting Zhang,同時也是CSS ICON 和 underline.js的作者。不得不說，國外的女程序員，太全能了，技術實在屌屌的。全程掌聲不斷，一開始就現(xiàn)場演示了，如何畫一個小胡子的icon,僅僅只用了十分鐘，僅用一個element就把icon畫出來，思路清晰流暢到飛起，先向我們普及了一個標簽元素具有的兩個偽類：before和：after,和一個box-shadow的屬性，總結一下，就是一個元素總共有三個矩形可用，以及用box-shadow可做多個矩形用。不到10分鐘效果如下：
隨后還現(xiàn)場繼續(xù)展示如何將這個小胡子動起來，變成一個小胡子的動畫效果。
隨后介紹了自己的畫的icon,并免費開源給大家，以及icon相關的animation效果，鏈接為：http://cssicon.space/
最后附上大會重要嘉賓，以及舉辦方的合照：
以上謹代表個人見解，有不當之處，或若涉及圖片隱私或者其它問題，煩請指正。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/115427.html
摘要：月日，第六屆大會在深圳召開。這是這次大會的第二站活動，第一站已在上海成功舉辦。深圳站視頻及，請在公眾號后臺回復，獲取分享鏈接。據(jù)介紹，目前支持多種開發(fā)庫，如內置和等。該協(xié)議的推出，是為了統(tǒng)一標準，提高效率。 本文為 PyChina 和「編程派」聯(lián)合首發(fā)，作者為 EarlGrey。「編程派」是一個專注 Python 學習交流的微信公眾號。 9 月 25 日，第六屆 PyCon China...
摘要：參與情況第一天趕上了時間晚上聚餐沒去第二天趕飛機提前退場關于的幾個分項沒有在場微信群幾乎全程參與并且大部分時間在維護氣氛陰差陽錯兩天都沒上錯過了推廣機會公司展位準備不充分連續(xù)兩年的問題需要注意印象深的演講百度上的很贊而且在上對付鼠標事件我很 參與情況 第一天趕上了時間, 晚上聚餐沒去 Nodebot 第二天趕飛機提前退場, 關于 React 的幾個分項沒有在場 微信群幾乎全程參與, ...
摘要：安正超，后，網絡，開源愛好者，發(fā)布了多個開源項目，代表作有及多款實用的拓展，曾就職于微博，先后從事微博運動，手機微博接口開發(fā)，目前就職于騰訊。大會早鳥票已經開始出售更多大會報道，請前往 showImg(https://segmentfault.com/img/bVbsJyC?w=1680&h=2520); 安正超，90 后，網絡ID overtrue，開源愛好者，發(fā)布了 80 多個開源...
摘要：之所以預先調研還是因為英文水平不好，怕到時現(xiàn)場聽不懂一下就懵逼了。在場參會最小的還是一名高中生。英語流利說這是硬傷。因此我下載了英語流利說這款應用來練習，然后剛好有幾個外國朋友，可以作為實踐對象。 NingJS - JSConf China 2016 為期兩天的NingJS - JSconf 2016，聚焦點自然是JavaScript和Node.js，當然還有不少來打廣告和混臉熟的。本...
摘要：上周一，我們舉辦了第一屆，這是致力于的會議，在以同場活動的方式舉辦。會議門票幾周前售罄，約有人參加。那天最后進行了簡短的路線圖討論，隨后與所有維護人員進行了問答。該活動的反饋非常積極，我們已經期待第二次迭代將與圣地亞哥的北美同場舉辦。 showImg(https://segmentfault.com/img/bVblpmz?w=1600&h=411); 上周一，我們舉辦了第一屆Envo...
閱讀 3391·2023-04-25 14:07
閱讀 3457·2021-09-28 09:35
閱讀 2090·2019-08-30 15:55
閱讀 1404·2019-08-30 13:48
閱讀 2502·2019-08-30 13:16
閱讀 3201·2019-08-30 12:54
閱讀 3237·2019-08-30 11:19
閱讀 1875·2019-08-29 17:17
