前端開發週報推薦 2019/10/12

一、Vue 3.0 源碼開放，看看都有哪些新特性

zhuanlan.zhihu.com/p/85343099

二、ajax跨域問題我只學一種解決方案

Ajax跨域問題的jsonp解決方案 在前端咱們常常會使用Ajax來向服務器發送請求和接收服務器響應回來的數據,通常來講在同一個服務器的數據來往是沒有什麼問題的,可是有時使用Ajax請求數據並不侷限於同一個服務器,跨服務器請求就會遇到跨域問題,下面咱們探討一下跨域問題是怎麼產生的,最優的解決方案是什麼? 同源策略 ...

juejin.im/post/5d9863…

三、國慶獻禮之ThreeJs實現3D上海外灘全景

最近入了three.js的坑，想用three.js作一些demo以便鞏固本身最近所掌握的知識點，並且正好遇上國慶放假，隨，有了這篇~ 預覽地址：Three.js之上海外灘 Tip1: 打開後瀏覽器一直轉圈 建築物的貼圖不顯示 是網絡問題 等一下子就好 畢竟是github... Tip2: 若是打開後幀數太低 比較卡的話，能夠調整代碼中的SHADOW_MA...

juejin.im/post/5d9786…

四、Vue 使用中須要注意迴避的地方

20191009 前端開發日報 Vue 使用中須要注意迴避的地方;JavaScript類型轉換的有趣應用;前端面試每日 3+1 ——第174天;2019.10 / JavaScript 月刊 – W3...

zhuanlan.zhihu.com/p/85420187

五、現代 JavaScript 教程 — 重學變量

大多數狀況下，JavaScript 應用須要處理信息。這有兩個例子： 一個網上商店 —— 這裏的信息可能包含正在售賣的商品和購物車。 一個聊天應用 —— 這裏的信息可能包括用戶和消息等等。 變量就是用來儲存這些信息的。 變量 變量 是數據的「命名存儲」。咱們可使用變量來保存商品、訪客和其餘信息。 在...

juejin.im/post/5d9877…

六、網上最全的原創 nodejs 深刻系列文章

耗時兩個月，終於趕在國慶節前把這一系列的文章(大部分文章是別的年份寫的，由於跟這個系列也有關聯，因此一塊兒展現。這兩個月寫的大概有6篇，將來還有幾篇)做爲獻給你們()，爲了讓你們能夠一鍵收藏閱讀，這裏作一個合集，歡迎你們收藏評論。其中還有待完成的文章也羅列在裏面，年末前更新完成。 nodejs ...

blog.5udou.cn/blog/Hao-Sh…

七、Vue3.0數據響應式原理

先把vue-next倉庫的代碼clone下來，安裝依賴而後構建一下，vue的package下的dist目錄下找到構建的腳本，引入腳本便可。 下面一個簡單計數器的DEMO：

<script src="./dist/vue.global....

juejin.im/post/5d9c98…

八、前端面試每日 3+1 —— 第174天

今天的知識點 (2019.10.07) —— 第174天 [html] img、input標籤它們是行內元素仍是塊級元素？ [css] css3和css2的區別是什麼？ [js] 你知道斷點續傳的原理嗎？用js怎麼實現？ [軟技能] 你想當技術總監嗎？你以爲技...

segmentfault.com/a/119000002…

九、Vue 3 源碼開放，今天你學習了嗎？

正在海邊浪的思否小姐姐一覺睡醒發現，國慶假期都不休息的尤雨溪大大在昨天凌晨發佈了 Vue 3 源代碼，源碼地址：[連接] ——

segmentfault.com/a/119000002…

十、Javascript ES6 專欄 | 解構賦值

解構賦值，是ES6中給變量賦值的一種方法。顧名思義，他是經過某一語法規則，解析某一事物的結構來進行賦值。結構的對象一般有數組，對象，函數參數等。 2、解構賦值 類型 （一）解構賦值-數組 1.基本語法及原理 = //目標解構數組 var person=["jk&q...

juejin.im/post/5d9176…

十一、Vue中的項目優化

對於vue的性能，其自己已經至關OK啦！如今我會針對如下幾個方面對Vue中的項目優化進行簡單的總結。固然也僅僅是幾個小小的注意點哦！ 1、書寫習慣 1，不須要作響應式的數據，不要放在data中 響應式數據：每一個Vue實例都會代理其data對象裏全部的屬性，只有這些被代理的數據是響應式的，在其數據改變時視圖也會隨...

juejin.im/post/5d9939…

十二、《你不知道的 JavaScript》筆記（一）

iachieveall.com/archives/《你…

1三、JavaScript類型轉換的有趣應用

背景 能夠訪問這個網站提早預覽： knightyun.github.io/magic-expre… 先來看一串代碼： (!(~+ ]* ]+~~!+ +({}+ ]*~+ 也許你在其餘地方看見過這種黑科技操做，那麼不妨猜一下上面的代碼的值等於多少，實在猜不到能夠複製它粘貼到瀏覽器 console 中回車看看； ...

knightyun.github.io/2019/10/07/…

1四、Three.js + GreenSock 模擬簡單隨機動畫

Three.js封裝了底層的圖形接口，使得程序員可以在無需掌握繁冗的圖形學知識的狀況下，也能用簡單的代碼實現三維場景的渲染，相對於webGL，Three.js封裝了底層的圖形接口，在不瞭解圖形學的狀況下，也能用簡單的代碼實現三維場景的渲染 預覽地址 開始使用 CDN引入 <script src="cdnjs.cloudfla...

juejin.im/post/5d985b…

1五、庖丁解牛之 Flutter for Web

Flutter for Web 在2018年冬的Flutter 1.0倫敦發佈會上，Flutter產品經理Tim Sneath經過一個滑動拼圖的例子介紹瞭如何讓Flutter運行在Web之上。這一當時代號HummingBird的項目後來被重命名爲flutter_web，並最終合入了master分支。 Flutter Web想在單代碼庫的狀況下，使Flutter應用擁有Web支持...

mp.weixin.qq.com/s/krR2XsDXv…

1六、抖音抖一抖：SVG 和 CSS 視覺故障藝術小賞

故障藝術，英文名稱叫glitch，在不少賽博朋克做品中常常看到，其實就是故意表現一種顯示設備的小故障效果，抖音的圖標其實就是這種的效果，咱們看下這個圖標 這個圖標中的紅色和藍色的偏移其實就是一種故障藝術，看到這個，我就能想到早年我家尚未有線電視時，搖天線對電視信號的場景，信號一差...

zhuanlan.zhihu.com/p/85451878

1七、javascript 中 AOP 那些事

最近在忙着閱讀 megalo 的代碼 (將來會出一個系列專門講 megalo 的源碼，仍是挺有意思的，你們能夠期待一下)。感受 megalo 、 mpvue 等小程序的跨端框架也好， weex 跨平臺框架也好，本質都差很少，都是 fork 了一份 vue 過來改了改，藉助了 vue 的能力，在平臺具體的 api 上換成了本身的。 其中，有一段代碼...

juejin.im/post/5d9b4a…

1八、使用 Proxy 實現 Vue.js 3 中的響應式思想

咱們知道，Vue.js 2 是經過 Object.defineProperty() 函數來實現的響應式。這個月 5 號尤大發布了 Vue.js 3 的源碼，社區立刻出現了不少源碼分享的文章。 你們早就得知新版的響應式是用 Proxy 實現的，如今咱們來利用 Proxy 實現一個基本的響應式骨架。 基礎 關於 Proxy 的基礎知識，能夠去MDN學習直達連接。 ...

juejin.im/post/5d9ae2…

1九、解決webapck多頁面內存溢出

由於本身的項目是基於 vue-cli3 進行開發，因此這裏只討論這種狀況下的解決辦法 在進行多頁面開發的時候，項目剛開始階段，由於文件較少，因此代碼編譯速度還行，可是隨着項目逐漸增大， webpack 編譯的速度愈來愈慢，而且常常出現內存溢出的狀況。 下面就是幾種嘗試的方法，加快編譯的速度 增長 Node ...

segmentfault.com/a/119000002…

20、nginx反向代理、負載均衡配置及vue項目部署

nginx配置文件結構 Nginx的配置文件是一個純文本文件，它通常位於Nginx安裝目錄的conf目錄下，整個配置文件是以block的形式組織的。每一個block通常以一個大括號「{」來表示。block能夠分爲幾個層次，整個配置文件中Main命令位於最高層，在Main層下面能夠有Events、 HTTP等層級，而在HTTP層中又包含Server層，即server blo...

segmentfault.com/a/119000002…

2一、前端開發日報存檔

看得不過癮，網站有過去幾年的每日前端好文章日報存檔，關注收藏起來不迷路。

caibaojian.com/c/news

2二、掘金小冊全網八折

熱門前端掘金小冊，全網八折：前端面試之道、Vue組件精講、使用WebPack定製前端開發環境、重學前端（極客時間）、前端開發核心知識（GitChat）等，閱讀原文瀏覽全網教程！

caibaojian.com/goods

加入微信羣👆，每日分享全網好文章！

本篇文章由一文多發平臺ArtiPub自動發佈