整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
DE編譯運行vue項目：
npm run serve報如下錯誤：
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
解決方法：
1.打開cmd
2.執(zhí)行以下命令修改node相關(guān)配置
setx NODE_OPTIONS --max_old_space_size=102403.重啟IDE，重新編譯運行vue項目。
概是18年的時候，那時候我還是一個很稚嫩的小前端，我記得很深刻，當前GitHub上有個叫做Screenshot-to-code的開源項目沖榜賊猛，短短幾天就獲得了好幾千的star，這個項目主要表達的是在未來三年內(nèi)，深度學習將改變前端開發(fā)。它將會根據(jù)設(shè)計圖自動生成對應的html，css代碼，從而拉低開發(fā)軟件的門檻。
也就是說我們前端以后不需要再畫靜態(tài)了！
項目地址：https://github.com/emilwallner/Screenshot-to-code
Screenshot-to-code-in-Keras 是 Emil Wallner 實現(xiàn)的一個可根據(jù)設(shè)計草圖生成基本 HTML 和 CSS 網(wǎng)站的神經(jīng)網(wǎng)絡。以下是該過程的簡要概述：
1）給訓練好的神經(jīng)網(wǎng)絡提供設(shè)計圖像
2）神經(jīng)網(wǎng)絡將圖片轉(zhuǎn)化為 HTML 標記語言
3）渲染輸出
Emil Wallner 分三步從易到難構(gòu)建三個不同的模型：
這里只做簡單介紹，感興趣的朋友可以在頭條搜索中搜 Screenshot-to-code 即可看到更多詳細內(nèi)容
前幾天體驗了一下藍湖內(nèi)測的設(shè)計圖轉(zhuǎn)代碼功能，真的挺震撼的。廢話不多說，大家請看視頻！
<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
（第二張示例圖中標簽文字溢出并不是bug，因為谷歌瀏覽器最小文字只支持12px）
從上面視頻可以看到，UI小姐姐只需要把畫好的項目設(shè)計圖放上去，我們前端就可以直接生成完整的靜態(tài)頁。目前來看主要支持vue和普通的html頁面。css倒是兼容得非常好，less和sass都支持不過這畢竟只是一個內(nèi)測版，相信等正式推出時應該是可以兼容到react等主流框架的。
感覺這對我們前端來說其實還是利大于弊，因為前端最主要的交互和邏輯未來五年內(nèi)應該是不可能像靜態(tài)一樣可以生成，那么設(shè)計圖轉(zhuǎn)代碼的功能的推出其實還是可以在一定程度上減輕我們的工作負擔。
因為畫靜態(tài)頁對大部分前端來說都是枯燥無味的工作。如果以后都不用畫靜態(tài)的畫，那么我們就可以有空閑時間來學習新技術(shù)，新知識。比如現(xiàn)在挺火的云函數(shù)啥的，學學總沒有壞處。或者學一門后端語言等都可以不斷完善自己的技術(shù)棧,提高自己的行業(yè)競爭力。
篇文章主要給大家介紹一下在html頁面中如何讓單行文本以及多行文本溢出顯示省略號(…)。
當我們在編寫網(wǎng)頁代碼的時候，肯定會遇到過文字列表中的文字太多超出了我們所寫的寬度，導致文本換行或者文本超出了界限，這時有人就會說了，讓后臺限制一下調(diào)用的文字個數(shù)不就行了嗎，但是我們在做響應式的時候由于是百分比布局，無法計算一行會顯示多少個文字，所以這并不是一個好的解決方案，我們使用css3就可以輕松的實現(xiàn)，而且簡單好用。
核心css語句：
1、overflow:hidden; （顧名思義超出限定的寬度就隱藏內(nèi)容）
2、white-space: nowrap; （設(shè)置文字在一行顯示不能換行）
3、text-overflow: ellipsis;（規(guī)定當文本溢出時顯示省略符號來代表被修剪的文本）
我們具體的代碼效果演示就如下圖所示：（設(shè)置ul寬度為300，超出的文字內(nèi)容讓其自動隱藏并顯示...）
我們在編寫網(wǎng)頁代碼時，有時候新聞列表頁中新聞簡介可能有一行或者多行，我們要如何處理這種問題，讓其超出多行后還能顯示省略號呢，不要慌，我們css還是很強大的，已經(jīng)給我們提供了方法來處理這種問題了。
核心css語句：
1、-webkit-line-clamp:2; （用來限制在一個塊元素顯示的文本的行數(shù),2表示最多顯示2行。 為了實現(xiàn)該效果，它需要組合其他的WebKit屬性）
2、display: -webkit-box; （和1結(jié)合使用，將對象作為彈性伸縮盒子模型顯示 ）
3、-webkit-box-orient:vertical;（ 和1結(jié)合使用 ，設(shè)置或檢索伸縮盒對象的子元素的排列方式 。）
4、overflow:hidden; （顧名思義超出限定的寬度就隱藏內(nèi)容）
5、text-overflow: ellipsis;（規(guī)定當文本溢出時顯示省略符號來代表被修剪的文本）
我們具體的代碼效果演示就如下圖所示：（設(shè)置段落p寬度為300，超出2行的文字內(nèi)容讓其自動隱藏并顯示...）
好了，本篇文章就給大家說到這里，大家自己下來可以自己找例子寫一下試一試到底能不能實現(xiàn)我們所說的效果，以后在寫頁面的的遇到這種問題的時候直接復制使用即可。
每日金句：必須從過去的錯誤學習教訓而非依賴過去的成功。喜歡我的文章的小伙伴記得關(guān)注一下哦，每天將為你更新最新知識。
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
