摘要:目前預覽版現在已經可以在上使用,很快就可以在上使用。版本發布月日,官博發文宣告正式發布。距離年月發布版已有一年多了。官方表示,這是系列的最后一個版本,他們將全力準備。發布時隔一年,如約而至,正式發布第一個版本。
【阿里云 TXD 前端月刊】- 熱門前端技術快報,聚焦業界新視界;前端領域急速發展的節奏從未停歇,即將流逝的四月里,Nodejs?發布了 v12 版本,Chrome75?也將原生支持懶加載……也許是大潮將至,亦或是好事將近,總之,在下還能學?。。?/p>
學習專欄 2019 前端工程師手冊(front-end-handbook-2019)歡迎?訂閱?&?投稿 本期小編:佐七
這個受歡迎的前端詳細指南于本年度再次回歸。更新了大量有用的資源、學習資料和開發工具。內容非常全面,值得一看。
Css Layout CookbookMDN 官網為前端開發者總結的一些常用布局模塊的實現方案。包括面包屑,分頁,導航欄等,值得參考。
11 個教程中不常被提及的 JavaScript 小技巧
本文作者選取了 11 個在我們工作中經常出現卻容易被忽略的 JavaScript 小技巧,可以幫助我們更高效的進行編碼。
45 個值得收藏的 CSS 形狀本文列舉了一些我們日常會用到的一些 CSS 形狀,值得參考。此外,在 Houdini 已經到來的當下,也許一句 --shape: "triangle" ,即可使用,無需重復編寫這些 CSS 形狀。
第五屆 CSS 大會于 2019 年 3 月 30 日在深圳舉辦,本次會議共邀請了 7?位演講嘉賓出席演講,其中有我們熟悉的大漠,張鑫旭,勾三股四等,為我們分享了一些新時代下的 CSS 技術。
Chrome75 將原生支持懶加載過去我們一直通過 js 來實現圖片的延遲加載,而 Chrome75 的到來將原生支持該功能。我們可以通過設置 loading 屬性來控制瀏覽器是否延遲加載屏幕外的圖像和 iframe。示例代碼如下:
<iframe src="video-player.html" loading="lazy">iframe>
讓我們看一下效果:
微軟發布基于 Chromium 的預覽版 Edge
2018 年 12 月,微軟宣布 Edge 將采用 Chromium,這是由谷歌 Chrome 支持的開源項目,其中包含了不少值得我們期待的新特性像自定義元素和 shadow dom,javascript 字體加載API等。目前預覽版現在已經可以在 Windows 上使用,很快就可以在 Mac 上使用。
jQuery 3.4.0 版本發布4 月 10 日,jQuery 官博發文宣告 jQuery 3.4.0 正式發布。距離 2018 年 1 月發布 v 3.3.0 版已有一年多了。jQuery 官方表示,這是 3.x 系列的最后一個版本,他們將全力準備 jQuery 4.0。本次更新重點放在一些bug的修理和性能的提升。
Nodejs 12發布時隔一年,Node.js 12 如約而至,正式發布第一個?Current?版本。(按照當前的節奏一年兩更,2063 年我們就能迎來 Node v100 了……)
該版本帶來了諸如:
V8 版本更新帶來好多不錯的特性;
HTTP 解析速度提升;
啟動速度大幅提升;
更好的診斷報告和堆分析工具;
ESM 模塊更新;
同時 Node v6 也即將停止維護。
第三屆 VueConf 將在上海舉辦一年一度的 VueConf 又來啦!VueConf 2018 是在杭州舉辦的,Vue.js 作者尤雨溪采用了遠程參與的方式,給大家帶來了精彩了演講。這一次,VueConf 2019 上海來啦,會議將在 6 月 8 號上海徐家匯華山路舉辦,尤大將親臨現場,給大家帶來主題演講,趕快點擊鏈接搶票吧!
工具推薦 Shepherd: Guide Your Users Through a Tour of Your App?Shepherd是一款便于我們為一款產品做新手指引的工具庫,通過一些簡單的api就可以實現該功能,目前對于Vue,React,Angular,Ember框架都有支持。
CloudConvert: 文件格式在線轉換平臺
CloudConvert 是一款強大全能格式在線轉換云在線應用,支持跨平臺。支持輸入文件 URL、Dropbox、Google Drive 文件源或者直接從電腦上傳文件進行轉換,你只需要一個瀏覽器就可以使用它,非常方便。
Ink: 使用 React 編寫命令行界面
Ink 是一款使用 React 風格開發命令行界面應用 (CLI App) 的 Nodejs 工具,也就是說,我們可以使用像 React 那樣的方式來組織代碼,開發出運行在命令行的工具應用。Ink 2.0 可以無縫支持 React 的某些特性,比如 Hooks 或Context,還可以與 React 生態系統中的其他重要組件(比如 Redux )發生交互。
官方文檔提供了如下的示例:
import React, {Component} from "react";
import {render, Color} from "ink";
class Counter extends Component {
constructor() {
super();
this.state = {
i: 0
};
}
render() {
return (
<Color green>
{this.state.i} tests passed
Color>
);
}
componentDidMount() {
this.timer = setInterval(() => {
this.setState({
i: this.state.i + 1
});
}, 100);
}
componentWillUnmount() {
clearInterval(this.timer);
}
}
render(<Counter/>);
終端上的輸出:
熱門文章 我在阿里云做前端
“抓住我們核心的競爭力,并同時發現業務中的問題,跨端推進解決,這是最好的出路?!?讓我們看看阿里巴巴高級前端技術專家城池大大講述他過去幾年在阿里云的前端經驗。
Winter 眼中的前端十年:覺醒、全棧、包袱,未來無不可為為什么他能在前端圈如魚得水?為什么他總能拿到大公司的高薪 Offer?在他眼中:前端 Leader 都該焦慮什么?為什么過去十年是前端覺醒的十年?在杭州家里,本篇文章采訪了本期嘉賓 Winter,聽他講述前端行業十年的得與失。
使用 Typescript 兩年之后,它值得推薦嗎Typescript 近兩年熱度不減,很多大公司都選擇去擁抱 TS,但它真的值得被推薦嗎?本篇文章站在比較客觀的角度從多方面講述 TS 的優點和缺點。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/7333.html
摘要:版本發布月日,官博發文宣告正式發布。官方文檔提供了如下的示例終端上的輸出熱門文章我在阿里云做前端抓住我們核心的競爭力,并同時發現業務中的問題,跨端推進解決,這是最好的出路。 showImg(https://segmentfault.com/img/remote/1460000019038442); 【阿里云 TXD 前端月刊】- 熱門前端技術快報,聚焦業界新視界;前端領域急速發展的節奏...
摘要:版本發布月日,官博發文宣告正式發布。官方文檔提供了如下的示例終端上的輸出熱門文章我在阿里云做前端抓住我們核心的競爭力,并同時發現業務中的問題,跨端推進解決,這是最好的出路。 showImg(https://segmentfault.com/img/remote/1460000019038442); 【阿里云 TXD 前端月刊】- 熱門前端技術快報,聚焦業界新視界;前端領域急速發展的節奏...
摘要:版本發布月日,官博發文宣告正式發布。官方文檔提供了如下的示例終端上的輸出熱門文章我在阿里云做前端抓住我們核心的競爭力,并同時發現業務中的問題,跨端推進解決,這是最好的出路。 showImg(https://segmentfault.com/img/remote/1460000019038442); 【阿里云 TXD 前端月刊】- 熱門前端技術快報,聚焦業界新視界;前端領域急速發展的節奏...
摘要:堅持就是勝利養成好習慣從每日一練開始做起通過一個月的努力,終于迎來了我們每日一練的榜單讓我們一起看看都有哪些博主你在不在其中榜單揭曉請看獲獎博主昵稱阿年嗯啊猿碼叔叔雪離話丶小輝獎品展示度暖暖恒溫 堅持就是勝利!養成好習慣從每日一練開始做起~ 通過一個月的努力,終于迎來了我們每日一練的TOP1...
閱讀 2643·2021-11-11 16:55
閱讀 680·2021-09-04 16:40
閱讀 3078·2019-08-30 15:54
閱讀 2615·2019-08-30 15:54
閱讀 2403·2019-08-30 15:46
閱讀 404·2019-08-30 15:43
閱讀 3227·2019-08-30 11:11
閱讀 2983·2019-08-28 18:17