2015年已悄然离去,已成为昨天。回忆昨天,我有过2012年的《我和W3cplus的故事》,悄悄《走过的2013年》,随着《辞旧迎新,更上一层》,迎来了2015,可是时间的流逝,不知道不觉得就踏入了2016年。也走过了码农传说中的宿命节点35岁。这也是我为何将这篇总结命题为 码农的自留地 ,希望自己能一直拥有这块自留地,一直耕耘下去。
2015年的W3cplus
W3cplus曾经是自己的一个博客,只是想让他成为一个在线笔记本。如今我把他当做一块码农的自留地,所以一直在认真而又努力的耕耘他。希望他在大家的支持之下能越来越强大。越来越受大家的欢迎。
既然是写总结,我先对2015年的W3cplus发展做一个简单的总结。
在整个一年中,总共发表博文 249篇 ,其中译文 201篇 。这些译文都是翻译自国外一些优秀的前端教程,同时总觉得自己江郞才尽,不知道或应该写些什么(原创)。不过虽然不是原创,但个人觉得这些译文都是非常不错的教程(虽然有很多译得不好,但让自己在某些方面得到提高)。
早期主要以CSS3相关的技术文章发表,但现在CSS3已不是新课题,在今年发布的文章中,我们主要偏向于SVG、PostCSS、Sass等相关知识。其中SVG文章有 34篇 、 Sass 有 40篇 、 PostCSS 有 12篇 , Web Animation相关 的有 28篇 。除此之外还有一些有关于前端方面的其他技术文章。
在大家一路支持之下,网站的访问数据相对于往年也得到了较高的增长(下面几张图是2015年的几个数据截图):
希望在2016年能给同学们带来更多有价值,值得阅读的文章。也借此机会向大家说声谢谢!感谢大家一路以来对我以及W3cplus的支持。
新朋旧友
自从有W3cplus,让我认识了很多朋友,也结识很多基友。在这里我需要特别感谢 @珠峰培训 、 @妙味课堂 和 @慕课网 对W3cplus的大力支持。同时也需要特别感谢@南北(翻译了近50篇)、@彦子(翻译了近50篇文章)、@Blueed(翻译了近30篇文章)几位同学,同时也非常感谢参与我们翻译团队的其他同学。当然也希望未来有更多的同学能参与进来,一起做值得做的事情。
险此之外,我和@南北、@彦子同学在年初一起翻译了 @Lea Verou 在2015年有关于CSS方面的一本力作《 CSS Secrets 》。将译名全名为 CSS秘密花园系列 :
本想将其翻译能出版,只可惜未能拿到出版权。不过喜欢的同学可以关注本书相关的信息,据我了解,中文版本@CSS魔法已译完,应该很快就能上架了。如果你想提前看此书,可以看看英文原版,或者偶尔到小站上看看。
同时希望之后有机会与出版社一起合作,带领小伙伴们翻译一点有意思的前端书籍。
社区活动
这几年前端发展的速度让前端从业人员应接不暇,前端社区的活动也是一个接一个。当然前端圈的撕逼也是很热闹。在2015年中,我也凭着老脸到外面走了几场秀。
CSS3带来的变化
这是 @优设网 在上海针对设计师举办的一场分享会。我去客串一个主题,给设计师普及一点前端的知识,好让设计师在工作中能更理解与体谅前端的码仔。这次分享的主题是《CSS3带来的变化》。只找到了PPT,视频没找到。
Web重构之道
这 2015年上海Qcon 前端专场。由贺佬出品的新时代前端专题,我去分享了《Web重构之道》( 在线视频 )。这也是第一次上这样的分享峰会,说实在的压力蛮大的。可算也是打酱油过去了,分享的主题也没有什么技术含量。借此要非常感谢@winter老湿、@Hax给我这样的机会,上去露脸。不过对我自己的成长还是有很大的帮助。
-OOCSS+Sass
第三场是@点头猪公司举办的CFF前端分享会,我厚着脸皮也去站了一次台,主要分享了前端开发中如何使用Sass去OOCSS化开发。说实在的,操着不伦不类的胡建话或广东口音,增加了不少的槽点。(^_^),似乎这成了我的一个标签。
除此之外还参加了@波波的CSSConf、@娜姐的HTML5峰会、2015年WebRebuild上海分会和D2的大会。每次去参加这些活动,都让自己增涨不少的见识。当然每次活动都能见到一些久别的朋(基)友和认识一些从未谋面,但又非常熟悉的朋友。
心灵的鸡汤
我是一个不会讲故事的码农,只不过经历的事多了,看得也就多了。在年初的面试中和自己历年被面的过程中碰到了各种不同的奇葩事情,因此身有所感的写了一篇博文《写给前端面试者》。
也不知道是怎么了,今年我也混上知乎了,在里面碰到很多同学问怎么学习前端、怎么提高技术等等。做为一名伪前端我写下了《前端路上的旅行》:
从步入社会算起到今天,风风雨雨走过了15个年头,望着天空,掐指一算,从事前端已近五个年头。也算三分之一的时间在做前端,也是从事过时间最久的一份工作。问我为什么能做这么久?其实我也时常问自己,怎么就进前端这个行当,怎么就整了五年。正如网上所言,一入前端深似海。
玩了五年,或许后面还会有一个五年,两个五年,或许...... 未来的路,谁与说不清楚,我只想每天走好自己想走的路。
只是希望刚入前端或即将步入前端的同学,不要像我一样走一条弯路。能在前端的路上走得更好。
自我变化
2015年对于我自己来说也有一些变化。年初离开鞋城踏进了阿里前端团队,能进入国内这样强大的前端团队工作,我感谢自己非常的庆幸。在此需要特别感谢@winter老湿给了我这样的一个机会能在这样一个优秀的团队工作。能与一群优秀的年轻人一起工作。
自从加入了手淘无线前端团队,才感觉自己是多么的渺小,懂得知识是多么的匮乏。才知道自己与其他队友有多大的差距。同时带来巨大的压力让我保持一颗向前冲的心,让我能坚持下去的动力。
虽然在手淘这一年没有参与到双11的大促活动的备战中,但有机会切身体验了备战双11的活动氛围。只有在这样的环境才能体验到双11活动是多么的有意思,我在想能直接参与备战中能让自己感觉到无比的荣耀。我也在想,或许在2016年的双11大促,也能看到自己做的效果。
除了工作的变动,今年还完成了人生中另一件大事。有了自己一个固定的家,让自己在外漂泊累了的时候有一个停靠的港湾可以休息。
图解CSS3
自从2014年上架到15年年底,《图解CSS3》一书已经突破了9000册的量,希望在2016年还能增印。现在想想也有一些后怕,书中还有不少的错误,在读者朋友的支持也帮助之下,整理了一个勘误列表,希望对读者有所帮助。
读书计划
原计划今年要读一些书,但自己太懒,这个计划彻底的流产了,希望在2016年能完成这个计划,通过多读书能让自己多涨一些见识,技术也能更进一步。
经营公众号
由于W3cplus没有开发订阅功能(主要自己能力不及,这个功能一直没做成),所以借用微信公众号,向大家推送相关文章。主要是方便给喜欢W3cplus的同学,能第一时间获取最新发布的文章。如果您觉得W3cplus的文章对你有所帮助,欢迎大家扫二维码关注(现在有5千多的用户在关注(^_^),比起@情封的早读客来说,还是少得可怜,以后向@情封同学学习)。
2016年
一切计划都没有变化来得快,对于2016年,我只希望自己能比2015年更进一步...
梦想还是要的,说不定哪一天实现了呢?

布爾屬性是HTML中的特殊屬性,不需要值即可激活。 1.布爾屬性通過存在與否控制元素行為,如disabled禁用輸入框。 2.它們的工作原理是瀏覽器解析時根據屬性的存在改變元素行為。 3.基本用法是直接添加屬性,高級用法可通過JavaScript動態控制。 4.常見錯誤是誤以為需要設置值,正確寫法應簡潔。 5.最佳實踐是保持代碼簡潔,合理使用布爾屬性以優化網頁性能和用戶體驗。

HTML代碼可以通過在線驗證器、集成工具和自動化流程來確保其清潔度。 1)使用W3CMarkupValidationService在線驗證HTML代碼。 2)在VisualStudioCode中安裝並配置HTMLHint擴展進行實時驗證。 3)利用HTMLTidy在構建流程中自動驗證和清理HTML文件。

HTML、CSS和JavaScript是構建現代網頁的核心技術:1.HTML定義網頁結構,2.CSS負責網頁外觀,3.JavaScript提供網頁動態和交互性,它們共同作用,打造出用戶體驗良好的網站。

HTML的功能是定義網頁的結構和內容,其目的在於提供一種標準化的方式來展示信息。 1)HTML通過標籤和屬性組織網頁的各個部分,如標題和段落。 2)它支持內容與表現分離,提升維護效率。 3)HTML具有可擴展性,允許自定義標籤增強SEO。

HTML的未來趨勢是語義化和Web組件,CSS的未來趨勢是CSS-in-JS和CSSHoudini,JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果,Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積,CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡,Serverless簡化開發但需優化冷啟動問題。

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML、CSS和JavaScript在網頁開發中的角色分別是:HTML負責內容結構,CSS負責樣式,JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容,確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式,使其美觀易讀。 3.JavaScript通過腳本控製網頁行為,實現動態和交互功能。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

SublimeText3 Linux新版
SublimeText3 Linux最新版

記事本++7.3.1
好用且免費的程式碼編輯器

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中