博客 RSS 訂閱

juan26 - 從前端小白到中高級前端需要掌握的技能總結(1)

這篇文章是因為之前看過一篇文章,總結了一些技能,但是並不詳細,之後陸續還會有新的文章。 事件模型 js中有兩種事件,DOM0和DOM2. DOM0 DOM0事件很簡單,就是在dom上綁定事件,代碼如下 document.getElementById('click').onclick = function(){ console.log('123') } 解除綁定很簡單,賦值為nu

技能樹 , 小白 , 進階 , 前端

收藏 評論

端端 - You-Dont-Need : 你不需要系列

1 You-Dont-Need-JavaScript CSS是強大的,你可以做很多事情沒有JS。 本文教你使用原生CSS做下面的事情。 內容目錄 手風琴/切換 圓盤傳送帶 檢查複選框的計數器 翻轉點擊 Textfield上的浮動標籤 字體(拉丁) 遊戲 懸停/彈出信息 圖片廊 菜單 移動菜單關閉畫布 漢堡菜單 花式菜單 莫代爾/彈出 鼠標跟蹤 視差滾動 標

node.js , lodash , Css , underscore , Javascript

收藏 評論

端端 - 回首2017: 你其實是一個收集貝殼的孩子

我不知道世上的人對我怎樣評價。我卻這樣認為:我好像是在海上玩耍,時而發現了一個光滑的石子兒,時而發現一個美麗的貝殼而為之高興的孩子。儘管如此,那真理的海洋還神秘地展現在我們面前。—— 牛頓 github也像是一片海海,2017年,我大約從這篇海中撿了200多個彩色的貝殼。在年底之前,挑一些精緻美麗的貝殼,分享出來。 1 docsify:想讓你的文檔擁有Vue官方文檔一樣的顏值嗎? 我喜歡Vue的

chrome , github , node.js , htm , Javascript

收藏 評論

hellolvs - python實現網頁截屏、查庫、發郵件(selenium、phantomjs、mailer、jinja2、mysqldb)

使用python(2.7)實現網頁截屏、查庫、發郵件的demo。用到了selenium、phantomjs、mailer、jinja2、mysqldb還有image,都是比較典型的用法,可複用性比較強,記錄分享一下。 本demo是用於發週報郵件的,週報內容包括數據庫中的記錄以及網頁指定元素的截屏。linux中可以用crontab每週定時發送。需要發類似週報的同學這下輕鬆了! 代碼 直接看代碼吧,用

mail , jinja2 , phantomjs , selenium , Python

收藏 評論

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

前言 underscore 提供了模板引擎的功能,舉個例子: var tpl = "hello: %= name %"; var compiled = _.template(tpl); compiled({name: 'Kevin'}); // "hello: Kevin" 感覺好像沒有什麼強大的地方,再來舉個例子: 在 HTML 文件中: ul id="name_list"/ul scrip

underscore系列 , underscore , Javascript

收藏 評論

KevinHuang - 構建Docker鏡像兩種方式的比較-Dockerfile方式和S2I方式

前言 寫Dockerfile是構建Docker鏡像最通常的方式,接觸過Docker的童鞋多少了解一些。前段時間研究OpenShift(paas的一種),發現了另外一種構建Docker鏡像的方式:S2I。 S2I介紹 S2I是Source-to-Image的縮寫。 S2I是一套工具包和工作流程,用於從源代碼構建重複性Docker鏡像。 S2I是一個框架,它使寫鏡像變得簡單。它把程序源代碼作為輸入,生

paas , openshift , Docker

收藏 評論

安小下同學 - 【譯】如何使用PHP快速構建命令行應用程序

原文地址:How to build a Command Line Application using PHP? 如果你是一名Web開發工程師,那麼你一定使用PHP開發過很多Web應用程序。但是你知道如何使用PHP快速構建一個命令行應用程序(工具)嗎?下面我將向您展示如何使用PHP和一個著名的的Composer擴展包--Symphony/Console構建一個命令行應用。 Symphony/Cons

console , php , laravel , symfony

收藏 評論

henry_chen - 使用 webpack 引用 zepto

作者:陳家賓 日期:2017-12-15 背景 由於 zepto 庫本身不支持 CommonJs 規範,不支持 import/export,所以不能直接以 import 的形式引入,所以這裏需要做一些特殊處理 處理方法 方法一:引用 zepto-webpack 庫 安裝 npm i -D zepto-webpack 引用 import $ from 'zepto'

zepto , webpack

收藏 評論

冴羽 - underscore 系列之防衝突與 Utility Functions

防衝突 underscore 使用 _ 作為函數的掛載對象,如果頁面中已經存在了 _ 對象,underscore 就會覆蓋該對象,舉個例子: var _ = {value: 1 } // 引入 underscore 後 console.log(_.value); // undefined 所以 underscore 提供了 noConflict 功能,可以放棄 underscore 的控制變量

underscore系列 , underscore , Javascript

收藏 評論

oneday - underscore源碼解讀系列之一--underscore的一些工具函數

首先看一些在object塊定義的常用的類型判斷函數。 _.isElement(object) _.isElement = function(obj) { return !!(obj obj.nodeType === 1); }; nodeType相關知識點: 節點類型 描述 名稱 1 Element 元素 ELEM

underscore

收藏 評論

冴羽 - underscore 系列之內部函數 restArgs

partial 在《 JavaScript 專題之偏函數》中,我們寫了一個 partial 函數,用來固定函數的部分參數,實現代碼如下: // 這是文章中的第一版 function partial(fn) { var args = [].slice.call(arguments, 1); return function() { var newArgs = args.

underscore系列 , underscore , Javascript

收藏 評論

圖靈訪談 - Hulu(北京)推薦算法負責人周涵寧:怎樣應對基於深度學習的視頻推薦系統

本文僅用於學習和交流目的,不得用於商業目的。非商業轉載請註明作譯者、出處,並保留本文的原始鏈接:http://www.ituring.com.cn/art... 周涵寧,本科畢業於清華大學自動化系,於美國伊利諾伊大學香檳分校獲得計算機視覺領域博士學位。 曾擔任富士施樂硅谷研究中心研究員、亞馬遜總部高級技術經理、盛大創新院資深研究員兼產品經理、智谷研發VP和寶寶樹的CTO等。 現任Hulu北

推薦系統 , 算法 , 圖靈訪談 , 視頻直播 , 深度學習

收藏 評論

圖靈訪談 - 《Lua設計與實現》的作者codedump:學習也要講究性價比

本文僅用於學習和交流目的,不得用於商業目的。非商業轉載請註明作譯者、出處,並保留本文的原始鏈接:http://www.ituring.com.cn/art... 導讀: 訪談之前,我曾多次央求codedump給我一張照片,用於簡介部分的介紹。如他所願,不管是派人偷拍還是全網開搜,我都沒有得到也不可能找到一張照片。所以,就有了這樣一篇沒有嘉賓圖片的訪談文章。 我想,這大概就是技術型人才的“通病

lua , 圖靈訪談 , 成長路徑 , 編譯原理

收藏 評論

jimwmg - seajs源碼分析

1 獻上源碼 /** * Add the capability to load CMD modules in node environment * @author lifesinger@gmail.com */ //node遵循cmd規範,通過require來引入模塊; var fs = require("fs") var path = require("path") var vm = re

seajs

收藏 評論

arenwenqing - 如何通過chrome調試webview的網頁

1.首先確定網絡有沒有被牆調,能訪問谷歌不見得chrome的某些服務沒有被牆,首先ping chrome-devtools-frontend.appspot.com 和 ping chrometophone.appspot.com如果兩者都能ping的通,直接在chrome瀏覽器裏輸入chrome://inspect找到要調試的頁面就好 2.如果上述兩個網址ping不通我們要進行如下操作 (

actionscript , html5 , Javascript

收藏 評論

紙牌屋弗蘭克 - PHP-FPM,Nginx,FastCGI 之間的關係

本文介紹 PHP-FPM,Nginx,FastCGI 三者之間的關係,以及 Nginx 反向代理和負載均衡的配置。 PHP-FPM,Nginx,FastCGI 之間的關係 FastCGI 是一個協議,它是應用程序和 WEB 服務器連接的橋樑。Nginx 並不能直接與 PHP-FPM 通信,而是將請求通過 FastCGI 交給 PHP-FPM 處理。 location ~ \.php$ {

php-fpm , Nginx , cgi , fpm , fastcgi

收藏 評論

KingMario - LeanCloud帶圖形校驗碼的短信發送Vue組件開發

有15萬開發者使用LeanCloud服務,其中不乏知乎、懂球帝、愛範兒、拉卡拉等知名應用,LeanCloud提供了數據存儲、即時消息……等一站式服務,並從常用的用户管理需求出發,提供了郵箱驗證、短信驗證……等用户賬户相關的服務。 為防止攻擊者惡意發送海量短信造成用户賬户損失並影響正常業務,LeanCloud推出了免費圖形校驗碼服務,並且可以在應用設置中設置“強制短信驗證服務使用圖形校驗碼”。 V

vue.js , leancloud

收藏 評論

前端胖頭魚 - Zepto源碼分析之ie模塊

前言 Zepto中的ie模塊主要是改寫getComputedStyle瀏覽器API,代碼量很少,但也是其重要模塊之一。在看源代碼之前,我們先回顧一下如何使用 getComputedStyle Window.getComputedStyle() 方法給出應用活動樣式表後的元素的所有CSS屬性的值,並解析這些值可能包含的任何基本計算。MDN let style = window.get

zepto , 源碼分析 , jquery , 前端

收藏 評論

mokeyWie - JAVA寫HTTP代理服務器(三)-https明文捕獲

上一篇用netty實現的http代理服務器還無法對https報文進行解密,原因也説了,就是服務器的私鑰不在我們這,根據RSA公鑰加密私鑰解密的特性,如果我們沒有私鑰的話是不可能獲取到https的真實內容的,那有沒有什麼辦法解密https的報文呢,當然有通過代理服務器偽造ssl證書就可以達到目的,那麼具體是什麼原理的,下面一步一步來分析。 https協議 首先來回顧下https協議的ssl握手 簡

HTTP , HTTPS , httproxy , netty , JAVA

收藏 評論

靖哥 - Zepto和jQuery的具體差異

共同點 jQuery: 核心函數$ 作為函數使用(參數) 1.function 2.html字符串 3.DOM code 4.選擇器字符串 作為對象調用(方法) $.ajax() $.get() $.post() $.isArray() $.each() $.isFunction() $.trim()

zepto

收藏 評論

mokeyWie - JAVA寫HTTP代理服務器(二)-netty實現

接上一篇,因為是用BIO的一個連接一個線程去處理,對於HTTP這種短連接協議來説CPU開銷是非常大的,就算加入了線程池也不能完美解決BIO的缺陷,所以可以用NIO進行服務器的優化,NIO基於IO多路複用以實現單線程處理大量連接,但是編寫起來比較複雜,所以就選擇了netty,這裏就不在多敍netty是什麼了。 思路 netty有內置的http編解碼器,那就可以輕易做到不只是轉發原始數據,而是可

HTTP , httproxy , netty , JAVA

收藏 評論

對角另一面 - 讀Zepto源碼之Data模塊

Zepto 的 Data 模塊用來獲取 DOM 節點中的 data-* 屬性的數據,和儲存跟 DOM 相關的數據。 讀 Zepto 源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閲讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 內部方法 attributeData var data = {}, dataAttr =

zepto , data , jquery , Javascript

收藏 評論

developerworks - 容器化應用: 在阿里雲搭建多節點 Openshift 集羣

概述 兩節點集羣做試驗 計算節點要配置的東西比較少, 建議先配置計算節點, 然後切換到 Master 節點慢慢搞. 在阿里雲的美國區(硅谷)開了兩個ECS(按量) Master: 2CPU, 16G內存, CentOS 7.4 64位 Node1: 1CPU, 8G內存, CentOS 7.4 64位 可是, 自定義鏡像能在國內跨區複製, 但是總算藉助米國

openshift

收藏 評論

developerworks - 容器化應用: Openshift 路由拆分實現藍綠部署

路由拆分就是把一個路由的流量按比例, 權重分發到不同的後端服務. 原理和帶權重的負載均衡相同. 如果你使用過阿里雲的SLB, 應該很熟悉了. while true; do curl http://hello-microservice-blue-reactive-microservices.192.168.99.100.nip.io 21; echo ''; sleep 1; done; 示

openshift

收藏 評論