博客 RSS 訂閱

minnanitkong 頭像

王大冶 - Web 性能優化：理解及使用 JavaScript 緩存

阿里雲最近在做活動，低至2折，有興趣可以看看： https://promotion.aliyun.com/... 為了保證的可讀性，本文采用意譯而非直譯。 這是 Web 性能優化的第 5 篇，上一篇在下面看點擊查看： Web 性能優化：使用 Webpack 分離數據的正確方法 Web 性能優化：圖片優化讓網站大小減少 62% Web 性能優化：緩存 React 事件來提高性能

web性能優化 , 程序員 , 前端 , Javascript

收藏 評論

shengezhuazi 頭像

伸個爪子 - Mui實現下拉刷新

mui.init({ pullRefresh : { container:"#refreshContainer",//下拉刷新容器標識，querySelector能定位的css選擇器均可，比如：id、.class等 down : { height:50,//可選,默認50.觸發下拉刷新拖動距離,

mui

收藏 評論

qianduanlangzi_5881b7a7d77f0 頭像

SmartCoder - 柯里化理解與JS實現

什麼是柯里化 嚴格來説一個函數只有一個參數，將具有多個參數的函數轉換為單參數函數鏈的方式，這就是currying。後來演變成支持不定參數的函數鏈的形式流行起來。 // 在JS中可以常見這樣調用方式 add(1)(2)(3) // 6 add() // 輸出結果 6 // 或者 add(1)(2)(3)() === 6 // 或者 add(1) add(2) add(3) add() === 6

currying , Javascript

收藏 評論

blue_5981ae6796ee7 頭像

blue_5981ae6796ee7 - Ubuntu16.04安裝MySql8.0

一、通過APT方式安裝 【注意】通過APT方式安裝的版本都是現在最新的版本。通過這種方式安裝好之後開機自啓動都已經配置好，和命令行上的環境變量，無需手動配置。 1.1 下載官方提供的mysql-apt-config.deb包 下載官方提供的mysql-apt-config.deb包進行APT源設置，下載地址：https://dev.mysql.com/downloa... 1.2 安裝de

MySQL , ubuntu16.04

收藏 評論

chor 頭像

Chor - <譯>創建一個Hexo主題-Part1:首頁

前言： 本系列文章翻譯自@Jonathan Klughertz的博客，將會用三篇文章的篇幅詳細講解如何製作一個Hexo主題。 我不是學翻譯出身，若有翻譯錯誤或是不到位之處，請指正。 在這個系列教程中，你將學習怎麼從零開始製作一個Hexo主題。我很喜歡Hexo，並且每天都在使用，不幸的是，直到今天關於主題製作的文檔還是相當稀缺。所以我打算彌補這個空缺。 預先準備 Hexo博客的基礎

hexo , ejs , HTML

收藏 評論

beleveme 頭像

beleveme - (唯一合適) PDO 教程

PDO是什麼 首先思考, 為什麼選擇PDO PDO 是一個數據訪問抽象層(Database Access Abstraction Layer). 抽象是雙重的: 一個是眾所周知但不太重要的. 另一個是模糊的但是是最重要的. 眾所周知 PDO 為不同的數據庫提供了統一的接口. 雖然這個功能本身很龐大, 但是對於固定程序來説不是過於重要的事情, 基本所有的程序都是使用統一的後端數據庫. 儘管有一

pdo , php

收藏 評論

scherman 頭像

scherman - Angular/Ionic安裝配置彙總

一、NodeJS Angular和Cordova/Ionic都使用cli工具開發，因此必須先安裝最新版本的NodeJS。NodeJS裏面包含npm包管理器，而Angular/Ionic本身和程序依賴的庫和框架都是npm包，要進行Angular/Ionic開發首先需要安裝npm包管理器。 NodeJS的官網下載頁：https://nodejs.org/en/download/ 安裝NodeJS的時候

angular5 , ionicframework , npm

收藏 評論

donald_5c1216a7656d5 頭像

Donald - Linux基金會開源領袖峯會2019年幻燈片（pdf）

Linux基金會舉辦的開源領袖峯會（Open Source Leadership Summit）是一個親密的、僅限邀請的活動，促進了開放技術開發領域的領先項目和企業之間的創新、發展和合作關係。對於希望推進開源策略、實施和投資的業務和技術領導者來説，這是必須參加的。與會者包括： 使用開源軟件並與業內其他人共享研發的組織的高管、業務和開源項目辦公室負責人 負責組織內關鍵項目或開源策略的技術負責

開源協議 , 開源軟件 , 開源硬件 , 開源 , 開源項目介紹

收藏 評論

minnanitkong 頭像

王大冶 - Web 性能優化：21種優化CSS和加快網站速度的方法

阿里雲最近在做活動，低至2折，有興趣可以看看： https://promotion.aliyun.com/... 為了保證的可讀性，本文采用意譯而非直譯。 這是 Web 性能優化的第 4 篇，上一篇在下面看點擊查看： Web 性能優化：使用 Webpack 分離數據的正確方法 Web 性能優化：圖片優化讓網站大小減少 62% Web 性能優化：緩存 React 事件來提高性能

web性能優化 , Css , 程序員 , 前端 , Javascript

收藏 評論

xuriliang 頭像

xuriliang - JS基礎——高階函數

定義 高階函數是至少滿足下面一個條件的函數： 1、接收一個或多個函數作為參數。比如filter函數 2、返回一個函數。 比如bind函數 舉個例子：比如我們要篩數組[1,2,3,4,5]中大於3的所有元素，我們通常的實現方法為： let newArr = []; for(let i = 0,len = arr.length; i len; i++){ arr[i] 3

函數式編程 , 高階函數 , currying , Javascript

收藏 評論

mashubumaopao 頭像

冒泡的馬樹 - 藉助詩詞API和微博圖牀搭建自動發圖文微博機器人

​ 在2011年的時候，浙大的一位博士生藉助微博的開放平台為他實驗室的一台飲水機弄了個微博，名喚@浙大CCNT實驗室飲水機，俗稱“飲水機娘“。當年這條新聞給自己留下了挺大的印象，也一直對這個微博賬號可以自動發微博背後的機理感到十分憧憬。一晃，時間都來到了2019年了~~ ​ 咳咳——在鑽研不少技術文章以及對技術派網友的多多請教後，自己終於也搗弄了一個自動發微博的機器人(￣︶￣)↗ ​ 此微博機器人

微博 , php

收藏 評論

zhehuaxuan 頭像

zhehuaxuan - 跟underscore一起學如何寫函數庫

原文：https://zhehuaxuan.github.io/... 作者：zhehuaxuan 目的 Underscore 是一個 JavaScript 工具庫，它提供了一整套函數式編程的實用功能，但是沒有擴展任何 JavaScript 內置對象。 本文主要梳理underscore內部的函數組織與調用邏輯的方式和思想。 通過這篇文章，我們可以： 瞭解underscore在函數組

underscore , Javascript

收藏 評論

zhehuaxuan 頭像

zhehuaxuan - JavaScript進階之模擬call,apply和bind

原文：https://zhehuaxuan.github.io/... 作者：zhehuaxuan 目的 本文主要用於理解和掌握call，apply和bind的使用和原理，本文適用於對它們的用法不是很熟悉，或者想搞清楚它們原理的童鞋。 好，那我們開始！ 在JavaScript中有三種方式來改變this的作用域call，apply和bind。我們先來看看它們是怎麼用的，只有知

call , apply , bind , Javascript

收藏 評論

chendongyuan 頭像

陳東民 - webpack loader和plugin

適用webpack3。 loader loader主要用於預處理源文件，類似於構建工具中的任務概念 開始一段簡單的loader編寫 編寫一段js代碼，如 function loader (source) { var self = this; return source.replace(/div(.*?)/, function (str) { var value = co

webpack3

收藏 評論

minnanitkong 頭像

王大冶 - Web 性能優化： 使用 React.memo() 提高 React 組件性能

想閲讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等着你！ 這是 Web 性能優化的第四篇，之前的可以在下面點擊查看： Web 性能優化： 使用 Webpack 分離數據的正確方法 Web 性能優化： 圖片優化讓網站大小減少 62% Web 性能優化： 緩存 React 事件來提高性能 React.js 核心團隊一直在努力使 React 變得更快，就像燃燒的速度一樣。為了讓開

react , web性能優化 , 程序員 , 前端

收藏 評論

qingcongshidaizhangdongdong 頭像

鍵筆刀 - MVP應用架構模式

最近通過《Android源碼設計模式解析與實戰》對MVP應用架構進行了瞭解，摘其重點記錄於此。 MVP簡介 MVP模式全稱Model View Presenter。能： 1.有效地降低View複雜性，避免業務邏輯被塞進View中； 2.解除View與Model的耦合，保證了系統的整潔性、靈活性。 理想化的MVP模式可以實現同一份邏輯代碼搭配不同的顯示頁面，因為它們之間並不依賴於具體（c

mvp , Android

收藏 評論

labuladuoladeduo 頭像

拉布拉多拉的多 - 填坑之PHP的yield和協程在一起的日子裏（二）

首先是，這是我第一次把公眾號文章複製粘貼到sf.gg來。 其次是，很久很久之前，我挖了一個yield的一個坑，自己挖的坑自己填，不然遲早會把自己埋掉。 最後是，如果想看之前那個坑，請發送“yield”給文章末尾的公眾號，我開通了高大上的自動回覆功能，稀罕地不得了！ PS：那篇文章中在最後我犯了一個錯誤，誤下了一個結論：foreach中不能使用send並猜測這是PHP的bug，實際上並不是，真實的原

並行 , php , yield , 協程

收藏 評論

labuladuoladeduo 頭像

拉布拉多拉的多 - PHP的yield是個什麼玩意（一）

其實，我並不是因為迭代或者生成器或者研究PHP手冊才認識的yield，要不是協程，我到現在也不知道PHP中還有yield這麼個鬼東西。人家這個東西是從PHP 5.5就開始引入了，官方名稱叫做生成器。你要説為什麼5.5年代的東西，現在才拿出來。我還想問你喲，PHP 5.3就有了的namespace為毛到最近這幾年才開始正式投產。 那麼，問題來了，這東西到底是有何用？ 先來感受一個問題，給你100Kb

php , yield , 協程

收藏 評論

qianduanzhizhi 頭像

前端知知 - 聊一聊如何做監控——cgi監控

某產品: “哎呀，這個功能怎麼用不了呀”；然後某前端和某後台開始定位問題，然後發現是後台接口返回錯誤，某前端：“沒我啥事，虛驚一場 o_O”，後面如此往復，導致某前端不經感嘆：“要是有能發現是否是後台接口問題的告警就好了，一目瞭然，再也不用一起折騰”。筆者可以開心的告訴某前端：這正是這篇文章的主題：如何做cgi監控。 cgi監控的意義 保證一個項目的質量，全面的測試時必要的；但是也不能保證萬無一失

cgi , xhr

收藏 評論

tangcy 頭像

Bohr - PHP細節：foreach、（漢子）字符串反轉、isset，empty用法區別以及0、‘’、null之間關係

一、foreach 第一題： //1.for循環執行幾次 //for($i=0;$i=1;$i++){ // echo $i; //} $i==1條件很成立，死循環 for($i=0;$i==1;$i++){ echo $i; } 由於條件$i==1條件不成立，所以for循環不執行 第二題： class SomeClass { private $properties =

foreach , php , 引用傳遞 , 細節 , 字符串處理

收藏 評論

opengps 頭像

opengps - 網站從小到大發展過程

網站，很多it行業的人都瞭解。 網站的成長過程，卻是很多it行業人士並不理解的過程，往往還有人調侃：做個淘寶網多少錢？本文將逐步講述網站的成長過程。講述網站的訪問量從0到1，從1到100，從100到1000，從1000到1000000+的過程。 靜態網站 這是所有網站的起步階段，幾乎只有幾個頁面，固定的html代碼。部分網站是由程序員偷懶直接創建，可能會繞過這個環節。 這時候往往使用虛擬主機發布。

網站架構 , 網站部署 , 網站建設

收藏 評論

minnanitkong 頭像

王大冶 - Web 性能優化： 圖片優化讓網站大小減少 62%

阿里雲最近在做活動，低至2折，有興趣可以看看： https://promotion.aliyun.com/... 為了保證的可讀性，本文采用意譯而非直譯。 這是 Web 性能優化的第二篇，上一篇在下面看點擊查看： Web 性能優化： 使用 Webpack 分離數據的正確方法 圖像是web上提供的最基本的內容類型之一。他們説一張圖片勝過千言萬語。但是如果你不小心的話，圖片大小有時

圖片處理 , web性能優化 , 程序員 , 前端

收藏 評論

bigxia 頭像

BigXia - FastCGI 在 PHP 與 Nginx 間起什麼作用？

一：什麼是 CGI？ 服務器端編程語言如（如php/java）與Web服務器之間傳遞信息的協議，約定了http頭、表單等信息的傳遞接口； 二：FastCGI 是什麼？ 本質上是協議，升級版的 CGI，回到題目，起什麼作用，規範作用，所有協議的作用都是規範。 注意不是進程，Nginx 根據此協議拓展了一個模塊，也叫FastCGI，但是重要的話説三遍， FastCGI 與 CG

php , web服務器

收藏 評論