PhotoSwipe 是一個專門針對移動設備的圖像畫廊 兼容大量的移動設備
```
(function(window, undefined){
var document = window.document,
support = {
transform3d: ("WebKitCSSMatrix" in window && "m11" in new WebKitCSSMatrix()),
touch: ("ontouchstart" in window)
};
function getTranslate(x, y){
var distX = x, distY = y;
return support.transform3d ? "translate3d("+ distX +"px, "+ distY +"px, 0)" : "translate("+ distX +"px, "+ distY +"px)";
}
function getPage(event, page) {
return support.touch ? event.changedTouches[0][page] : event[page];
}
var ImagesZoom = function(){};
ImagesZoom.prototype = {
// 給初始化數據
init: function(param){
var self = this,
params = param || {};
var imgList = document.querySelectorAll(params.elem + " img"),
zoomMask = document.querySelector(".imgzoom_pack"),
zoomImg = document.querySelector(".imgzoom_pack .imgzoom_img img"),
zoomClose = document.querySelector(".imgzoom_pack .imgzoom_x"),
imgSrc = "";
self.buffMove = 3; //緩沖系數
self.buffScale = 2; //放大系數
self.finger = false; //觸摸手指的狀態 false:單手指 true:多手指
self._destroy();
zoomClose.addEventListener("click", function(){
zoomMask.style.cssText = "display:none";
zoomImg.src = "";
zoomImg.style.cssText = "";
self._destroy();
document.removeEventListener("touchmove", self.eventStop, false);
}, false);
for(var len=imgList.length,i=0; i<len; i++){
imgList[i].addEventListener("click", function(){
imgSrc = this.getAttribute("src");
zoomMask.style.cssText = "display:block";
zoomImg.src = imgSrc;
zoomImg.onload = function(){
zoomImg.style.cssText = "margin-top:-"+(zoomImg.offsetHeight/2)+"px";
// 禁止頁面滾動
document.addEventListener("touchmove", self.eventStop, false);
self.imgBaseWidth = zoomImg.offsetWidth;
self.imgBaseHeight = zoomImg.offsetHeight;
self.addEventStart({
wrapX: zoomMask.offsetWidth,
wrapY: zoomMask.offsetHeight,
mapX: zoomImg.width,
mapY: zoomImg.height
});
}
}, false);
}
},
addEventStart: function(param){
var self = this,
params = param || {};
self.element = document.querySelector(".imgzoom_pack img");
//config set
self.wrapX = params.wrapX || 0; //可視區域寬度
self.wrapY = params.wrapY || 0; //可視區域高度
self.mapX = params.mapX || 0; //地圖寬度
self.mapY = params.mapY || 0; //地圖高度
self.outDistY = (self.mapY - self.wrapY)/2; //圖片超過一屏的時候有用
self.width = self.mapX - self.wrapX; //地圖的寬度減去可視區域的寬度
self.height = self.mapY - self.wrapY; //地圖的高度減去可視區域的高度
self.element.addEventListener("touchstart",function(e){
self._touchstart(e);
},false);
self.element.addEventListener("touchmove",function(e){
self._touchmove(e);
},false);
self.element.addEventListener("touchend",function(e){
self._touchend(e);
},false);
},
// 重置坐標數據
_destroy: function(){
this.distX = 0;
this.distY = 0;
this.newX = 0;
this.newY = 0;
},
// 更新地圖信息
_changeData: function(){
this.mapX = this.element.offsetWidth; //地圖寬度
this.mapY = this.element.offsetHeight; //地圖高度
// this.outDistY = (this.mapY - this.wrapY)/2; //當圖片高度超過屏幕的高度時候。圖片是垂直居中的,這時移動有個高度做為緩沖帶
this.width = this.mapX - this.wrapX; //地圖的寬度減去可視區域的寬度
this.height = this.mapY - this.wrapY; //地圖的高度減去可視區域的高度
},
_touchstart: function(e){
var self = this;
e.preventDefault();
var touchTarget = e.targetTouches.length; //獲得觸控點數
self._changeData(); //重新初始化圖片、可視區域數據,由于放大會產生新的計算
if(touchTarget == 1){
// 獲取開始坐標
self.basePageX = getPage(e, "pageX");
self.basePageY = getPage(e, "pageY");
self.finger = false;
}else{
self.finger = true;
self.startFingerDist = self.getTouchDist(e).dist;
self.startFingerX = self.getTouchDist(e).x;
self.startFingerY = self.getTouchDist(e).y;
}
},
_touchmove: function(e){
var self = this;
e.preventDefault();
e.stopPropagation();
var touchTarget = e.targetTouches.length; //獲得觸控點數
if(touchTarget == 1 && !self.finger){
self._move(e);
}
if(touchTarget>=2){
self._zoom(e);
}
},
_touchend: function(e){
var self = this;
self._changeData(); //重新計算數據
if(self.finger){
self.distX = -self.imgNewX;
self.distY = -self.imgNewY;
}
if( self.distX>0 ){
self.newX = 0;
}else if( self.distX<=0 && self.distX>=-self.width ){
self.newX = self.distX;
self.newY = self.distY;
}else if( self.distX<-self.width ){
self.newX = -self.width;
}
self.reset();
},
_move: function(e){
var self = this,
pageX = getPage(e, "pageX"), //獲取移動坐標
pageY = getPage(e, "pageY");
// 禁止默認事件
// e.preventDefault();
// e.stopPropagation();
// 獲得移動距離
self.distX = (pageX - self.basePageX) + self.newX;
self.distY = (pageY - self.basePageY) + self.newY;
if(self.distX > 0){
self.moveX = Math.round(self.distX/self.buffMove);
}else if( self.distX<=0 && self.distX>=-self.width ){
self.moveX = self.distX;
}else if(self.distX < -self.width ){
self.moveX = -self.width+Math.round((self.distX+self.width)/self.buffMove);
}
self.movePos();
self.finger = false;
},
// 圖片縮放
_zoom: function(e){
var self = this;
// e.preventDefault();
// e.stopPropagation();
var nowFingerDist = self.getTouchDist(e).dist, //獲得當前長度
ratio = nowFingerDist / self.startFingerDist, //計算縮放比
imgWidth = Math.round(self.mapX * ratio), //計算圖片寬度
imgHeight = Math.round(self.mapY * ratio); //計算圖片高度
// 計算圖片新的坐標
self.imgNewX = Math.round(self.startFingerX * ratio - self.startFingerX - self.newX * ratio);
self.imgNewY = Math.round((self.startFingerY * ratio - self.startFingerY)/2 - self.newY * ratio);
if(imgWidth >= self.imgBaseWidth){
self.element.style.width = imgWidth + "px";
self.refresh(-self.imgNewX, -self.imgNewY, "0s", "ease");
self.finger = true;
}else{
if(imgWidth < self.imgBaseWidth){
self.element.style.width = self.imgBaseWidth + "px";
}
}
self.finger = true;
},
// 移動坐標
movePos: function(){
var self = this;
if(self.height<0){
if(self.element.offsetWidth == self.imgBaseWidth){
self.moveY = Math.round(self.distY/self.buffMove);
}else{
var moveTop = Math.round((self.element.offsetHeight-self.imgBaseHeight)/2);
self.moveY = -moveTop + Math.round((self.distY + moveTop)/self.buffMove);
}
}else{
var a = Math.round((self.wrapY - self.imgBaseHeight)/2),
b = self.element.offsetHeight - self.wrapY + Math.round(self.wrapY - self.imgBaseHeight)/2;
if(self.distY >= -a){
self.moveY = Math.round((self.distY + a)/self.buffMove) - a;
}else if(self.distY <= -b){
self.moveY = Math.round((self.distY + b)/self.buffMove) - b;
}else{
self.moveY = self.distY;
}
}
self.refresh(self.moveX, self.moveY, "0s", "ease");
},
// 重置數據
reset: function(){
var self = this,
hideTime = ".2s";
if(self.height<0){
self.newY = -Math.round(self.element.offsetHeight - self.imgBaseHeight)/2;
}else{
var a = Math.round((self.wrapY - self.imgBaseHeight)/2),
b = self.element.offsetHeight - self.wrapY + Math.round(self.wrapY - self.imgBaseHeight)/2;
if(self.distY >= -a){
self.newY = -a;
}else if(self.distY <= -b){
self.newY = -b;
}else{
self.newY = self.distY;
}
}
self.refresh(self.newX, self.newY, hideTime, "ease-in-out");
},
// 執行圖片移動
refresh: function(x, y, timer, type){
this.element.style.webkitTransitionProperty = "-webkit-transform";
this.element.style.webkitTransitionDuration = timer;
this.element.style.webkitTransitionTimingFunction = type;
this.element.style.webkitTransform = getTranslate(x, y);
},
// 獲取多點觸控
getTouchDist: function(e){
var x1 = 0,
y1 = 0,
x2 = 0,
y2 = 0,
x3 = 0,
y3 = 0,
result = {};
x1 = e.touches[0].pageX;
x2 = e.touches[1].pageX;
y1 = e.touches[0].pageY - document.body.scrollTop;
y2 = e.touches[1].pageY - document.body.scrollTop;
if(!x1 || !x2) return;
if(x1<=x2){
x3 = (x2-x1)/2+x1;
}else{
x3 = (x1-x2)/2+x2;
}
if(y1<=y2){
y3 = (y2-y1)/2+y1;
}else{
y3 = (y1-y2)/2+y2;
}
result = {
dist: Math.round(Math.sqrt(Math.pow(x1-x2,2)+Math.pow(y1-y2,2))),
x: Math.round(x3),
y: Math.round(y3)
};
return result;
},
eventStop: function(e){
e.preventDefault();
e.stopPropagation();
}
};
window.ImagesZoom = new ImagesZoom();
})(this);
```
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,user-scalable=no">
<title></title>
<style>
body, ul, li, section, div {
padding: 0;
margin: 0;
}
body {
font-family: Arial, Roboto, 'Droid Sans', 'Hiragino Sans GB', STXihei, 'sans-serif';
width: 100%;
-webkit-user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-size-adjust: none;
}
ul, li {
list-style: none;
}
img {
border: 0;
}
/*彈框樣式*/
.imgzoom_pack {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background: rgba(0, 0, 0, .7);
display: none;
}
.imgzoom_pack .imgzoom_img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
background: black;
}
.imgzoom_pack .imgzoom_img img {
width: 100%;
position: absolute;
top: 50%;
}
.informBlock {
margin: 0 11% 22px;
width: 78%;
text-align: center;
}
.informBlock img {
margin-bottom: 5px;
max-height: 250px;
max-width: 100%;
border-radius: 2%;
}
</style>
</head>
<body>
<div class='informBlock'>
<img class="image_click" src="image_1.png"/>
</div>
<section class="imgzoom_pack">
<div class="imgzoom_x">
<div class="imgzoom_img"><img src=""/></div>
</div>
</section>
<script src="js/scale.js"></script>
<script type="text/javascript">
ImagesZoom.init({
"elem": ".informBlock"
});
</script>
</body>
</html>
```
- php更新內容
- PHP PSR 標準規范
- 輔助查詢(*)
- 實用小函數
- composer項目的創建
- composer安裝及設置
- composer自動加載講解
- phpsdudy的composer操作
- 更換compoer鏡像源
- 下載包與刪除包
- git
- 安裝以及配置公鑰
- 手動添加Git Bash Here到右鍵菜單
- 第一次使用git要配置github遠程倉庫
- 代碼上傳到gitee
- Git代碼同時上傳到GitHub和Gitee(碼云)
- Git - 多人協同開發利器,團隊協作流程規范與注意事項
- 刪除遠程倉庫的文件
- github查詢方法
- 錯誤
- git clean
- 解決github release下載慢的問題
- 其他
- php.ini
- 緩沖函數ob_start()
- php配置可修改范圍
- php超時
- 防跨目錄設置
- 函數可變參數
- 匿名函數(閉包函數:closures)
- PHP CLI模式開發(命令行開發)
- 【時間】操作
- 常用時間函數
- 時間函數例子
- Date/Time 函數(不包含別名函數)
- DateTime類別名函數
- 【數字】及【數學】操作
- 【字符串】操作
- 常見用法
- 【數組】操作
- 排序
- 合并與累加案例
- 重組
- foreach引用傳值注意點
- 判斷數組a是否完全屬于數組b
- 數組指針操作
- 【正則】
- php正則函數
- 特殊符號
- 模式修正符
- 去除文本中的html、xml的標簽
- \r\n
- 分組
- 斷言(環視?)
- 條件表達式
- 遞歸表達式 (?R)
- 固化分組
- 正則例子
- 提取類文件的公共方法
- 抓取網頁內容
- 匹配中文字符
- 提取sql日志文件
- 框架
- xpath匹配
- 【文件】操作
- 自動加載spl_autoload_register
- 文件加載
- 文件的上傳
- 將字節轉為人可讀的單位
- 文件上傳相關設置
- 常見的mimi類型
- 文件斷點續傳
- 文件下載(防盜鏈+大文件+斷點續傳)
- 破解防盜鏈
- 即時通訊與php網絡相關(websocket,workman,swoole,curl)
- 網絡編程基本概念
- socket套接字和streams流
- socket
- 使用websocket實現php消息實時推送完整示例
- streams
- Stream函數實現websocket
- swoole+Workman筆記
- Workman相關
- 啟動停止
- Worker
- Connection
- TcpConnection
- AsyncTcpConnection類
- UdpConnection
- AsyncUdpConnection
- Timer
- Autoloader
- 協議(Protocols)
- Http服務
- 響應Response
- session會話
- session管理
- SSE(服務端推送技術)
- websocket
- tcp
- udp
- 其它
- text
- frame
- unix domain
- 定制協議
- workerman協程(workerman>=5.1.0,php>=8.2)
- wokerman實例
- workerman實現微信公眾號帶參數二維碼掃碼識別用戶
- 服務端和客戶端
- workerman其它實例
- Work類
- 設置transport開啟ssl,websocket+ssl即wss
- 多端口(多協議)監聽
- 詳細用法
- 全局的eventloop
- Timer定時器類
- pipeTCP代理
- 事件循環
- workman示例
- 使用workerman實現基于UDP的異步SIP服務器,服務器端可主動發送UDP數據給客戶端
- swoole相關
- 安裝及常用Cli操作
- TCP
- 4種回調函數的寫法
- easyswoole
- 目錄結構
- 配置文件
- swoole
- curl封裝
- curl參數
- php支持的協議和封裝協議(如http,php://input)
- php://協議
- file://協議
- http(s)://協議
- ftp(s)://協議
- zip://, bzip2://, zlib://協議
- data://協議
- glob://協議
- expect://協議
- phar://
- ssh2
- rar://
- ogg://
- 上下文(Context)選項和參數(用于所有的文件系統或數據流封裝協議)
- 過濾器
- http請求及模擬登錄
- 常用的header頭部定義匯總
- HTTP響應頭和請求頭信息對照表
- HTTP請求的返回值含義說明
- content-type對照表
- Cache-Control對照
- curl函數
- 防止頁面刷新
- telnet模擬get、post請求
- 三種方式模擬表單發布留言
- 模擬登陸
- 防盜鏈
- php+mysql模擬隊列發送郵件
- WebSocket JavaScript API
- 進程/線程/協程
- 協程
- 什么是協程
- web通訊(輪詢、長連接、websocket)
- 輪詢(Event Loop)
- WebSocket
- socket.io(對 WebSocket 的封裝)
- 郵件發送
- PHPMailer
- 短信驗證碼
- 短信寶
- 阿里云短信(新版)
- 短信API
- 原版
- 異常處理
- 顯示全部錯誤
- 異常分類
- php系統異常
- 錯誤級別
- set_error_handler
- set_exception_handler
- register_shutdown_function
- try catch
- tp5異常處理類解析
- 字符串中的變量解析
- url與文件路徑
- empty、isset、is_null
- echo 輸出bool值
- if真假情況
- 流程控制代替語法【if (條件): endif;】
- 三元運算
- 運算符優先級
- 常量
- define與const(php5.3) 類常量
- 遞歸
- 單元測試
- 面向對象
- 對象(object) 與 數組(array) 的轉換
- 全局變量域超全局變量
- 超全局變量
- $_ENV :存儲了一些系統的環境變量
- $_COOKIE
- $_SESSION
- $_FILES
- $_SERVER
- 無限分類
- 圖片操作
- 視頻分段加載
- 隱藏地址
- MPEG DASH視頻分片技術
- phpDoc注釋
- @錯誤抑制符
- 字符編碼
- CGI、FastCGI和PHP-FPM關系圖解
- No input file specified的解決方法
- SAPI(PHP常見的四種運行模式)
- assert斷言
- 程序執行
- 引用&
- Heredoc和Nowdoc語法
- 可變數量的參數(php5.6)
- 移動端判斷函數
- PHP分批次處理數據
- 類基礎
- 系統預定義類
- pdo
- 類的三大特性:封裝,繼承,多態
- 魔術方法
- extends繼承
- abstract 抽象類
- interface 接口(需要implements實現)
- 抽象類和接口的區別
- 多態
- static
- final
- serialize與unserialize
- instanceof 判斷后代子類
- 類型約束
- clone克隆
- ::的用法
- static::class、self::class
- new self()與new static()
- this、self、static、parent、super
- self、static、parent:后期靜態綁定
- PHP的靜態變量
- php導入
- trait
- 動態調用類方法
- 參數及類型申明
- 方法的重載覆蓋
- return $a && $b
- 類型聲明
- 設計思想
- 思路流程
- 六大原則(單里依賴迪米開接口)
- 單一職責原則(SRP)
- 里氏替換原則(LSP)
- 依賴倒置原則(DIP)
- 接口隔離原則(ISP)
- 迪米特法則(LoD)
- 開閉原則(OCP)
- 依賴注入與依賴倒置
- MVC模式與模板引擎
- 模版引擎
- smarty模版
- 系統變量、全局變量
- 語言切換
- 函數-給函數默認值
- 流程控制-遍歷
- 模版加載
- 模版繼承
- blade
- twig
- Plates
- 創建型模式(創建類對象)--單原二廠建
- (*)單例模式(保證一個類僅有一個實例)
- (*)工廠模式(自動實例化想要的類)
- 原型模式(在指定方法里克隆this)
- 創建者模式(建造者類組裝近似類屬性,購物車)
- 結構型模式 --橋(幫)組享外帶裝適
- 適配器模式(Adapter 用于接口兼容)
- 橋接模式(方法相同的不同類之間的快速切換)
- 裝飾模式(動態增加類對象的功能 如游戲角色的裝備)
- 組合模式(用于生成類似DOMDocument這種節點類,或者游戲相關)
- 外觀模式(門面(Facade)模式 不同類的統一調用)
- 享元模式
- 代理模式(委托模式)
- 行為型模式--觀摩職命狀-備爹在房中潔廁
- (*)觀察者模式(例如插件)
- 模板方法模式 Template
- 職責鏈模式 (Chainof Responsibility)
- 命令模式(Command)
- 狀態模式(State)
- (*)迭代器模式(Iterator)
- 已知模式-備忘錄模式(Memento)
- 深度模式-訪問者模式(Visitor)
- 中介者模式(Mediator)
- 深度模式-解釋器模式(Interpreter)
- 策略模式(Strategy)
- (*)注冊樹(注射器、注冊表、數據中心)模式
- 【函數參考】及【擴展列表】
- PHP擴展庫列表
- 影響 PHP 行為的擴展
- APC擴展(過時)
- APCu擴展
- APD擴展(過時)
- bcompiler擴展(過時)
- BLENC擴展 (代碼加密 實驗型)
- Componere擴展(7.1+)
- Componere\Definition
- Componere\Patch
- Componere \ Method
- Componere\Value
- Componere函數
- 錯誤處理擴展(PHP 核心)
- FFI擴展
- 基本FFI用法
- FFI api
- htscanner擴展
- inclued擴展
- Memtrack擴展
- OPcache擴展(5.5.0內部集成)
- Output Control擴展(核心)
- PHP Options/Info擴展(核心)
- 選項、 信息函數
- phpdbg擴展(5.6+內部集成)
- runkit擴展
- runkit7擴展
- scream擴展
- uopz擴展
- Weakref擴展
- WeakRef
- WeakMap
- WinCache擴展
- Xhprof擴展
- Yac(7.0+)
- 音頻格式操作
- ID3
- KTaglib
- oggvorbis
- OpenAL
- 身份認證服務
- KADM5
- Radius
- 針對命令行的擴展
- Ncurses(暫無人維護)
- Newt(暫無人維護)
- Readline
- 壓縮與歸檔擴展
- Bzip2
- LZF
- Phar
- Rar
- Zip
- Zlib
- 信用卡處理
- 加密擴展
- Crack(停止維護)
- CSPRNG(核心)
- Hash擴展(4.2內置默認開啟、7.4核心)
- Mcrypt(7.2移除)
- Mhash(過時)
- OpenSSL(*)
- 密碼散列算法(核心)
- Sodium(+)
- 數據庫擴展
- 數據庫抽象層
- DBA
- dbx
- ODBC
- PDO(*)
- 針對各數據庫系統對應的擴展
- CUBRID
- DB++(實驗性)
- dBase
- filePro
- Firebird/InterBase
- FrontBase
- IBM DB2
- Informix
- Ingres
- MaxDB
- Mongo(MongoDB老版本)
- MongoDB
- mSQL
- Mssql
- MySQL
- OCI8(Oracle OCI8)
- Paradox
- PostgreSQL
- SQLite
- SQLite3
- SQLSRV(SQL Server)
- Sybase
- tokyo_tyrant
- 日期與時間相關擴展
- Calendar
- 日期/時間(核心)
- HRTime(*)
- 文件系統相關擴展
- Direct IO
- 目錄(核心)
- Fileinfo(內置)
- 文件系統(核心)
- Inotify
- Mimetype(過時)
- Phdfs
- Proctitle
- xattr
- xdiff
- 國際化與字符編碼支持
- Enchant
- FriBiDi
- Gender
- Gettext
- iconv(內置默認開啟)
- intl
- 多字節字符串(mbstring)
- Pspell
- Recode(將要過時)
- 圖像生成和處理
- Cairo
- Exif
- GD(內置)
- Gmagick
- ImageMagick
- 郵件相關擴展
- Cyrus
- IMAP
- Mail(核心)
- Mailparse
- vpopmail(實驗性 )
- 數學擴展
- BC Math
- GMP
- Lapack
- Math(核心)
- Statistics
- Trader
- 非文本內容的 MIME 輸出(PDF、excel等文件操作)
- FDF
- GnuPG
- haru(實驗性)
- Ming(實驗性)
- wkhtmltox(*)
- PS
- RPM Reader(停止維護)
- RpmInfo
- XLSWriter Excel大文件讀取寫入操作(*)
- php第三方庫非擴展
- 進程控制擴展
- Eio
- Ev
- Expect
- Libevent
- PCNTL
- POSIX
- 程序執行擴展(核心)
- parallel
- pthreads(*)
- pht
- Semaphore
- Shared Memory
- Sync
- 其它基本擴展
- FANN
- GeoIP(*)
- JSON(內置)
- Judy
- Lua
- LuaSandbox
- Misc(核心)
- Parsekit
- SeasLog(-)
- SPL(核心)
- SPL Types(實驗性)
- Streams(核心)
- stream_wrapper_register
- stream_register_wrapper(同上別名)
- stream_context_create
- stream_socket_client
- stream_socket_server
- stream_socket_accept
- stream_socket_recvfrom
- stream_socket_sendto
- Swoole(*)
- Tidy擴展
- Tokenizer
- URLs(核心)
- V8js(*)
- Yaml
- Yaf
- Yaconf(核心)
- Taint(檢測xss字符串等)
- Data Structures
- Igbinary(7.0+)
- 其它服務
- 網絡(核心)
- Sockets
- socket_create
- socket_bind(服務端即用于監聽的套接字)
- socket_listen(服務端)
- socket_accept(服務端)
- socket_connect(客戶端)
- socket_read
- socket_recv(類似socket_read)
- socket_write
- socket_send
- socket_close
- socket_select
- socket_getpeername
- socket_getsockname
- socket_get_option
- socket_getopt(socket_get_option的別名)
- socket_set_option
- socket_setopt( socket_set_option的別名)
- socket_recvfrom
- socket_sendto
- socket_addrinfo_bind
- socket_addrinfo_connect
- socket_addrinfo_explain
- socket_addrinfo_lookup
- socket_clear_error
- socket_last_error
- socket_strerror
- socket_cmsg_space
- socket_create_listen
- socket_create_pair
- socket_export_stream
- socket_import_stream
- socket_recvmsg
- socket_sendmsg
- socket_set_block
- socket_set_nonblock
- socket_shutdown
- socket_wsaprotocol_info_export
- socket_wsaprotocol_info_import
- socket_wsaprotocol_info_release
- cURL(*)
- curl_setopt
- Event(*)
- chdb
- FAM
- FTP
- Gearman
- Gopher
- Gupnp
- Hyperwave API(過時)
- LDAP(+)
- Memcache
- Memcached(+)
- mqseries
- RRD
- SAM(消息隊列,沒有維護)
- ScoutAPM
- SNMP
- SSH2
- Stomp
- SVM
- SVN(試驗性的)
- TCP擴展
- Varnish
- YAZ
- YP/NIS
- 0MQ(ZeroMQ、ZMQ)消息系統
- 0mq例子
- ZooKeeper
- 搜索引擎擴展
- mnoGoSearch
- Solr
- Sphinx
- Swish(實驗性)
- 針對服務器的擴展
- Apache
- FastCGI 進程管理器
- IIS
- NSAPI
- Session 擴展
- Msession
- Sessions
- Session PgSQL
- 文本處理
- BBCode
- CommonMark(markdown解析)
- cmark函數
- cmark類
- Parser
- CQL
- IVisitor接口
- Node基類與接口
- Document
- Heading(#)
- Paragraph
- BlockQuote
- BulletList
- OrderedList
- Item
- Text
- Strong
- Emphasis
- ThematicBreak
- SoftBreak
- LineBreak
- Code
- CodeBlock
- HTMLBlock
- HTMLInline
- Image
- Link
- CustomBlock
- CustomInline
- Parle
- 類函數
- PCRE( 核心)
- POSIX Regex
- ssdeep
- 字符串(核心)
- 變量與類型相關擴展
- 數組(核心)
- 類/對象(核心)
- Classkit(未維護)
- Ctype
- Filter擴展
- 過濾器函數
- 函數處理(核心)
- quickhash擴展
- 反射擴展(核心)
- Variable handling(核心)
- Web 服務
- OAuth
- api
- 例子:
- SCA(實驗性)
- SOAP
- Yar
- XML-RPC(實驗性)
- Windows 專用擴展
- COM
- 額外補充:Wscript
- win32service
- win32ps(停止更新且被移除)
- XML 操作(也可以是html)
- libxml(內置 默認開啟)
- DOM(內置,默認開啟)
- xml介紹
- 擴展類與函數
- DOMNode
- DOMDocument(最重要)
- DOMAttr
- DOMCharacterData
- DOMText(文本節點)
- DOMCdataSection
- DOMComment(節點注釋)
- DOMDocumentFragment
- DOMDocumentType
- DOMElement
- DOMEntity
- DOMEntityReference
- DOMNotation
- DOMProcessingInstruction
- DOMXPath
- DOMException
- DOMImplementation
- DOMNamedNodeMap
- DOMNodeList
- SimpleXML(內置,5.12+默認開啟)
- XMLReader(5.1+內置默認開啟 用于處理大型XML文檔)
- XMLWriter(5.1+內置默認開啟 處理大型XML文檔)
- SDO(停止維護)
- SDO-DAS-Relational(試驗性的)
- SDO DAS XML
- WDDX
- XMLDiff
- XML 解析器(Expat 解析器 默認開啟)
- XSL(內置)
- 圖形用戶界面(GUI) 擴展
- UI
- PHP SPL(PHP 標準庫)
- 數據結構
- SplDoublyLinkedList(雙向鏈表)
- SplStack(棧 先進后出)
- SplQueue(隊列)
- SplHeap(堆)
- SplMaxHeap(最大堆)
- SplMinHeap(最小堆)
- SplPriorityQueue(堆之優先隊列)
- SplFixedArray(陣列【數組】)
- SplObjectStorage(映射【對象存儲】)
- 迭代器
- ArrayIterator
- RecursiveArrayIterator(支持遞歸)
- DirectoryIterator類
- FilesystemIterator
- GlobIterator
- RecursiveDirectoryIterator
- EmptyIterator
- IteratorIterator
- AppendIterator
- CachingIterator
- RecursiveCachingIterator
- FilterIterator(遍歷并過濾出不想要的值)
- CallbackFilterIterator
- RecursiveCallbackFilterIterator
- RecursiveFilterIterator
- ParentIterator
- RegexIterator
- RecursiveRegexIterator
- InfiniteIterator
- LimitIterator
- NoRewindIterator
- MultipleIterator
- RecursiveIteratorIterator
- RecursiveTreeIterator
- 文件處理
- SplFileInfo
- SplFileObject
- SplTempFileObject
- 接口 interface
- Countable
- OuterIterator
- RecursiveIterator
- SeekableIterator
- 異常
- 各種類及接口
- SplSubject
- SplObserver
- ArrayObject(將數組作為對象操作)
- SPL 函數
- 預定義接口
- Traversable(遍歷)接口
- Iterator(迭代器)接口
- IteratorAggregate(聚合式迭代器)接口
- ArrayAccess(數組式訪問)接口
- Serializable 序列化接口
- JsonSerializable
- Closure 匿名函數(閉包)類
- Generator生成器類
- 生成器(php5.5+)
- yield
- 反射
- 一、反射(reflection)類
- 二、Reflector 接口
- ReflectionClass 類報告了一個類的有關信息。
- ReflectionObject 類報告了一個對象(object)的相關信息。
- ReflectionFunctionAbstract
- ReflectionMethod 類報告了一個方法的有關信息
- ReflectionFunction 類報告了一個函數的有關信息。
- ReflectionParameter 獲取函數或方法參數的相關信息
- ReflectionProperty 類報告了類的屬性的相關信息。
- ReflectionClassConstant類報告有關類常量的信息。
- ReflectionZendExtension 類返回Zend擴展相關信息
- ReflectionExtension 報告了一個擴展(extension)的有關信息。
- 三、ReflectionGenerator類用于獲取生成器的信息
- 四、ReflectionType 類用于獲取函數、類方法的參數或者返回值的類型。
- 五、反射的應用場景
- phpRedis
- API
- API詳細
- redis DB 概念:
- 通用命令:rawCommand
- Connection
- Server
- List
- Set
- Zset
- Hash
- string
- Keys
- 事物
- 發布訂閱
- 流streams
- Geocoding 地理位置
- lua腳本
- Introspection 自我檢測
- biMap
- 原生
- php-redis 操作類 封裝
- redis 隊列解決秒殺解決超賣:
- Linux+Nginx
- 前置
- linux
- 開源網站鏡像及修改yum源
- 下載linux
- Liunx中安裝PHP7.4 的三種方法(Centos8)
- yum安裝
- 源碼編譯安裝
- LNMP一鍵安裝
- 寶塔安裝(推薦)
- 查看linux版本號
- 設置全局環境變量
- 查看php.ini必須存放的位置
- 防火墻與端口開放
- nohup 后臺運行命令
- linux 查看nginx,php-fpm運行用戶及用戶組
- 網絡配置
- CentOS中執行yum update時報錯
- 關閉防火墻
- 查看端口是否被占用
- 查看文件夾大小
- route命令
- nginx相關
- 一個典型的nginx配置
- nginx關于多個項目的配置(易于管理)
- nginx.config配置文件的結構
- 1、events
- 2、http
- server1
- location1
- location2
- server2
- location1
- location2
- nginx的location配置詳解
- Nginx相關命令
- Nginx安裝
- 正向,反向代理
- aaa
- phpstudy的nginx的配置
- 配置偽靜態
- Nginx 重寫規則
- 為靜態配置例子
- apache
- nginx
- pathinfo模式
- Shell腳本
- bash
- shell 語言中 0 代表 true,0 以外的值代表 false。
- 變量
- shell字符串
- shell數組
- shell注釋
- 向Shell腳內傳遞參數
- 運算符
- 顯示命令執行結果
- printf
- test 命令
- 流程控制與循環
- if
- case
- for
- while
- until
- break和continue
- select 結構
- shell函數
- shell函數的全局變量和局部變量
- 將shell輸出寫入文件中(輸出重定向)
- Shell腳本中調用另一個Shell腳本的三種方式
- 定時任務
- PHP實現定時任務的五種方法
- 寶塔
- 偽靜態以及去掉tp的index.php
- 數據據遠程訪問
- openresty
- 優化
- ab壓力測試
- PHP優化及注意事項
- 緩存
- opcache
- memcache
- php操作
- 數據庫
- 配置
- 數據庫鎖機制
- 主從分布
- 數據庫設計
- 邏輯設計
- 物理設計
- 字段類型的選擇
- 筆記
- SET FOREIGN_KEY_CHECKS
- 字符集與亂碼
- SQL插入 去除重復記錄的實現
- 5.7+嚴格模式會導致設置notnull的字段沒有值時報錯
- 分區表
- nginx 主從配置
- nginx 負載均衡的配置
- 手動搭建Redis集群和MySQL主從同步(非Docker)
- Redis Cluster集群
- mysql主從同步
- 軟件選擇
- url重寫
- 大流量高并發解決方案
- 【前端、移動端】
- html5
- meta標簽
- flex布局
- 居中
- 顯示、隱藏與禁用
- html5示例
- 瀑布流布局
- 移動端虛擬鍵盤會將position:fixed的元素頂到虛擬鍵盤的上面
- 使用div實現table效果
- javascript
- 移動端相關
- 緩存讀取與寫入
- 其他用法
- Javascript系統對象
- 原生javascript總結
- 節點操作
- 實用函數
- jquery
- jquery的extend插件制作
- 錯誤解決方案
- 選擇器
- 查找與過濾
- parent,parents,parentsUntil,offsetParent
- children
- siblings
- find
- next,nextAll,nextUntil
- prev,prevAll,prevUntil
- closest
- 過濾
- ajax
- pajax入門
- 精細分類
- 事件
- on事件無效:
- jquery自定義事件
- 表單操作
- 通用
- select
- checkbox
- radio
- js正則相關
- js中判斷某字符串含有某字符出現的次數
- js匹配指定字符
- $.getjson方法配合在url上傳遞callback=?參數,實現跨域
- jquery的兼容
- jquery的連續調用:
- $ 和 jQuery 及 $() 的區別
- 頁面響應順序及$(function(){})等使用
- 匿名函數:
- jquery的prop與attr的區別和與data()的聯系
- 默認值問題
- 拼接當前頁面的url
- dom加載
- ES6中如何導入和導出模塊
- ES6函數寫法
- 事件
- 手動觸發事件
- 移動端常用事件之touch觸摸事件
- 懸浮標簽遮擋導致該位置的標簽事件失效
- addEventListener
- new Function()
- 字符串操作
- 數組與對象操作
- Array
- 對象操作
- 數組對象復制斷掉引用的方法!
- 數組的 交集 差集 補集 并集
- js數組與對象的【遍歷與其他操作】
- js數組的map()方法操作json數組
- 獲取js對象所有方法
- form
- js:select
- phantomjs
- js精確計算CalcEval 【價格計算】 浮點計算
- js精確計算2
- 模板替換
- input賦值
- JS的數據儲存格式
- 可編輯區域與事件監聽
- if為false的情況
- 阻止冒泡
- jq滾動到底部自動加載數據實例
- if(a,b,c){}
- 播放mp3
- bootstrap
- bootstrap3
- class速查
- 常見data屬性
- data-toggle與data-target的作用
- botstrap4(自帶輪播)
- 布局
- 頁面內容
- botstrap4組件
- Collapse點擊折疊
- bootstrapTable
- 表選項(html屬性格式)
- 表選項2(js的json格式)
- 工具欄以及搜索框
- 本地化選項
- column列表選項
- 示例
- 行的詳細視圖
- 常用整理模板例子
- 數據格式(json)
- 用法(row:行,column:列)
- 頁腳使用footerFormatter做統計列功能
- 示例2
- JQuery-Jquery的TreeGrid插件
- 服務器端分頁
- 合并單元格1
- 合并單元格2
- 合并單元格3
- 合并單元格4
- 合并單元格5(插件)
- 列求和
- 添加行,修改行、擴展行數據
- bootstrap-table 怎么自定義搜索按鈕實現點擊按鈕進行查詢
- 添加序號
- bootstraptable的checkbox
- 動態添加列、動態添加行、單元格點擊橫向、豎向統計
- 記住分頁checkbox
- 精簡示例
- 擴展
- 組件
- 開源庫cdn
- layer
- bootstrap-treeview與ztree
- Uploader上傳組件
- jquery.form.js
- query.waypoints.min.js
- jquery.countup.js
- wow.min.js
- swiper.min.js
- 滑動select選擇器
- wcPop.js
- waterfall
- overlayScrollbars 滾動條監聽與美化
- Summernote 編輯器
- Tempusdominus 日期選擇器
- daterangepicker 日期時間范圍選擇
- moment 日期處理js類庫
- select2
- CitySelect
- vidbg基于jQuery全屏背景視頻插件
- jquery.pjax.js 頁面跳轉時局部刷新
- 基于jquery的旋轉圖片驗證碼
- highcharts圖表
- echarts圖表
- 個版本變化
- 復制刀粘貼板
- photoswipe 相冊組件
- fullPage.js 全屏滾動插件
- jQuery.loadScroll 滾動時動態加載圖像
- jquery.nouislider 范圍滑塊
- Zepto:移動端的jquery庫
- waterfall瀑布流插件
- mustache.js與Handlebars.js
- mobile select
- makdow編輯器
- toastr:輕量級的消息提示插件
- datatables
- 會員 數據庫表設計
- 開發總結
- API接口
- API接口設計
- json轉化
- app接口
- 企查查接口
- 雜項
- 開源項目
- PhpSpreadsheet
- 實例
- 導入導出
- 導出多個工作薄
- 將excel數據插入數據庫
- 加載大文件
- phpoffice/phpspreadsheet
- PHPExcel
- 二維碼phpqrcode
- feixuekeji/PHPAnalysis 分詞
- http-crontab定時任務
- guzzle(HTTP客戶端)
- easywechat(overtrue/wechat)
- 三方插件庫
- 檢測移動設備(包括平板電腦)
- textalk\websocket
- 與谷歌瀏覽器交互
- 支付
- Crontab管理器
- PHP操作Excel
- 阿里云域名解析
- SSL證書
- sublime Emmet的快捷語法
- 免費翻譯接口
- 接口封裝
- 免費空間
- 架構師必須知道的26項PHP安全實踐
- 大佬博客
- 個人支付平臺
- RPC(遠程調用)及框架
- PHP中的數組分頁實現(非數據庫)
- 用安卓手機搭建 web 服務器
- 優惠券
- 抽獎算法
- 三級分銷
- 項目要求
- 權限設計
- ACL
- RBAC
- RBAC0
- RBAC1(角色上下級分層)
- RBAC2(用戶角色限約束)
- RBAC3(分層+約束)
- 例子
- Rbac.class.php
- Rbac2
- Auth.class.php
- fastadmin Auth
- tree1
- 數據表
- TP6auth拓展
- ABAC 基于屬性的訪問控制
- 總結:SAAS后臺權限設計案例分析
- casbin-權限管理框架
- 開始使用
- casbinAPI
- casbin管理API
- RBAC API
- Think-Casbin
- php修改session的保存方式
- 單點登錄(SSO)
- 例子1
- 例子2
- OAuth授權(用于第三方授權)
- OAuth 2.0 的四種方式
- 授權碼
- 隱藏式
- 密碼式
- 憑證式
- 更新令牌
- 例子:第三方登錄
- 微服務架構下的統一身份認證和授權
- 代碼審計
- 漏洞挖掘的思路
- 命令注入
- 代碼注入
- XSS 反射型漏洞
- XSS 存儲型漏洞
- xss過濾
- HTML Purifier文檔
- 開始
- id規則
- class規則
- 過濾分類
- Attr
- AutoFormat
- CSS
- Cache
- Core
- Filter
- html
- Output
- Test
- URI
- 其他
- 嵌入YouTube視頻
- 加快HTML凈化器的速度
- 字符集
- 定制
- Tidy
- URI過濾器
- 在線測試
- xss例子
- 本地包含與遠程包含
- sql注入
- 函數
- 注釋
- 步驟
- information_schema
- sql注入的分類
- 實戰
- 防御
- CSRF 跨站請求偽造
- 計動態函數執行與匿名函數執行
- unserialize反序列化漏洞
- 覆蓋變量漏洞
- 文件管理漏洞
- 文件上傳漏洞
- 跳過登錄
- URL編碼對照表
- XXE
- 第三方
- 對象存儲oss
- 阿里云
- 啟用mysql的sql日志