初識HTML5 Web Audio API；2019前端面試題–這樣準備，拿不到offer算我輸；CSS3 和 HTML5 新特性一覽；js 剩余參數；javascript原生實現雙向數據綁定；Node.js 12 發布更快啟動速度、默認 TLS 1.3；Webpack book — 開發篇；Webpack4入門系列(一)
- 初識HTML5 Web Audio API 自從上次在趣講CDN一文中講了一個"傳東奶"的故事之后，就再也沒有發過博客?；蛟S有些朋友還以為我們被抓了呢，哈哈哈~ 很久以前，趙忠祥老師就告訴我們，雨季，是個好時節。雨季來了，春暖花開，萬物復蘇，又到了大草原上程序猿們XX的季節。好吧，扯遠了。說到底，就是團隊中的小哥哥小姐姐都忙著談戀愛，...
- CSS3 和 HTML5 新特性一覽 CSS3新特性 CSS3 選擇器 選擇器 示例 示例說明 CSS . class .intro 選擇所有class="intro"的元素 1 # id ...
- js 剩余參數 我覺得ES6新增標準中，比較好的一個特性就是剩余參數，至少不一個在其他語言中爛大街的特性 定義：在聲明函數時，在最后一個形參的前面加上“...”，這個參數就變成了一個叫做“剩余參數”的數組，數組內包含著傳入的剩余參數。 有人說，定義函數時，直接使用剩余參數，不再傳入任何形參好不好？如果能問出這種問題，請...
- javascript原生實現雙向數據綁定<!DOCTYPE html><html lang="en"><head>
- Node.js 12 發布更快啟動速度、默認 TLS 1.3 今天，Node 官方團隊發布博文宣布，Node.js 12 大版本正式發布。這也是 Node 進入半年大版本發布周期后的一次常規升級。本次發布的重要特性包括：更快的啟動速度、最好的默認堆內存分配，以及對 V8、TLS、llhttp 的升級。 Node.js 12 將取代 v11 版本進入當前發布線（current release），并將在 2019 年 10 月發布 v13...
- Webpack4入門系列(一) webpack是現代JavaScript應用的靜態打包工具。當webpack處理應用時，它內部會生成一個映射你項目需要的每個模塊的依賴圖，并生成一個或多個包。 自從版本4.0.0后，webpack不需要配置文件就能打包你的項目，然而如果有需要，它也是極易配置的。 要開始使用你只需要理解它的核心概念： Entry Output Lo...
- JS數組中那些你知道或不知道的 當且僅當不帶參數調用Array構造函數時，此描述才適用。 執行過程： 定義 numberOfArgs 傳遞給此函數的調用的實參數量； 斷言： numberOfArgs` 為 0； 如果 NewTarget 為 undefined ，就設置 newTarget 為 活動函數對象（active-function-object，正在運行的執行上下文的函數組件） ，并且讓 newTarge...
- webpack 打包后文件分析 webpack 用于編譯 javascript 模塊， 可以把文件格式編譯成我們想要的靜態文件格式， 但是處理的過程并不是全部由 webpack 本身完成， webpack 只是提供了一個打包機制， 對于各類文件的打包處理需要使用相對應的 預處理模塊 loader 來處理， 作為一種機制 webpack 會幫助各種 loader 提供識別入口目錄、入口文件、 輸出...
- js基礎系列-數組的基本方法 如何實現數組的扁平化，一道題引發對javaScript基礎思考，今日現總結下數組的基本方法, 搬運不易，多多點贊，感謝！ 基本方法 定義數組: const arr = 數組檢測 instanceof 用于測試構造函數的prototype屬性是否出現在對象的原型鏈中的任何位置 console.log(arr instanceof Array) # 輸出...
- 前端JS:什么是深拷貝？什么是淺拷貝？ 值類型（基本數據類型）：String,Number,Boolean,Null,Undefined,Symbol 引用數據類型數據 Object,Array,Function 重點聲明：Undefined 和 Null的區別； Undefined 表示變量不含有值； null：可以通過將變量的值設置為null來清空變量； ...
- JavaScript 程序員可以從C++中學到什么作者：Bret Cameron翻譯：瘋狂的技術宅原文：[鏈接] 本文首發微信公眾號：前端先鋒歡迎關注，每天都給你推送新鮮的前端技術文章 如何通過了解類型、內存以及低級語言使你成為更好的程序員 時間的結束？圖片來自 J...
- 如何構建一個WEB同構應用 簡介 WEB同構應用指的是通過代碼的編譯轉換手段(通常借助于babel)來讓代碼在不同端client(瀏覽器), server(服務器)運行.同構的web應用主要有以下的優點: 一套代碼多處運行減少維護成本 任務拆分,通過同構可以實現更多的功能(SSR, fetchData) 簡單的實現思路 將client端的代碼轉...
- 前端戰五渣學前端——跨域 這幾年的工作、面試中，還遇到一個不能回避的問題，那就是 跨域 ，一般面試的時候會問你‘怎么解決跨域問題’，‘跨域是什么’，‘為什么會有跨域’等類似的問題。前段時間后端大佬又弄服務器什么正向、反向代理，就又想到了跨域的問題，所以今天就總結一下前端在跨域問題中怎么解決 總結一句話：跨域是不可能靠前端單方面...
- js的this指來指去到底指哪去了？（call，apply, bind改變this指向） 前言： this指向 問題一直是js中最容易犯的錯誤之一。 今天就寫下這篇博文，談一下我對this的理解。 如果大家覺得有幫助， 請點個贊 或 關注 我吧。 如果有不對的地方，歡迎大家指正！ 先來看個思維導圖吧： 一、ES5中funciton的this指向： 函數通過new 構造函數創建出來的實例...
- JavaScript中的隱式類型轉換 這里就要提到原生類型內建的包裝對象，包括: String() Number() Boolean() Array() Object() Function() RegExp() Date() Error() Symbol() 在操作原始數據類型的屬性和方法時，JS會自動將原始類型轉換成一個對應的包裝對象。此時該對象就擁有了屬于它本身的一系列屬性和方法。所...
- Node.js 12 發布來看看有哪些新動向吧本文由 Bethany Griggs 以及 Michael Dawson 撰寫，并由 Node.js Release Team 和 Technical Steering committee 提供幫助。
- 一步步使用 webpack 第四篇：使用 webpack 編譯 vue 代碼 之前寫的三篇文章，分別簡單介紹了如何配置 webpack 完成es6 代碼編譯、PostCSS 代碼編譯、以及 使用 webpack 管理資源文件 。接下來將配置 webpack 完成 vue 代碼的編譯。 版本說明 本文使用的 webpack 的版本為： 4.30.0 開始搭建 本文的目的是完成 vue 的編譯 安裝 loader 使用命令行安裝 vue 的 load...
- 自己動手打造 GitHub 代碼泄露監控工具 0×00 背景 眾說周知，Github這塊肥肉很受安全人員和黑客關注。因為很多新進程序猿和老手不經意就會把他們的勞動成果分享出來，而往往這種開源精神，奉獻精神會對企業帶來一定的安全風險。 例如代碼里面包含各種敏感信息（用戶名、密碼、數據庫信息、內網IP,甚至程序猿的身高、體重、年齡和婚姻狀況。...
- WebGL three.js學習筆記 自定義頂點建立幾何體 Three.js本身已經有很多的網格模型，基本已經夠我們的使用，但是如果我們還是想自己根據頂點坐標來建立幾何模型的話，Three.js也是可以的。 基本效果如圖： 點擊查看demo演示 實際上出于性能的考慮，three.js是認為我們的幾何體在整個生命周期中是不會改變的，但是我們還是想使用dat.gui.js去實時更新...
- webpack打包typescript多文件，提示沒有該文件 在項目 recorder 中，由于recorder中的class類過于龐大，于是便采用了typescript官方的mixin方式，但是在import其他文件時，居然提示Cannot find module找不到對應的文件，可是明明我是正確的路徑。 問題 目錄是這樣的： a.ts文件內容很簡單，僅導出了一個對象： export default { yourName: 'haha' }...
- CSS動畫優雅降級的簡單總結轉載自：[鏈接] CSS動畫相關屬性 transition：兼容性?? transform 3D：兼容性?? transform 2D：兼容性?? animation：?? 可以看到動畫在IE8（這里主要討論IE）及以下完全不支持，IE9由于只支持transform(非transfo...
- mpvue生命周期結論： 不要在created（）這個生命周期去獲取數據，這樣會造成你永遠只能獲取到第一次的數據如果需要多端代碼復用 在beforeMounted() 的時候去獲取數據，但這樣頁面會閃穩妥的辦法是在 小程序的onLoad()生命周期...
- web知識梳理 @ 原文鏈接： blog.csdn.net/jieqiang3/a… 這篇主要梳理一下web相關的原理知識。由于個人水平有限，文章中可能會出現錯誤，如果你覺得哪一部分有錯誤，或者發現了錯別字等內容，歡迎在評論區告訴我。 TCP TCP（傳輸控制協議），負責在不可靠的傳輸信道之上提供可靠的抽象層。 TCP的存在價值主要專注于可...
- LeetCode 之 JavaScript 解答第226題 —— 翻轉二叉樹（Invert Binary Tree）Time：2019/4/21Title: Invert Binary TreeDifficulty: EasyAuthor: 小鹿
- 使用React手寫一個對話框或模態框核心在于使用React的接口React.createPortal(element, domContainer)。該接口將element渲染后的DOM節點嵌入domContainer(通常是document.body)，并保證只嵌入一次。
- #開源項目#【React 渲染工具：React-three-fiber】詳見： React-three-fiber 是一個專為 Three.js 打造的小型 React 渲染工具，幫助你用 React 組件語法完成 WebGL 渲染。
- 客戶端轉 Web 前端后，這半年我的一些思考 點擊上方“開發者技術前線”，選擇“星標” 13：21 在看 真愛 作者: 老穆（阿里巴巴專家） | 來自：土豆他爸爸 責編：可可 杭州 背景 今天要說的這個人，阿里專家老穆，工作8年，一個有4年 Android應用開發經驗，Android轉前端的IT“搬...
前端日報欄目數據來自碼農頭條，每日分享互聯網上熱門的前端開發、移動開發、設計、資源和資訊等，為開發者提供動力，如果覺得內容對你有用，記得分享給你的小伙伴。進入碼農頭條查看更多