原创 《DOM編程藝術》課堂交流區問題彙總(一)
本課程爲網易雲課堂 - - 前端開發工程師 - - 《DOM編程藝術》學習總結 問題一:實現瀏覽器兼容版的element.children element.children能夠獲取元素的元素子節點,但是低版本的ie不支持,如何
原创 佈局解決方案重點文章(鏈接)推薦
display:table 基於display:table的CSS佈局 CSS參考手冊–佈局(Layout) display:inline/inline-block Css中display:inline-block用法詳解
原创 《CSS設計指南》筆記--HTML標記與文檔結構
通過閱讀和學習書籍《CSS設計指南》總結 《CSS設計指南》/Charles lvyke-Smith著.李鬆峯譯—人民郵電出版社 本書網站:http://www.stylinwithcss.com 強烈推薦!!深入淺出
原创 《CSS3實戰》筆記--漸變設計(二)
通過閱讀和學習書籍《CSS3實戰》總結 《CSS3實戰》/成林著.—北京機械工業出版社2011.5 Gecko引擎的CSS漸變設計 直線漸變基本語法 -moz-linear-gradient([<point> || <angle
原创 javascript中mouseover和mouseout事件詳解
原文鏈接:http://blog.sina.com.cn/s/blog_468530a60101awlw.html 與 mouseenter 事件不同,不論鼠標指針穿過被選元素或其子元素,都會觸發 mouseover 事件
原创 《CSS3實戰》筆記--漸變設計(一)
這篇文章主要介紹了《CSS3實戰》筆記--漸變設計(一,需要的朋友可以參考下 基於CSS的漸變與圖片漸變相比,最大的優點是便於修改,同時支持無級縮放,過渡更加自然。目前,實現CSS漸變的只有基於Webkit和Gec
原创 《JavaScript DOM 編程藝術》小結(一)
《JavaScript DOM 編程藝術》(第2版)【 0501—0510 】 節點 節點樹 節點關係 方法 方法 描述 getElementById() 返回帶有指定 ID 的元素。 getElem
原创 最全前端面試問題及答案總結(轉載自hawx1993)
本文爲trigkit4(hawx1993)github項目–Front-end-Interview-questions整理總結的文章,這裏爲轉載。 本文旨在加深對前端知識點的理解,資料來源於網絡,由(博客:http://segme
原创 d3.js 小結
D3:數據可視化庫(D3 4.0+) D3是目前最流行的JavaScript可視化圖表庫之一,D3的圖表類型非常豐富,並且支持SVG格式,因此應用十分廣泛,也有很多圖表插件基於D3開發,比如MetricsGraphics.js,在D3
原创 接口自動化測試環境搭建(unittest+requests+HTMLTestRunner)
該自動化測試框架基於python單元測試框架unittest,使用HTMLTestRunner來生成測試報告,使用Requests,xlrd 和 xlwt等庫 一、 安裝python運行環境 安裝包官方下載地址:https://
原创 慕課網實戰項目《WebAPP書城整站開發》筆記一:底部邊欄樣式實現
推薦IMOOC實踐課程: 《WebAPP 書城整站開發》 效果圖 下邊欄正常狀態 下邊欄變化狀態 任務分析: (1)使用base64格式的圖片素材完成icon
原创 《JavaScript DOM 編程藝術》小結(二)
《JavaScript DOM 編程藝術》(第2版)【 0501—0510 】 Ajax <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8
原创 慕課網實戰—《用組件方式開發 Web App全站 》筆記四-柱狀圖組件開發
運用HTML5、CSS3、JS流行技術,採用組件式開發模式,開發Web App全站!技術大牛帶你統統拿下不同類型的HTML5動態數據報告! 《用組件方式開發 Web App全站 》 柱圖開發思路 水平柱圖開發(HTML的DOM搭建
原创 慕課網實戰項目《WebAPP書城整站開發》筆記三:觸屏喚出上下邊欄交互開發和優化
推薦IMOOC實戰課程:《WebApp書城整站開發》 html <!-- 仿native上邊欄 --> <div class="top-nav" id="top-nav" style="display:none">
原创 慕課網實戰項目《WebAPP書城整站開發》筆記六:字體面板中“背景”切換的交互開發
推薦IMOOC實戰課程:《WebApp書城整站開發》 效果圖 任務分解描述 本效果需要實現的是圖中點擊字體按鈕後彈出一個可以設置字體顏色和大小的面板; 點擊面板上的‘大’和‘小’可以設置字體的大小(已完成);