原创 關於MD5加密

前言:任何以明文方式存儲用戶密碼的行爲都是耍流氓。 MD5作爲一種單項加密方式,常用在數據脫敏和軟件數字簽名等方面。以下是介紹正文: MD5的全稱是Message-Digest Algorithm 5(信息-摘要算法),在90年

原创 常用cmd命令

一,ping      它是用來檢查網絡是否通暢或者網絡連接速度的命令。作爲一個生活在網絡上的管理員或者黑客來說,ping命令是第一個必須掌握的DOS命令,它所利用的原理是這樣的:網絡上的機器都有唯一確定的IP地址,我們給目標IP

原创 近幾年前端技術盤點以及 2016 年技術發展方向

Web 發展了幾十個春秋,風起雲涌,千變萬化。我很慶幸自己沒有完整地經歷過這些年頭,而是站在前人的肩膀上行走。Web 技術發展的速度讓人感覺那幾乎不是繼承式的迭代,而是一次又一次的變革,一次又一次的創造。這幾年的前端,更爲之甚!

原创 mysql 使用set names 解決亂碼問題的原理

解決亂碼的方法,我們經常使用“set names utf8”,那麼爲什麼加上這句代碼就可以解決了呢?下面跟着我一起來深入set names utf8的內部執行原理 先說MySQL的字符集問題。Windows下可通過修改my.in

原创 css expression是什麼鬼

概述   css expression(css表達式)又稱Dynamic properties(動態屬性)是早期微軟DHTML的產物,以其可以在Css中定義表達式(公式)來達到建立元素間屬性之間的聯繫等作用,從IE5開始得到支持,後因

原创 JavaScript中的函數節流

什麼是函數節流? 介紹前,先說下背景。在前端開發中,有時會爲頁面綁定resize事件,或者爲一個頁面元素綁定拖拽事件(其核心就是綁定mousemove),這種事件有一個特點,就是用戶不必特地搗亂,他在一個正常的操作中,都有可能在一

原创 公鑰私鑰及ssh公鑰無密碼登錄

公鑰私鑰解釋 轉載自月光博客 [ http://www.williamlong.info/ ]   加密和認證   首先我們需要區分加密和認證這兩個基本概念。      加密是將數據資料加密,使得非法用戶即使取得加密過的資料,

原创 git中的fetch和pull

原文: http://www.tech126.com/git-fetch-pull/ Git中從遠程的分支獲取最新的版本到本地有這樣2個命令: 1. git fetch :相當於是從遠程獲取最新版本到本地,不會自動merge g

原创 前端路由

一、方案:通過hash 目錄結構如圖: 只有main,html是完整的html,其他兩個都是html片段 ①main.html: <!DOCTYPE html> <html> <head> <met

原创 js插件開發規範

當我們畫出了UI之後就可以正式編寫jQuery插件代碼了,不過在着之前我們還需要對jQuery插件開發的一些規範性有一些瞭解。 一. 使用閉包: (function($) { // Code goes here })(jQue

原创 溢出文字處理CSS屬性——text-overflow、word-break、word-wrap和white-space

一、首先依次介紹這幾個文字處理的CSS屬性 1、word-break:  word-break 屬性規定自動換行的處理方法。 當行尾放不下一個單詞時,決定單詞內部該怎麼擺放。 break-all: 強行上,擠不下的話剩下的就換下一行顯

原创 寬度自適應佈局

自適應佈局是一種很常見的佈局方式,現將常見的幾種實現方式列下: 1:利用float 左右兩div分別左右浮動,不再佔用文檔流,塊元素div.main自動佔據整行,然後給main添加左右margin分別爲左右兩塊元素的寬,代碼如下: <!

原创 sublime&&Hbuilder擴展常用代碼塊

一、sublime 1、tools-developer-New snippet獲得如下模板: <snippet> <content><![CDATA[ Hello, ${1:this} is a ${2:snippet}.

原创 nodejs npm常用命令

nodejs npm常用命令 npm是一個node包管理和分發工具,已經成爲了非官方的發佈node模塊(包)的標準。有了npm,可以很快的找到特定服務要使用的包,進行下載、安裝以及管理已經安裝的包。 1、npm install m

原创 CSS中的百分比(%)到底是誰的百分比?

在定義CSS樣式的時候經常會用的 “%”這個長度單位,但是這個百分比到底是相對於誰的百分比呢? 1、有人說是相對於父元素的百分比,但是這麼說有時候卻會出問題 <!DOCTYPE html> <html> <head>