博客 RSS 訂閱

ivyzhang 頭像

ivyzhang - 通俗易懂一對一的介紹map和foreach循環的區別，並列舉兩個相關應用。

一：map和foreach的區別： map:'map'這個單詞，除了可以翻譯為“地圖”之外，有些場景下應當翻譯為“ 映射 ”，也就是按一定轉換規則，轉換一個集合的每一項，得到另一個集合。 Array.prototype.map 的 'map' 應當譯作“映射”，也就是 以一個數組的每一項為基礎，構造出一個新數組。 forEach:而'for each'就很好理解了，也就是 對數組的每一

foreach , map , for循環 , Javascript

收藏 評論

pppercywang 頭像

優雅的王德奧 - 基於vue的emoji表情評論組件

vue-emoji-comment 最近在寫自己的個人博客時，還差最後一個評論功能，一個沒有評論功能的博客是沒有靈魂的，哈哈哈。 項目源碼：https://github.com/pppercyWan... 效果演示 使用精靈圖 + 背景定位實現，大家也可以自定義這些emoji表情。看看源碼，有註釋。就明白怎麼弄了。 這裏推薦一個做精靈圖的在線地址：https://sprite.ydr.me/ 個

vue.js , emoji , Javascript

收藏 評論

zisrfs 頭像

zsirfs - 深入一點 - JS 函數為什麼可以這樣操作

原文: https://zswfx.com/articles/5dc8f64a9cf7c17b240e5c6c 我們經常在函數參數裏面使用如下操作 Array.prototype.slice.call(arguments, 1), 這樣的操作，類似還有 Object.prototype.toString.apply(o)這種操作，為什麼可以這樣玩呢？ 前言 我們經常通過數組的方法去操作類數組，還會

javascript專題系列 , Javascript

收藏 評論

manerfan 頭像

林舍 - 聊一聊協程（上）：從Node.js談起

本文已收錄【修煉內功】躍遷之路 在上一篇文章JVM 細説線程中已經介紹了應用程序常見的一些線程模型，本篇就上篇提及的協程做簡單的介紹 談到併發/異步，首先想到的可能便是線程/進程，Java在近20年的發展中從JDK1.2之後便採用1:1線程模型，Java在核心類庫中提供了眾多異步API，可以使多線程應用發揮強大的併發能力並獲得不錯的性能 如今，在很多高併發的場景下（如I/O密集型）操作系統的線

coroutine , 協程

收藏 評論

yangyaya 頭像

陽呀呀 - “寒冬”三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）之CSS篇

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 CSS是前端必須要掌握的技能之一。一般面試也都會從CSS開始。所以CSS問題答的好壞會直接影響你在面試官心中的形象。 本文主要介紹面試中常會遇到的CSS問題及給出建議性的答案。 往期 “寒冬”三年經驗前端面試總結（含

面試 , 筆試 , Css , 前端 , Javascript

收藏 評論

mianduijifengba_59b206479620f 頭像

面對疾風吧 - wangEditor3.X直傳文件（圖片）到阿里oss，支持ctrl+v以及拖拽上傳

前言 最近到了一家新公司，正好做到圖片上傳的需求，之前做過的一些圖片上傳都是前端傳到後端，然後後端再上傳到服務器，或者是用七牛雲。這次公司統一用的阿里oss，因為沒有弄過，上網查閲了一下大佬們是怎麼做的，卻發現很複雜很麻煩？於是自己寫了一下，分享給有需要的人。 代碼實現 wangEditor引入 npm或者cdn引入都可以（官網有介紹：https://www.kancloud

vue.js , oss , bower , wangeditor , Javascript

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 如何編寫高質量的 JS 函數（4） --函數式編程[實戰篇]

本文首發於 vivo互聯網技術 微信公眾號 鏈接：https://mp.weixin.qq.com/s/ZoXYbjuezOWgNyJKmSQmTw 作者：楊昆 【編寫高質量函數系列】，往期精彩內容: 《如何編寫高質量的 JS 函數（1） -- 敲山震虎篇》介紹了函數的執行機制，此篇將會從函數的命名、註釋和魯棒性方面，闡述如何通過 JavaScript 編寫高質量的函數

函數式編程 , currying , Javascript

收藏 評論

cloudyttt 頭像

雲魚 - ES6 Promise筆試題

一動不動是王八，上一篇文章學習了那麼久Promise，是時候大顯身手了！ 基礎題 題一 const promise = new Promise((resolve, reject) = { console.log(1) resolve() console.log(2) }) promise.then(() = { console.log(3) }) console.

ecmascript-6 , 面試 , 筆試 , 異步編程 , Javascript

收藏 評論

kehan 頭像

可汗 - k8s系列教程2 - 核心概念和架構設計

集羣架構設計 Kubernetes 可以管理大規模的集羣，使集羣中的每一個節點彼此連接，能夠像控制一台單一的計算機一樣控制整個集羣。 集羣的節點有兩種角色，一種是 master ，一種是 worker。 master 是集羣的"大腦"，負責管理整個集羣：像應用的調度、更新、擴縮容等。 worker 就是具體"幹活"的，它上面事先運行着 docker 服務和 kubelet 服務（ Kuber

kubernetes , 進階

收藏 評論

ztmin 頭像

ztmin - webpack是如何實現模塊化加載？

webpack支持的模塊規範有 AMD 、CommonJS、ES2015 import 等規範。不管何種規範大致可以分為同步加載和異步加載兩種情況。本文將介紹webpack是如何實現模塊管理和加載。 同步加載如下： import a from './a'; console.log(a); 異步加載如下： import('./a').then(a = console.log(a)); webpack

cmd , amd模塊加載 , webpack , require , import

收藏 評論

zisrfs 頭像

zsirfs - 深入一點 - 使用bind的時候發生了什麼呢？

從規範來看，Function.prototype.bind 是如何工作，以及如何來模擬bind操作。 簡單示例 如下簡單示例，普通對象 testObj 內部有一個b函數，接受一個普通參數，若參數為空則輸出 this.a。 const testObj = { a: 3, b: function(args) { console.log(args || this.a); }, };

javascript原型 , javascript專題系列 , Javascript

收藏 評論

kehan 頭像

可汗 - k8s系列教程1 - 簡介

K8s 是什麼 K8s是什麼呢？剛開始接觸Kubernetes時是因為公司項目需要使用activiti，查到最新的activiti7使用kubernetes創建微服務的方式搭建，開始瞭解kubernetes，然後和同事討論，發現還有一個簡稱叫k8s。 為啥子叫k8s呢，原來這是硅谷工程的一個縮寫壞習慣，就是喜歡把一個長單詞用首字母+跳過的字母數字進行縮寫，目的是讓爺爺奶奶們讀不懂。[捂臉] 官網

kubernetes , 進階

收藏 評論

flymon 頭像

不是酸檸檬 - 前端深入之js篇丨Array數組操作從入門到成神Up Up Up，持續更新中

寫在前面 隨着前端深入的不斷學習，發現數組這個數據結構在前端中有着相當大的存在感，由於我初學前端的時候並沒有系統性的學習數組，所以我將通過這篇文章同你一起學習數組，希望我們能一起進步，學會熟練操作數組。 數組基本操作 創建數組 var arr1 = []; //通過字面量的方式創建一個沒有元素的空數組 var arr2 = new Array(); //通過構造函數的方式創建一個空數組 var

javascript專題系列 , javascript數組 , 前端 , html5 , Javascript

收藏 評論

yangzw 頭像

JowayYoung - 靈活運用CSS開發技巧

作者：JowayYoung 倉庫：Github、CodePen 博客：官網、掘金、思否、知乎 公眾號：IQ前端 特別聲明：原創不易，未經授權不得轉載或抄襲，如需轉載可聯繫筆者授權 系列 靈活運用CSS開發技巧 請戳這裏，持續更新 靈活運用JS開發技巧 請戳這裏，持續更新 靈活運用PS切圖技巧 請戳這裏，持續更新 前言 何為技巧，意指表現在文學、工藝、體育等方

css3 , css技巧 , css選擇器 , Css , 前端

收藏 評論

evilboy 頭像

瘋狂的技術宅 - 深入理解 JavaScript 回調函數

作者：Nilesh Sanyal 翻譯：瘋狂的技術宅 原文：https://dzone.com/articles/ja... 未經允許嚴禁轉載 JavaScript回調函數是成為一名成功的 JavaScript 開發人員必須要了解的一個重要概念。但是我相信，在閲讀本文之後，你將能夠克服以前使用回調方法遇到的所有障礙。 在開始之前，首先要確保我們對函數的理解是紮實的。 快速回顧：Java

回調函數 , callback , Javascript

收藏 評論

jackysummer 頭像

JackySummer - sessionStorage、localStorage用法總結

在工作中使用sessionStorage存儲數據時，發現sessionStorage無法直接存儲數組和對象，如存入對象則顯示為"[object Object]"，對此作下記錄，重新温習sessionStorage和localStorage html5 中的 web Storage 包括了兩種存儲方式：sessionStorage 和 localStorage 共同點 存儲大小為5MB，都保存在客户

sessionstorage , localstorage

收藏 評論

zhengcaiyunqianduantuandui 頭像

政採雲前端團隊 - ZooTeam 前端週刊｜第 54 期

政採雲前端小報第54期 瀏覽更多往期小報，請訪問： https://weekly.zoo.team ES6、ES7、ES8、ES9、ES10新特性一覽 掌握不斷更新的ES新特性 從程序媛角度去看項目管理 | Aotu.io「凹凸實驗室」 項目管理一般是從技術負責人、項目產品負責人的角度去看的，程序員雖然碼代碼很重要，但對項目的領悟能力也同樣重要。我們經常會遇到各種困惑：手上的項目需求越來越

node.js , web性能優化 , ecmascript , Css , 前端

收藏 評論

dongsir 頭像

dongsir - Apache2.4+PHP5.6環境搭建

Windows下Apache+PHP+MySQL搭建web服務器的方法 本文地址：https://segmentfault.com/a/1190000020885780 轉載請註明出處 環境準備： Windows Server 2012 mysql-5.7 httpd-2.4 php-5.6 （記得官網下載時看好版本x64VC11） Apache（httpd） apache 官

wamp , web服務器 , windows-server

收藏 評論

yunshu_blog 頭像

雲叔_又拍雲 - 再談 APISIX 高性能實踐

2019 年 8 月 31 日，OpenResty 社區聯合又拍雲，舉辦 OpenResty × Open Talk 全國巡迴沙龍·成都站，APISIX 主要作者王院生在活動上做了《APISIX 高性能實踐》的分享。 OpenResty × Open Talk 全國巡迴沙龍是由 OpenResty 社區、又拍雲發起，邀請業內資深的 OpenResty 技術專家，分享 OpenResty 實戰經驗，

又拍雲存儲 , apistore , openresty

收藏 評論

vectre 頭像

羽飛 - 谷歌即將終止索引 Flash 內容，一代互聯網霸主正悄然離去

谷歌公司近日宣佈今年底其搜索引擎將不再支持索引 Flash 內容，無論是包含 Flash 內容的網頁，還是獨立的 SWF 文件都將被谷歌搜索引擎直接忽略。 2017 年，Flash 所屬公司 Adobe 宣佈將於 2020 年底停止對 Flash 的支持，而谷歌公司的 Chrome 瀏覽器也將在明年底之前禁用並移除 Flash 插件。隨後微軟公司也表示其 Edge 與 IE 瀏覽器將於同一時間全

Flash , google

收藏 評論

yzsunlei 頭像

小磊哥er - [技術翻譯]您應該知道的13個有用的JavaScript數組技巧

本次預計翻譯三篇文章如下： 01.9個可以讓你在2020年成為前端專家的項目 02.預加載響應式圖像，從Chrome 73開始實現 03.您應該知道的13個有用的JavaScript數組技巧 我為什麼要創建這個git倉庫？通過翻譯國外的web相關的技術文章來學習和跟進web發展的新思想和新技術。git倉庫地址：https://github.com/yzsunlei/javascript-

javascript性能 , javascript數組 , Javascript

收藏 評論

shockerli 頭像

Jioby - Go 語言優秀資源整理，為項目落地加速🏃

一直在更新，部分內容在SF被屏蔽，故不再此繼續維護，請以GitHub為準 Go 資料 Go 語言優秀資源整理，為項目落地加速🏃 在 GitHub 上穩定更新，覺得不錯請點個 Star ❤️ 如轉載分享，請保留出處，謝謝 😆 原文地址: https://shockerli.net/post/go... GitHub: https://github.com/shockerli/...

goroutine , google , awesome , go

收藏 評論

zisrfs 頭像

zsirfs - 深入一點 - 用 new 的時候到底發生了什麼？

來自:https://zswfx.com/articles/5db9285f9cf7c10e840e5c6a 我們經常用new來創建一個對象，但是創建對象過程中，到底發生了什麼呢？ new 操作符的過程 上面是mdn的定義。 通過上面定義，我們知道使用new的時候，JS引擎就會給我們創建一個空對象作為 this值，然後執行函數，若函數沒有返回值，則默認返回這個空對象。 模擬 new 函數來

javascript專題系列 , Javascript

收藏 評論

joker_fenye 頭像

jenna - 從零搭建自己的js工具庫 typescript+rollup+karma+mocha+coverage

前言 隨着公司產品線的增多，開發維護的項目也越來越多，在業務開發過程中，就會發現經常用到的cookie處理，數組處理，節流防抖函數等工具函數，這些工具函數在很多的項目中會使用到，為了避免一份代碼多次複製粘貼使用的low操作，筆者嘗試從零搭建JavaScript工具庫typescript+rollup+karma+mocha+coverage , 寫這篇文章主要是分享給有同樣需求的朋友提供參考，希望

rollup , karma , typescript , 前端 , Javascript

收藏 評論