博客 RSS 訂閱

kingmario 頭像

Nov 07 2017

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

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

vue.js , leancloud

116263 頭像

Nov 03 2017

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

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

zepto , 源碼分析 , jquery , 前端

mokeywie 頭像

Nov 03 2017

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

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

HTTP , HTTPS , httproxy , netty , JAVA

jingge 頭像

Nov 02 2017

靖哥 - Zepto和jQuery的具體差異

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

mokeywie 頭像

Nov 02 2017

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

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

HTTP , httproxy , netty , JAVA

hefty 頭像

Oct 24 2017

對角另一面 - 讀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 頭像

Oct 24 2017

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

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

developerworks 頭像

Oct 24 2017

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

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

developerworks 頭像

Oct 24 2017

developerworks - 容器化應用: Minishift 搭建鏡像倉庫的可視化管理控制枱

配置過程下載應用模板 curl -O https://raw.githubusercontent.com/openshift/openshift-ansible/master/roles/openshift_hosted_templates/files/v3.7/origin/registry-console.yaml 使用模板創建服務 oc create -n default -f regi

developerworks 頭像

Oct 23 2017

developerworks - 容器化應用: 從外部訪問Openshift集羣內的MySQL服務

我們知道Openshift容器化平台中, POD有自己的IP地址, 但是它只能在集羣的內部可用. 那如果我要從其他物理計算機通過網絡訪問容器內的MySQL怎麼辦呢? 我想到了Router, 但是, Router 只支持HTTP協議的轉發, 我們要使用TCP. 因此, NodePort出場了! 通過NodePort 這種方式適合長期使用, 對外提供先看看有DC的名稱 ➜ oc get

sunmengyuan 頭像

Oct 23 2017

呆戀小喵 - NodeJS 小工具推薦

初嘗 Node.js 開發，使用到了一些小工具，在此與大家分享。一篇小白出品的小白文，歡迎大神們慷慨指導！首先介紹具體需求：使用 .html 模板根據配置內容生成定製的靜態網頁，這些靜態網頁被部署至 n 台服務器上供訪問。為何要生成大量相似度極高的靜態文件，而非使用數據庫並通過請求渲染模板呢？項目背景如此，不必糾結吐槽，本文重點在於分享幾款實用小工具。 Cheerio 使用 .html 模板

github , node.js , cheerio , pm2 , httproxy

hefty 頭像

Oct 23 2017

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

Form 模塊處理的是表單提交。表單提交包含兩部分，一部分是格式化表單數據，另一部分是觸發 submit 事件，提交表單。讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本本文閲讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 .serializeArray() $.fn.serializeArray =

formdata , zepto , form , jquery , Javascript

developerworks 頭像

Oct 22 2017

developerworks - 容器化應用: Openshift 部署 MySQL數據庫服務: 上篇

創建應用 $ oc new-app \ -e MYSQL_USER=data \ -e MYSQL_PASSWORD=data \ -e MYSQL_DATABASE=data \ -e MYSQL_ROOT_PASSWORD=root centos/mysql-57-centos7 注意: 如果要在CentOS下使用最新的MySQL 5.7版本, 容器鏡像的名稱為centos/mysql-57-

MySQL , openshift

developerworks 頭像

Oct 22 2017

developerworks - 容器化應用: 實驗環境-安裝配置Minishift

虛擬化支持: OS X: xhyve (default), VirtualBox, VMware Fusion GNU/Linux: KVM (default), VirtualBox Windows: Hyper-V (default), VirtualBox 本文所述過程全部在MacOS X環境下完成啓動命令行和參數 $ minishift start --vm-drive

developerworks 頭像

Oct 22 2017

developerworks - 容器化應用: Openshift 客户端命令行 (OC) 自動補全

命令自動補全把自動補全腳本重定向到一個文件 $ oc completion zsh ~/.minishift/zsh_completion 追加到.zshrc文件中(我使用的zsh), 如果是其他shell, 添加到對應的文件中. $ echo ". ~/.minishift/zsh_completion" ~/.zshrc 執行 $ . ~/.zshrc 效果

turing_interview 頭像

Oct 20 2017

圖靈訪談 - 《用數據講故事》作者Cole N. Knaflic：消除一切無效的圖表

本文僅用於學習和交流目的，不得用於商業目的。非商業轉載請註明作譯者、出處，並保留本文的原始鏈接：http://www.ituring.com.cn/art... 編者語：你覺得，下面列出的這些圖表是不是很完美？各種色塊、繁複的數字無不彰顯了製作者的認真、努力。但是，除去當時“這很有趣”的感受，你不會因此產生更多的想法，也不會因此決定某種行為！所以，無一例外，它們全部都是些無效、劣質的圖

圖靈訪談 , 數據可視化 , 數據分析 , 圖表

me_56164ee2e2d15 頭像

Oct 19 2017

一隻小蝸牛 - 搭建gitlab服務

服務器快速搭建gitlab方法可以參考gitlab中文社區的教材中文網：https://www.gitlab.com.cn/ins... 文檔：https://gitlab.com/gitlab-org... 1.什麼是gitlab版本管理太過官方的解釋，隨便百度一下一堆。。。我也Google一下。。 GitLab 是利用 Ruby on Rails 一個開源的版本管理系統，實現

hefty 頭像

Oct 15 2017

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

Stack 模塊為 Zepto 添加了 addSelf 和 end 方法。讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本本文閲讀的源碼為 zepto1.2.0 改寫原有的方法 'filter,add,not,eq,first,last,find,closest,parents,parent,children,siblings'.spl

移動端 , zepto , 源碼分析 , jquery , Javascript

eraitianshi 頭像

Oct 15 2017

倩兒愛甜食 - vue2.0學習筆記（第六講）（bower的安裝與使用、動畫庫animate.css的使用）

一、bower的安裝與使用 bower是一個類似於npm的包管理工具，只不過npm更偏向於後台，而bower更偏向於前端。我們同樣也是需要通過npm的方式來下載bower。我們在cmd當中鍵入命令- npm install bower -g來完成將bower下載安裝到npm的全局目錄下，由於我們之前已經把npm的全局安裝目錄配置到環境變量當中了，故下載完成後，不再需要配置環境變量。之後我們可以在任

vue.js , transition , bower

evaaz 頭像

Oct 13 2017

清蒸不是水煮 - ? SegmentFault 2017 年第三季度 Top Writer

一羣卓越的開發者，他們分享知識與經驗，他們佈道技術未來，他們讓眾多開發者受益，他們叫 Top Writer。在瑟瑟發抖中迎來了秋天，在瑟瑟發抖中簡單回顧下第三季度的 Top Writer 足跡~ 不知 @spencerht 一個季度獲得的 5599 點聲望有多少來自於你的助攻呢？也不知 @守候那篇高收藏之作，是否也被你收入囊中？這些清蒸一無所知，唯一知曉的是，spencerht 在這個季度

segmentfault-top-writer

hefty 頭像

Oct 11 2017

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

fx 模塊提供了 animate 動畫方法，fx_methods 利用 animate 方法，提供一些常用的動畫方法。所以 fx_methods 模塊依賴於 fx 模塊，在引入 fx_methods 前必須引入 fx 模塊。讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本本文閲讀的源碼為 zepto1.2.0 GitBook 《read

animation , zepto , jquery , Javascript

wangyaxi 頭像

Oct 10 2017

曉楠南 - python-函數

函數（一）定義函數你可以定義一個由自己想要功能的函數，以下是簡單的規則：（1）函數代碼塊以def關鍵詞開頭，後接函數標識符名稱和圓括號()。（2）任何傳入參數和自變量必須放在圓括號中間。圓括號之間可以用於定義參數。（3）函數的第一行語句可以選擇性地使用文檔字符串—用於存放函數説明。（4）函數內容以冒號起始，並且縮進。（5）return結束函數

函數 , 匿名函數 , Python

hefty 頭像

Oct 08 2017

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

fx 模塊為利用 CSS3 的過渡和動畫的屬性為 Zepto 提供了動畫的功能，在 fx 模塊中，只做了事件和樣式瀏覽器前綴的補全，沒有做太多的兼容。對於不支持 CSS3 過渡和動畫的， Zepto 的處理也相對簡單，動畫立即完成，馬上執行回調。讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本本文閲讀的源碼為 zepto1.2.0 Gi

animation , zepto , jquery , 動效 , Javascript

116263 頭像

Oct 02 2017

前端胖頭魚 - 看Zepto如何實現增刪改查DOM

前言 dom也就是文檔對象模型，是針對HTML和XML的一個api，描繪了一個層次化的節點樹。雖然瀏覽器原生給我們提供了許多操作dom的方法，使我們可以對dom進行查找，複製，替換和刪除等操作。但是zepto在其基礎上再次封裝，給以我們更加便捷的操作方式。先看下圖，我們以刪除元素，插入元素,複製元素，包裹元素和替換元素幾個模塊分別探究zepto如何一一將其實現。原文鏈接 github項目

zepto , Css , jquery , HTML , Javascript

1388 1389 1390 1391 1392