博客 RSS 訂閱

liuxuan_5845129fbf248 頭像

leocoder - 從0到1實現Promise

前言 Promise大家一定都不陌生了，JavaScript異步流程從最初的Callback，到Promise，到Generator，再到目前使用最多的Async/Await（如果對於這些不熟悉的可以參考我另一篇文章《JavaScript異步編程》），這不僅僅是技術實現的發展，更是思想上對於如何控制異步的遞進。Promise作為後續方案的基礎，是重中之重，也是面試時候最常被問到的。 今天我們就一起

promise , mocha , 單元測試 , Javascript

收藏 評論

jane_shen 頭像

Jane_Shen - create-react-app 打包優化（antd、echarts）

我做 react 開發時通常是直接用的 create-react-app。最近想分析一下一個用 create-react-app 開發的項目的打包結果，看看有沒有什麼可以優化的地方。 項目情況 執行 npm run eject 導出配置（單向操作，不可逆）。 項目中使用的一些庫： "dependencies": { "antd": "^3.9.2", "axios": "^0

webpack3 , antd , webpack , echarts , create-react-app

收藏 評論

pengjiyuan 頭像

PengJiyuan - 搭建博客太簡單，這次我們來做一個博客生成工具

文章較長，耐心讀下來我想你肯定會有所收穫 : ) 作為一個技術人員，見到別人那光鮮亮麗的個人博客，心裏總免不了想搭建自己博客的衝動。當然，搭建博客的方式有好多種，但是大體上分這兩種： 服務端數據庫 例如：你可以用 WordPress 搭建自己的博客，你可以利用 PHP 和 MySQL 數據庫在服務器上架設屬於自己的網站。 純靜態頁面 市面上有挺多的免費 靜態文件（HTML）託管機構，

node.js , blog , hexo , jekyll , Javascript

收藏 評論

ryan_595342083ee27 頭像

Ryan - 關於dll打包優化你可能不知道的地方

使用DllPlugin可以很大程度提高webpack的構建速度，但是有幾點不注意的話會使得打包的體積較大。 以下以react的配置來説明一下（webpack3） 一、先看一下最簡單的打包 const path = require('path'); const webpack = require('webpack'); const DllPlugin = require('webpack/lib/D

webpack3 , webpack

收藏 評論

zhangxishuo 頭像

張喜碩 - 阿里筆試 字符串轉化為層級對象

問題描述 師姐參加阿里的筆試，也跟着去學學名企的編程題都考什麼？ 如下格式的一個字符串，要轉化成一個有層級關係的對象。 [abc[def[ghi]]] { value: "abc", child: { value: "def", child: { value: "ghi" } } } 分析 實現 /*

阿里巴巴 , 筆試 , Javascript

收藏 評論

acfasj 頭像

acfasj - 後續請求都要帶上 token ?

正經寫文章 平時開發裏，先請求一個 token ，然後後面的請求都要帶上這個 token 來進行認證或者授權，是一個常見的需求 那要怎麼搞呢？還是一個先後，控制異步流程的的問題，就是先拿到 token 再進行後面的請求就好了。相信 promise 大家已經用得很氾濫了： let tokenPromise = new Promise(...) // 拿到 token tokenPromise.the

xmlhttprequest , Ajax , Javascript

收藏 評論

jiasm 頭像

Jarvis - 使用 TypeScript 改造構建工具及測試用例

最近的一段時間一直在搞TypeScript，一個巨硬出品、賦予JavaScript語言靜態類型和編譯的語言。 第一個完全使用TypeScript重構的純Node.js項目已經上線並穩定運行了。 第二個前後端的項目目前也在重構中，關於前端基於webpack的TypeScript套路之前也有提到過：TypeScript在react項目中的實踐。 但是這些做完以後也總感覺缺了點兒什麼 _（沒

mocha , chai , webpack , typescript , Javascript

收藏 評論

kaige 頭像

凱威講堂 - 學習Python的建議

前言 Python是最容易入門的編程語言，沒有之一。如果初學者接觸的第一門語言是C或者C++，對他們來説最難的不是語法，而是容易出現內存泄漏、指針等問題。有時候排查這些問題對初學者的打擊很大，尤其是沒掌握排查BUG技巧時。 如果初學者接觸的第一門語言是Python，學習曲線則會平滑得多，掌握一些基本語法和Python內置的數據結構，已經可以上手寫一些小工具或者小型應用。這對初學者來説，非常重要。因

進階 , 入門 , Python

收藏 評論

1023 頭像

亖混子 - JavaScript系列 事件

一步，一步前進の一步 事件是文檔或者瀏覽器窗口中發生的一些交互瞬間。JS註冊事件處理程序來預訂事件，當事件發生的瞬間來執行相應的代碼，進而實現 JS 和 HTML(即文檔或者瀏覽器窗口) 的交互。 事件流 事件流描述的是從頁面中接收事件的順序。 用手指戳一下屏幕上的同心圓的中心，先點到的是最外圍的大圓，還是最核心的小圓呢？這個就是事件流要處理的本質問題。早起的 IE 和 Netscape

javascript專題系列 , Javascript

收藏 評論

mataotao 頭像

風徹 - 異步與回調/函數的作用域鏈

異步與回調/函數的作用域鏈 異步操作概述--阮一峯的javascript教學 JavaScript 只在一個線程上運行,JavaScript 同時只能執行一個任務，其他任務都必須在後面排隊等待。 這種模式的好處是實現起來比較簡單，執行環境相對單純；壞處是隻要有一個任務耗時很長，後面的任務都必須排隊等着，會拖延整個程序的執行。 JavaScript 語言本身並不慢，慢的是讀寫外部數據

作用域 , 回調函數 , 異步編程 , 作用域鏈 , 異步

收藏 評論

nerohua 頭像

nerohua - whistle--前端調試利器

一、業務場景 前端本地開發的場景中，我們需要頻繁的改動代碼，並需要實時看到效果，並且在一些開發場景中，我們需要將特定的請求代理到特定的IP、本地文件等，所以使用fiddler或whistle等本地、真機抓包調試工具是非常必要的。 二、為什麼使用whistle 在歷史的長河中，我們是使用fiddler+willow再搭配小米wifi 進行本地和真機抓包調試的，無可厚非，fiddler的抓包和代理的功

前端工具

收藏 評論

summerblue 頭像

summerblue - Laravel Eloquent 模型關聯速查表

一張 Laravel’s Eloquent ORM 5.5 的速查表 一對一關聯 展示細節: 在這個展示中，我們有 2 個模型（Owner 和 Car）及兩張表（owners 和 cars）。 商業邏輯： 一個使用者可以擁有一台車。\ 一台車可以有一個擁有者。 關聯圖： 關聯細節： Cars 表必須儲存 Owner ID。 Eloquent 模型： class Owner { p

php , laravel , eloquent

收藏 評論

zhuanglog 頭像

zhuanglog - Ajax全面解析（來自JavaScript高級程序設計）

Ajax的全稱就是Asynchronous JavaScript + XML，它的本意是為了可以在不刷新頁面的情況下異步更新數據。 而實現這一功能的核心就是XMLHttpRequest（XHR），它能夠獲取新數據，並通過DOM操作將新數據插入到頁面當中。 雖然它的名稱中包含有XML，但其實Ajax通信與數據格式沒有關係，Ajax可以返回HTML、XML、json、jsonp、text、script

xmlhttprequest , Ajax

收藏 評論

zhangshilei 頭像

張石磊 - docker - nginx - proxy_pass + proxy_redirect

目的：使項目域名 www.foo.test(/index.php)/controller/action 變為 www.foo.test/project/controller/action，仍然可以正常訪問。（非index.php二級目錄的URL重寫） 背景： Name Command State

php-fpm , proxy-pass , Nginx , Docker

收藏 評論

ray_learn 頭像

ray_learn - Jekyll: 解決Win10系統Code Page錯誤問題

Windows 版本： 10.0 Ruby 版本： 2.5.1 Gem 版本： 2.7.6 Jekyll 版本： 3.8.3 Bundle 版本： 1.16.2 Powershell 版本： 5.1 Code Page: In computing, a code page is a table of values that describes the characte

jekyll

收藏 評論

frontoldman 頭像

frontoldman - nodejs之http-proxy幾點常見問題

http-proxy http-proxy是一個nodejs的http代理庫，已經被webpack-dev-server集成進來，做代理使用。原因是在前後端分離大行其道的今天，我們如果需要在本地調後端api接口，不配置hostname的話，必然是一個跨域的請求。因為瀏覽器的跨域安全限制，調取是不通的，所以本地代理就成了一個本地開發環境的必選項。 '/saasapi/*': { target

node.js , httproxy , webpack , 前端 , Javascript

收藏 評論

mataotao 頭像

風徹 - 使用leancloud給簡歷加數據庫,實現留言功能

使用leancloud給簡歷加數據庫,實現留言功能 這篇博客的源代碼是我的正在寫的在線簡歷 完整代碼(項目暫未完成) 預覽地址 在本地預覽項目的時候用的http-server 前端的兩大塊: 操縱DOM:DOM API/jQuery Ajax:http請求和響應/XMLHttpRequest的API 但是無法存儲數據! 買個服務器,帶數據庫 數據必須存在服務器上,這樣任何設備訪

leancloud , Javascript

收藏 評論

walkerxu 頭像

WalkerXu - Android P新的圖片格式 HEIF 調研

HEIF HEIF是什麼？ HEIF format features？ HEIF優缺點，商業價值？ Nokia HEIF? Android P對HEIF的支持情況？ IOS對HEIF的支持情況？ 兼容性問題？ HEIF是什麼？ HEIF是一個新的圖片格式 不同於jpeg的是，heif是容器和編碼分開的，編碼可以是hevc,h264,vpx等（解碼一樣），

圖片 , 圖片處理 , 圖片存儲

收藏 評論

hileix 頭像

hileix - 通過面試題學前端（一）parseInt

前言 最近無意中發現了一道前端面試題： [1, 2, 3].map(parseInt) 一想，答案不是 [1, 2, 3] 嘛。但在 chrome 控制枱下運行一下，返回的卻是 [1, NaN, NaN]。 這是怎麼回事呢？讓我們來看看 map() 和 parseInt() 方法的詳細用法。 map map(callback, [thisArg]) 方法： 接受一個回調函數 callback，

面試 , javascript專題系列 , Javascript

收藏 評論

leetesla 頭像

leetesla - 計算機知識體系

1.計算機組成 《計算機組成：結構化方法》 《計算機體系結構：量化研究方法（第5版）》 《計算機組成與設計：硬件/軟件接口（原書第5版）》 2.操作系統 《操作系統真相還原》 《UNIX環境高級編程（第3版）》 3.彙編 《彙編語言》王爽 《彙編語言：基於x86處理器（原書第7版）》 4.C語言 《計算機科學叢書：C程序設計語言（第2版·新版）》 《c和指針》 5.編譯原理 《現代編譯原理 C語言

知識體系

收藏 評論

chengxuyuanxiaohui 頭像

愛編碼的coder - 簡析TCP的三次握手與四次分手

TCP是什麼？ 具體的關於TCP是什麼，我不打算詳細的説了；當你看到這篇文章時，我想你也知道TCP的概念了，想要更深入的瞭解TCP的工作，我們就繼續。它只是一個超級麻煩的協議，而它又是互聯網的基礎，也是每個程序員必備的基本功。首先來看看OSI的七層模型： 我們需要知道TCP工作在網絡OSI的七層模型中的第四層——Transport層，IP在第三層——Network層，ARP在第二層——Data

tcp , tcp-ip , javascript原型 , JAVA

收藏 評論

liugongzi 頭像

柳公子 - 深入剖析 Web 服務器與 PHP 應用之間的通信機制 - 掌握 CGI 和 FastCGI 協議的運行原理

本文首發於 深入剖析 Web 服務器與 PHP 應用之間的通信機制 - 掌握 CGI 和 FastCGI 協議的運行原理，轉載請註明出處！ 身為一名使用 PHP 語言開發後端服務的程序猿，我們每天都和 PHP 以及 Web 服務器產生無數次的親密接觸。得益於它們，我們才能夠如此快速的構建出令人陶醉的 Web 產品。 儘管我們已經和 Web 服務器和 PHP 建立起深厚的友誼，但你知道它們之間為何能

php , php-fpm , protocol , cgi , fastcgi

收藏 評論

399 頭像

399 - 【叢林】HTML Table 表格淺談（邊框、隔行變色

此例子已經包含本文大部分內容，請對照參考。查看代碼 》 定義和用法 table標籤定義 HTML 表格。 創建表格的四要素：table、tr、th、td table 整個表格以table標記開始、/table標記結束。 tr Table row。表格的一行，有幾對 tr 表格就有幾行。 td Table data。表格的一個單元格，一行中包含幾對 td ，一行中就有幾列。 th Table he

表格 , css3 , css選擇器 , Css , HTML

收藏 評論