博客 RSS 訂閱

yuqibin 頭像

吃葡萄不吐番茄皮 - 【前端性能優化】高性能JavaScript整理總結

高性能JavaScript整理總結 關於前端性能優化：首先想到的是雅虎軍規34條 然後最近看了《高性能JavaScript》 大概的把書中提到大部分知識梳理了下並加上部分個人理解 這本書有參考雅虎特別性能小組的研究成果，所以跟34 軍規有很多相似之處 有不當之處請在評論區指正，感謝~ 約定：很多單詞語法都是簡寫比如doc指document，點點點代表不重要代碼省略，碼字不易

chrome , javascript性能 , HTML , html5 , Javascript

收藏 評論

whidy 頭像

whidy - Wordpress博客遷移至Jekyll過程總結

想來想去還是想試試把我的博客轉成Jekyll, 一方面為了git管理, 另一方面實在是感覺請求過多速度太慢, 可改造性太差. 經過遷移後, 默認主題, 速度槓槓的, 顯示時間不到500ms哦~ 安裝Jekyll 本文在CentOS7環境下操作. 環境需要 Ruby RubyGems NodeJS Python 2.7(Whidy比較懶, 貌似CentOS7自帶? 還是啥時候裝了,

wordpress , ruby , jekyll , Linux , Nginx

收藏 評論

yinguangyao 頭像

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤（空格分隔）： underscore 本文是underscore源碼剖析系列第六篇文章，上節我們介紹了throttle節流函數的實現，這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下，為了防止函數的頻繁調用，將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

收藏 評論

yinguangyao 頭像

尹光耀 - underscore數組遍歷函數分析（一）

這是underscore源碼剖析系列第三篇文章，主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了，這兩個方法一般接收三個參數，分別是數組/對象、函數、上下文。 // iteratee函數有三個參數，分別是item、index、array或者value、

underscore , 前端 , Javascript

收藏 評論

yinguangyao 頭像

尹光耀 - underscore源碼分析之基礎方法

underscore源碼分析之基礎方法 本文是underscore源碼剖析系列的第二篇，主要介紹underscore中一些基礎方法的實現。 mixin 在上篇文章underscore整體架構分析中，我們講過_上面的方法有兩種掛載方式，一個是掛載到_構造函數上以_.map(arr)的形式直接調用（在後文上統稱構造函數調用），另一種則是掛到_.prototype上以_(arr).map()的形式被實

underscore , 前端 , Javascript

收藏 評論

yinguangyao 頭像

尹光耀 - underscore源碼剖析之整體架構

underscore源碼分析之整體架構 最近打算好好看看underscore源碼，一個是因為自己確實水平不夠，另一個是underscore源碼比較簡單，比較易讀。 本系列打算對underscore1.8.3中關鍵函數源碼進行分析，希望做到最詳細的源碼分析。 今天是underscore源碼剖析系列第一篇，主要對underscore整體架構和基礎函數進行分析。 基礎模塊 首先，我們先來簡

underscore , 前端 , Javascript

收藏 評論

woshishuaishuaideyumi 頭像

我是帥帥的玉米 - 基於GitHub Pages+Jekyll搭建個人博客

看到很多大神們都有自己的個人網站，覺得很高大上，於是我就懷着巨強的好奇心去看各種教程和各種例子，總算了解其中的規則，然後就試着自己搭建了一個自己的網站，在折騰了兩三天後總算把自己的網站搞起來了，很不容易，下面我大致給大家介紹下我的搭建過程，但是具體我沒細講，每種環境的安裝百度都可以搜索到很詳細的教程，我只是在這給大家列舉過程中需要注意到的點。 一、概述 Jekyll 基於Ruby的靜態網頁生成

jekyll

收藏 評論

summerblue 頭像

summerblue - PHP 5.6,7.0,7.1,7.2 和 HHVM 運行效率比較

我們每年都會嘗試深入瞭解不同版本的 PHP 和 HHVM 在各種平台的性能基準。 今年，我們全面對 20 種不同平台/配置中的四種不同的 PHP 引擎和 HHVM 進行了基準測試; 包括 WordPress，Drupal，Joomla！，Laravel，Symfony 等。 我們還測試了流行的電子商務解決方案，如 WooCommerce，Easy Digital Downloads，Magent

wordpress , php , laravel , symfony

收藏 評論

devil_5931bede13754 頭像

Geekrun - python:記一次簡單的模擬flask和cgi服務器

最近web服務器知識，中間懶癌犯了，斷了一兩天後思路有點接不上來，手頭上也有其他事情要做，先簡單的總結下學習進度，很多重要的功能都沒跑通，目前flask只是簡單實現路由分顯示不同的結果，cgi可以根據不同的靜態資源或者py腳本文件路徑顯示不同的結果。目前來説文章亮點就是解耦做的還行，有一定的可擴展性 簡單的仿flask實現路由分發 from wsgiref.simple_server import

cgi , wsgi , Python

收藏 評論

zwkang 頭像

ZWkang - underscore 0.1.0版本源碼閲讀

前言 這篇文章是為之後的underscore現版本的源碼做鋪墊，先感受下最先版本 0.1.0版本足夠小 這個版本已經有將近小10年的歷史了 還是有一些不錯的地方。 0.1.0版本源碼分析 // Underscore.js // (c) 2009 Jeremy Ashkenas, DocumentCloud Inc. // Underscore is freely distribu

underscore , Javascript

收藏 評論

liusaint1992 頭像

liusaint1992 - 前端性能優化小結

http優化，加大併發，減少請求數量以及傳輸量 domain hash技術突破併發限制。http1.x瀏覽器對於發起的連接有併發限制，這個限制是針對域名的，所以將靜態資源放在多個不同的域名下，也可以突破這個限制。但是也不宜使用太多域名。會增加額外的dns解析成本。 合理使用http頭。使用expires,cache-control,Etags等http頭緩存靜態資源。這篇文章介紹的很詳

前端性能優化 , web性能優化

收藏 評論

116263 頭像

前端胖頭魚 - 如何實現swipe、tap、longTap等自定義事件

前言 移動端原生支持touchstart、touchmove、touchend等事件，但是在平常業務中我們經常需要使用swipe、tap、doubleTap、longTap等事件去實現想要的效果，對於這種自定義事件他們底層是如何實現的呢？讓我們從Zepto.js的touch模塊去分析其原理。您也可以直接查看touch.js源碼註釋 源碼倉庫 原文鏈接 事件簡述 Zepto的touch模

zepto , jquery , html5 , Javascript

收藏 評論

gaoshu883 頭像

gaoshu883 - Web性能優化系列之一工具篇

WEB性能優化，是前端不可避免的問題，值得拿來好好思考一番，然後搞明白： 為什麼需要考慮這個問題 如何去衡量這個問題 如何解決這個問題 每個人都有自己的對問題的思考方式和路徑，今天不妨就按照我的思路走一走吧。 雖然，這篇文章的標題突出的是工具，但具體闡述這個問題之前，先回答：為什麼需要考慮這個問題？答案，因為WEB性能差，用户體驗差... 為了提高面對WEB應用時的用户體驗，我們決定對W

web性能優化

收藏 評論

taoqun 頭像

Taoqun - vue 使用Jade模板寫html，stylus寫css

vue 使用Jade模板寫html，stylus寫css 日常工作都是使用vue開發頁面和webApp,寫的多了就想偷懶簡化各種書寫方式，所以使用了jade寫html，stylus寫css，省了很多的步驟和提高了效率。 安裝包 // 安裝jade包 npm install jade jade-loader --save-dev // 如果使用vue-cli構建項目，則不需要安裝stylus相關的包

jade , vue.js , Css , HTML , Javascript

收藏 評論

xiaoyusmd 頭像

東哥起飛 - 爬蟲模擬登錄—OAUTH的詳解

作者：xiaoyu 微信公眾號：Python數據科學 知乎：python數據分析師 解讀爬蟲中HTTP的秘密（基礎篇） 解讀爬蟲中HTTP的秘密（高階篇） Python爬蟲之模擬登錄京東商城 前兩篇分享了HTTP的基本概念和高級用法，以及京東模擬登錄的實戰內容。本篇博主將會繼續與大家分享HTTP中的另一個有趣內容：OAUTH，它也是在爬蟲的模擬登錄中可能會用到的，下

oauth2.0 , 微博 , 模擬登錄 , python爬蟲

收藏 評論

chenhengjian 頭像

小小心 - php中Generator的執行過程

説到php中的Generator（生成器），有人可能會想到協程，這裏我們先不説php如何實現協程，我們探究下Generator的執行過程。 Generator是通過yield實現，yield 關鍵字是php5.5版本推出的一個特性。 首先，看下面的代碼： function gen(){ 　　while(true){

php , yield

收藏 評論

supercds 頭像

依韻_宵音 - 週報小系統，支持導出和郵件提醒

This just is a README. 使用 Vue + LeanCloud 開發的一個週報系統，純前端實現。 並利用 LeanCloud 提供的雲引擎服務實現在週五給全員發送郵件提醒填寫週報，週六週日分別再次對未填人員發送郵件進行填寫提醒。 基本配置 LeanCloud 應用配置 前往 LeanCloud 新增應用。 並導入 /appSchema/ 下的 schema 修改 src/co

vue.js , node.js , php , leancloud , Javascript

收藏 評論

rui0908 頭像

瑞0908 - Scrapy 框架入門簡介

Scrapy 框架 Scrapy是用純Python實現一個為了爬取網站數據、提取結構性數據而編寫的應用框架，用途非常廣泛。 框架的力量，用户只需要定製開發幾個模塊就可以輕鬆的實現一個爬蟲，用來抓取網頁內容以及各種圖片，非常之方便。 Scrapy 使用了 Twisted'twɪstɪd異步網絡框架來處理網絡通訊，可以加快我們的下載速度，不用自己去實現異步框架，並且包含了各種中間件接口，可以靈活的完成

網頁爬蟲 , yield , scrapy , Python

收藏 評論

liyl1993 頭像

wayneli - 【JS基礎】Object 對象的原型概念詳解

對象概念 在 javascript 中, 一切引用類型均為對象。 如 function Foo () {} 中，Foo本身就是一個對象的引用。 創建對象方式 字面量方式 new 構造函數 函數聲明 Object.create 字面量對象 javascript語言級別快速創建對象的實例 var obj = {foo: 'foo', bar: 'bar'}; // Object對象字

javascript原型 , 前端 , Javascript

收藏 評論

yayu 頭像

冴羽 - underscore 系列之實現一個模板引擎(下)

前言 本篇接着上篇 underscore 系列之實現一個模板引擎(上)。 鑑於本篇涉及的知識點太多，我們先來介紹下會用到的知識點。 反斜槓的作用 var txt = "We are the so-called "Vikings" from the north." console.log(txt); 我們的本意是想打印帶 "" 包裹的 Vikings 字符串，但是在 JavaScript 中，字符串

underscore系列 , 模板引擎 , underscore , Javascript

收藏 評論

bupthly 頭像

bupthly - 小而美的backbone

本文已同步在我的博客 在這個react和vue如日中天、jquery逐漸被大家拋棄的年代，我還是想要來説一説backbone。 16年6月初，在沒有任何前端框架使用經驗、js水平也較一般的情況下，被告知需要在幾個工作日內搭建完成一個後台管理系統，沒有頁面設計稿、沒有組件庫，一切都是從零開始。當時面臨兩個選擇，backbone和react。雖然我很希望能夠拿react來練手，但是考慮到學習成本和項目

backbone , Javascript

收藏 評論

fizz 頭像

fizz - php開發者快速上手go之使用gorose orm

最近迷戀上了go語言, 對go有種特別的好感. 可是, 由於之前做了很久的php開發, 剛開始用go做web開發有點不太習慣, 也許是之前的 laravel 框架的 eloquent orm過於好用, 所以, 導致了使用go做web開發的各種不適應. 於是, 想着找一個類似的orm用用, 找遍了go生態圈, 發現了很多知名的 go orm, 諸如: gorm, xorm, sqlx等,

orm , php , laravel , eloquent , go

收藏 評論

bestvist 頭像

bestvist - Skeleton Screen -- 骨架屏

用户體驗一直是前端開發需要考慮的重要部分，在數據請求時常見到鎖屏的loading動畫，而現在越來越多的產品傾向於使用Skeleton Screen Loading(骨架屏)替代，以優化用户體驗。 原文鏈接 Skeleton Screen Skeleton Screen(骨架屏)就是在頁面數據尚未加載前先給用户展示出頁面的大致結構，直到請求數據返回後再渲染頁面，補充進需要顯示的數據內容。常用於文章列

前端優化 , Css , htm

收藏 評論

smile_58bd2c1f62ea0 頭像

smile_58bd2c1f62ea0 - angular1配合gulp和bower使用

一 安裝gulp和bower gulp安裝: npm install -g gulp bower安裝: npm install -g bower ==注：== angularjs的一些包文件我們是通過bower來管理的 二 bower使用 使用bower初始化一個項目: bower init 填寫工程名，描述等等那些東西 安裝angularjs：bower install --save a

gulp , angularjs , bower , Javascript

收藏 評論