原创 關於white-space、word-break和break-wrap
一直以來都只是知道這三個屬性都可以在某種情形下控制是否換行，但具體該使用哪一個屬性不是很清楚，實戰時就一個個試，哪個管用用哪個，今天整理了一下這三個屬性具體的意義。 一、white-space white-space 是用來設置如何處理元
2020-06-03 21:21:43
原创 java 多線程1
最全面的java多線程用法解析，如果你對Java的多線程機制並沒有深入的研究，那麼本文可以幫助你更透徹地理解Java多線程的原理以及使用方法。 1.創建線程 在Java中創建線程有兩種方法：使用Thread類和使用Runnable接
2020-02-21 03:46:51
原创 設置translate後，內部的fixed元素會失效
今天碰到一個問題就是，當對元素設置translate後，其內部的設置了position:fixed的元素會失效，或者說達不到預期效果。 原因是因爲，對於設置了translate的元素，瀏覽器會對其生成一個單獨的層，脫離於原來的層。這是該元
2019-01-17 01:17:20
原创 關於white-space、word-break和break-word
一直以來都只是知道這三個屬性都可以在某種情形下控制是否換行，但具體該使用哪一個屬性不是很清楚，實戰時就一個個試，哪個管用用哪個，今天整理了一下這三個屬性具體的意義。 一、white-space white-space 是用來設置如何處理元
2018-10-13 22:30:13
原创 前端頁面卡頓？或是DOM操作惹的禍，需優化代碼
文檔對象模型（DOM）是一個獨立 於特定語言的應用程序接口。在瀏覽器中，DOM接口是以JavaScript語言實現的，通過JavaScript來操作瀏覽器頁面中的元素，這使得 DOM成爲了JavaScript中重要的組成部分。在富客戶端網
2018-08-26 05:27:48
1
原创 PhotoShop的陰影參數轉化爲css box-shadow參數
原文鏈接：https://www.jianshu.com/p/f0b7dc56ab4a UI設計師根據需要設計出陰影效果，那麼前端如何快速得到相應的參數呢。 陰影效果.png 混合模式：PhotoShop提供了多種混合模式，但是CSS3
2018-08-26 05:27:48
4
原创 國外程序員發帖求助快四十歲了不知道以後該怎麼辦
編者按：三十而立，四十而不惑。邁入不惑之年，健康、家庭、工作、生活等各個方面其實都發生了一些細微的變化。有一位程序員在Hacker News上發了一則帖子，想諮詢一些關於人生職場的建議。本文編譯自ycombinator.com上原題爲《A
2018-08-26 05:27:48
2
原创 原生dom如何對元素的class進行操作
今天看書時突然發現了classList屬性，是DOMTokenList的實例，以數組的形式保存元素的class屬性。 classList可以用來很方便的操作元素的class，對其增刪該查操作。 說來慚愧，一直以來都是用jquery對元素的
2018-08-26 05:27:48
2
原创 自動化加載Express的路由設置
在使用node + express進行後臺開發時，對路由進行配置時，往往需要現在routes文件夾下創建對應的路由，然後在app.js裏逐個的require進來，然後使用 app.use('/path', route)逐個配置，當網站比較
2018-08-26 05:27:47
2
原创 firefox瀏覽器下href執行js代碼
firefox瀏覽器裏，標籤a的href執行js代碼時不能執行臺複雜的語句，只能執行單語句代碼。即href="javascript: func1();func2();",此時可能會出錯。 href="javascript:funct1()
2018-08-26 05:27:46
原创 關於BFC
BFC 已經是一個耳聽熟聞的詞語了，網上有許多關於 BFC 的文章，介紹瞭如何觸發 BFC 以及 BFC 的一些用處（如清浮動，防止 margin 重疊等）。雖然我知道如何利用 BFC 解決這些問題，但當別人問我 BFC 是什麼，我還是不
2018-08-26 05:27:46
3
原创 CSS渲染與優化
CSS 引擎查找樣式表，對每條規則都按從右到左的順序去匹配。 看如下規則：示例 11#nav li {}看起來很快，實際上很慢，儘管這讓人有點費解。我們中的大多數人，尤其是那些從左到右閱讀的人，可能猜想瀏覽器也是執行從左到右匹配規則的，因
2018-08-26 05:27:46
1
原创 關於JS原生的offset的一些簡單理解
offset這個屬性，可以說是非常有用的，顧名思義，offset翻譯過來就是偏移量，從名字就可以看出它的具體意義了。也即是元素相當於父元素的偏移量。offset大致包括offsetTop、offsetLeft、offsetWidth、of
2018-08-26 05:27:46
原创 關於IFC
在IFC中，盒子水平放置，一個接着一個，從包含塊的頂部開始。在盒子間margins,borders,和padding的水平方向的值是有效。這些盒子也許通過不同的方式進行對齊:他們的底部和頂部也許被對齊，或者通過文字的基線進行對齊。矩形區域
2018-08-26 05:27:46
原创 HTTP協議
HTTP是一個應用層協議，由請求和響應構成，是一個標準的客戶端服務器模型 HTTP：Hyper Text Transfer Protocol（超文本傳輸協議）的縮寫，HTTP是一個基於TCP/IP通信協議來傳遞數據，默認端口號爲80 特
2018-08-26 05:27:46
1