⑴ js閉包和php閉包的區別
1 什麼是閉包
php:你跟我聊閉包之前啊,首先來聊聊 匿名函數(Anonymous function)下面就是一個匿名函數的栗子,匿名函數 顧名思義就是沒有名字啊。。
(PHP在引入閉包之前,也有一個可以創建匿名函數的函數:create function,但是代碼邏輯只能寫成字元串,這樣看起來很晦澀並且不好維護,所以很少有人用。)本人沒有驗證~~
$func = function(){
}; //帶結束符(一定要帶)
實現閉包
將匿名函數在普通函數中當做參數傳入,也可以被返回。這就實現了一個簡單的閉包。
(閉包可以保存所在代碼塊上下文的一些變數和值。PHP在默認情況下,匿名函數不能調用所在代碼塊的上下文變數,而需要通過使用use關鍵字。所以下面的一段函數會報錯 undefined variable a )
function add($a)
{ $a = $a; $fun1 = function ($b=2)
{ echo $a+$b; };
return $fun1; }
$fun1 = add(21);
$fun1(6);
如果想使用 $a 怎麼辦。php 是見招拆招啊。 關鍵字 use:
function add($a)
{ $a = $a; $fun1 = function ($b=2) use ($a) //只需要一個use($a)
{ echo $a+$b; };
return $fun1; }
$fun1 = add(21);
$fun1(6); //27
那麼能否在匿名函數中改變上下文的 變數呢 來做個試驗吧
function add($a) { // $a = $a; $fun1 = function ($b=2) use ($a) { echo $a; $a++; }; $fun1(); echo $a; }
$fun1 = add(21);
//2121 哦 很遺憾 傳值是不行的
那來試試 傳引用吧
function add($a) { // $a = $a; $fun1 = function ($b=2) use (&$a) { echo $a; $a++; }; $fun1(); echo $a; }
$fun1(6); //2122 哦 可以的
使用use 關鍵字匿名函數就可以引用上下文的變數了。如果將匿名函數返回給外界,匿名函數會保存use所引用的變數,而外界則不能得到這些變數,這樣形成『閉包』這個概念可能會更清晰一些。(也就是說 use 所引用的變數 會一直保存在內存中,直到顯示銷毀 這是閉包的一大特點)
javascript:你們php弱爆了。我們js可以直接調用 函數外部的變數。來嘮嘮js的閉包吧。
先來聊聊 js的變數作用域吧。1 全局變數,2局部變數(var vname)
阮一峰前輩說:js的閉包可以簡單的理解為,能夠獲取函數外部的變數的函數,就叫閉包。
一是讀取函數內部的變數,
二是讓這些變數的值保存在內存中,實現數據共享
閉包就是能夠讀取其他函數內部變數的函數。
由於閉包會使得函數中的變數都被保存在內存中,內存消耗很大,所以不能濫用閉包,否則會造成網頁的性能問題,在IE中可能導致內存泄露。解決方法是,在退出函數之前,將不使用的局部變數全部刪除。
2)閉包會在父函數外部,改變父函數內部變數的值。所以,如果你把父函數當作對象(object)使用,把閉包當作它的公用方法(Public Method),把內部變數當作它的私有屬性(private value),這時一定要小心,不要隨便改變父函數內部變數的值。
注意:::在javascript里,在函數里聲明的函數都是局部的,函數運行完後就釋放了
ECMAScript 描述:
函數定義和函數表達式位於另一個函數的函數體內。而且,這些內部函數可以訪問它們所在的外部函數中聲明的所有局部變數、參數和聲明的其他內部函數。當其中一個這樣的內部函數在包含它們的外部函數之外被調用時,就會形成閉包。也就是說,內部函數會在外部函數返回後被執行。而當這個內部函數執行時,它仍然必需訪問其外部函數的局部變數、參數以及其他內部函數。這些局部變數、參數和函數聲明(最初時)的值是外部函數返回時的值,但也會受到內部函數的影響。
⑵ 國內外有哪些好的前端實戰網站
GitHub。GitHub是一個面向開源及私有軟體項目的託管平台,因為只支持 Git 作為唯一的版本庫格式進行託管,故名 GitHub。裡面有上百萬程序的源代碼,是一個通過「閱讀源代碼」來學習技術的一個很好的網站。
HTML5學堂。HTML5學堂是一個致力於構建前端、HTML5的「原創」分享平台。為學習者提供一些資料,也為廣大前端愛好者提供一個平台。HTML5學堂最初由兩名講師創建,由多名HTML5講師以及HTML5開發工程師運營,在這個網站中並沒有什麼廣告,而且內容都是原創,講解比較通俗易懂。涵蓋了HTML與CSS、JavaScript、jQuery、AJAX等前端的基本的知識、HTML5的實例開發、JavaScript底層知識、類庫、面試真題、相關技術、行業未來發展等。
各類博客,包括「阮一峰」「司徒正美」「張鑫旭」「獨行冰海」等各個博主,網路都能夠直接查到。不同博客網站有不同的偏向,有偏向於實戰的,有偏向於理論的,也有偏向於工程化的等等。
W3School。中文Web 技術教程,屬於字典式的內容呈現方式。從基礎的 HTML 到 CSS,乃至進階的XML、SQL、JS、PHP 和 ASP.NET都有所涉及。大部分常見屬性以及方法都提供了案例,專門針對小知識點進行講解,知識涉及比較全面的一個網站,不足之處在於沒有知識與知識之間的聯系。
還有一些網站,就屬於「論壇類」或「小型門戶類」的網站了,「HTML5中國」、「前端圈」之類的,文章質量一般吧。
⑶ 前端開發課程學習什麼,難不難
小蝸這里根據行業變化和企業用人需求整理了一份web前端系統全面的學習路線,至於難不難,題主可從基礎開始進行自學嘗試一下,看自己學習感受如何。
第一階段:專業核心基礎
階段目標:
1. 熟練掌握HTML5、CSS3、Less、Sass、響應書布局、移動端開發。
2. 熟練運用HTML+CSS特性完成頁面布局。
4. 熟練應用CSS3技術,動畫、彈性盒模型設計。
5. 熟練完成移動端頁面的設計。
6. 熟練運用所學知識仿製任意Web網站。
7. 能綜合運用所學知識完成網頁設計實戰。
知識點:
1、Web前端開發環境,HTML常用標簽,表單元素,Table布局,CSS樣式表,DIV+CSS布局。熟練運用HTML和CSS樣式屬性完成頁面的布局和美化,能夠仿製任意網站的前端頁面實現。
2、CSS3選擇器、偽類、過渡、變換、動畫、字體圖標、彈性盒模型、響應式布局、移動端。熟練運用CSS3來開發網頁、熟練開發移動端,整理網頁開發技巧。
3、預編譯css技術:less、sass基礎知識、以及插件的運用、BootStrap源碼分析。能夠熟練使用 less、sass完成項目開發,深入了解BootStrap。
4、使用HTML、CSS、LESS、SASS等技術完成網頁項目實戰。通過項目掌握第一階段html、css的內容、完成PC端頁面設計和移動端頁面設計。
第二階段:Web後台技術
階段目標:
1. 了解JavaScript的發展歷史、掌握Node環境搭建及npm使用。
2. 熟練掌握JavaScript的基本數據類型和變數的概念。
3. 熟練掌握JavaScript中的運算符使用。
4. 深入理解分之結構語句和循環語句。
5. 熟練使用數組來完成各種練習。
6.熟悉es6的語法、熟練掌握JavaScript面向對象編程。
7.DOM和BOM實戰練習和H5新特性和協議的學習。
知識點:
1、軟體開發流程、演算法、變數、數據類型、分之語句、循環語句、數組和函數。熟練運用JavaScript的知識完成各種練習。
2、JavaScript面向對象基礎、異常處理機制、常見對象api,js的兼容性、ES6新特性。熟練掌握JavaScript面向對象的開發以及掌握es6中的重要內容。
3、BOM操作和DOM操作。熟練使用BOM的各種對象、熟練操作DOM的對象。
4、h5相關api、canvas、ajax、數據模擬、touch事件、mockjs。熟練使用所學知識來完成網站項目開發。
第三階段:資料庫和框架實戰
階段目標:
1. 綜合運用Web前端技術進行頁面布局與美化。
2. 綜合運用Web前端開發框架進行Web系統開發。
3. 熟練掌握Mysql、Mongodb資料庫的發開。
4. 熟練掌握vue.js、webpack、elementui等前端框技術。
5. 熟練運用Node.js開發後台應用程序。
6. 對Restful,Ajax,JSON,開發過程有深入的理解,掌握git的基本技能。
知識點:
1、資料庫知識,範式,MySQL配置,命令,建庫建表,數據的增刪改查,mongodb資料庫。深入理解資料庫管理系統通用知識及MySQL資料庫的使用與管理,為Node.js後台開發打下堅實基礎。
2、模塊系統,函數,路由,全局對象,文件系統,請求處理,Web模塊,Express框架,MySQL資料庫處理,RestfulAPI,文件上傳等。熟練運用Node.js運行環境和後台開發框架完成Web系統的後台開發。
3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解,能夠運用Vue.js完成基礎前端開發、熟練運用Vue.js框架的高級功能完成Web前端開發和組件開發,對MVVM模式有深刻理解。
4、需求分析,資料庫設計,後台開發,使用vue、node完成pc和移動端整站開發。於Node.js+Vue.js+Webpack+Mysql+Mongodb+Git,實現整站項目完整功能並上線發布。
第四階段:移動端和微信實戰
階段目標:
1.熟練掌握React.js框架,熟練使用React.js完成開發。
2.掌握移動端開發原理,理解原生開發和混合開發。
3.熟練使用react-native和Flutter框架完成移動端開發。
4.掌握微信小程序以及了解支付寶小程序的開發。
5.完成大型電商項目開發。
知識點:
1、React面向組件編程、表單數據、組件通信、監聽、聲明周期、路由、Rex基本概念。練使用react完成項目開發、掌握Rex中的非同步解決方案Saga。
2、react-native、開發工具、視圖與渲染、api操作、Flutter環境搭建、路由、ListView組件、網路請求、打包。練掌握react-native和Flutter框架,並分別使用react-native和Flutter分別能開發移動端項目。
3、微信小程序基本介紹、開發工具、視圖與渲染、api操作、支付寶小程序的入門和api學習。掌握微信小程序開發了解支付寶小程序。
4、大型購物網站實戰,整個項目前後端分離開發;整個項目分為四部分:PC端網頁、移動端APP、小程序、後台管理。團隊協作開發,使用git進行版本控制。目期間可以擴展Three.js 、TypeScript。
⑷ Web前端開發比較好的技術類資源網站有哪些
基礎性的學習網站:
w3school:http://www.w3school.com.cn/
w3cplus:www.w3cplus.com
MDN網站 :https://developer.mozilla.org/zh-CN/docs/Web
菜鳥教程網:http://www.runoob.com
易百教程:http://www.yii.com/
腳本之家:http://www.jb51.net
視頻類的學習網站:
尚學堂:http://www.bjsxt.com/
慕課網:https://www.imooc.com/
扣丁課堂:https://www.codingke.com/
極客學院:http://www.jikexueyuan.com/
騰訊課堂:https://ke.qq.com/
51cto:http://e.51cto.com/courselist/index.html
實驗樓:https://www.shiyanlou.com/
網易雲課堂:http://study.163.com/
我要自學網:http://www.51zxw.net/
個人博客類的學習網站:
張鑫旭:http://www.zhangxinxu.com/
阮一峰:http://www.ruanyifeng.com/home.html
廖雪峰:https://www.liaoxuefeng.com/
辰辰:http://www.chennoted.com/
軒楓閣:http://www.xuanfengge.com/
社區類的學習網站:
segmentfault:https://segmentfault.com/
掘金:https://juejin.im/
簡書:https://www.jianshu.com/
WEB前端-伯樂在線:http://web.jobbole.com/
Stack Overflow:https://stackoverflow.com/
CSDN:https://www.csdn.net/
博客園:https://www.cnblogs.com/
開發者頭條:https://toutiao.io/
⑸ PHP版本問題:我現在還可以用PHP5以前的版本做網站開發么(還沒開始學PHP)
建議不要用以前版本了,假如用以前的PHP,還要配早期的MYSQL、APACHE等,有些功能會實現不了,比如Zend Framework,而且好多函數已經不能用了,全局變數也變了,何必學一些已經過時的東西呢
⑹ 前端工程師一般都喜歡去哪些網站逛
前端工程師一般都比較喜歡的網站,推薦如下:
w3cschool
只要是學習者,學習跟電腦軟體,語言相關的知識,肯定要知道的一個網站,該網站由淺入深,非常基礎的給出了很多知識的概括。沒事的時候,經常去看看總能有意外的收獲。
runoob
這個叫菜鳥教程網的,雖然叫「菜鳥」,其實很多知識點都已經達到了中等水平,和w3cschool差不多,做了一些整合,相對來說翻譯的中文比較多,可以結合著w3cschool一起看。
javascript中文網
前端開發工程師都知道,對於前端開發來說想,學習最重要語言之一就是javascript,所以要想讓自己提升一個等級,javascript是必須精通的,這個網站非常基礎的介紹了javascript的語言使用方式。強烈建議新手觀看。
Bootstrap
一個最主流的前端主流框架之一,目前認可度最高的一個前端框架,可以用來做移動端設計。非常的適用。最主要該網站上還提供了其他很多的相關連接地址。在學習的同時也可以擴展個人見識。
如果你看到了這,那我接下來就不用介紹了,可以這么說 bootstrap這個網站里的很多東西,都是作為一個前端開發工程師學習的未來之路,例如React,Jquery,vue.js,webpack,angular.js等等等等。。。。
總結:其實前端開發是一個很廣的范疇,所謂的前端開發工程師也要看你的領域,有的只做網站頁面設計;有的製作web單頁設計,有的專門做手機端交互等等,上面我們沒提到的node.js就是前端開發的一個新領域,與其說是前端開發不如說是全端開發的新領域。知識真的是你學的越多,越發現,自己越渺小。
⑺ GitHub 上有哪些值得推薦的開源電子書
語言無關類
操作系統
鳥哥的Linux私房菜 (簡體)
Linux 系統高級編程
The Linux Command Line (中英文版)
Linux 設備驅動 (第三版)
深入分析Linux內核源碼
UNIX TOOLBOX
Docker中文指南
Docker —— 從入門到實踐
FreeRADIUS新手入門
Mac 開發配置手冊
FreeBSD 使用手冊
Linux 命令行(中文版)
一步步搭建物聯網系統
Nginx開發從入門到精通 (淘寶團隊出品)
Git教程 (本文由 @廖雪峰 創作,如果覺得本教程對您有幫助,可以去 iTunes 購買)
git – 簡易指南
猴子都能懂的GIT入門
Git 參考手冊
Pro Git
Git Magic
GotGitHub
Git Community Book 中文版
Mercurial 使用教程
HgInit (中文版)
沉浸式學 Git
Git-Cheat-Sheet (感謝 @flyhigher139 翻譯了中文版)
GitHub秘籍
NoSQL資料庫筆談 (PDF)
Redis 設計與實現
Redis 命令參考
帶有詳細注釋的 Redis 3.0 代碼
帶有詳細注釋的 Redis 2.6 代碼
The Little MongoDB Book
The Little Redis Book
Neo4j 簡體中文手冊 v1.8
Neo4j .rb 中文資源
MySQL索引背後的數據結構及演算法原理
持續集成(第二版) (譯言網)
讓開發自動化系列專欄
追求代碼質量
selenium 中文文檔
Joel談軟體
約耳談軟體(Joel on Software)
關於瀏覽器和網路的 20 項須知
前端知識體系
瀏覽器開發工具的秘密
Chrome 開發者工具中文手冊
Chrome擴展開發文檔
Grunt中文文檔
移動Web前端知識庫
正則表達式30分鍾入門教程
前端開發體系建設日記
移動前端開發收藏夾
JSON風格指南
HTTP 介面設計指北
前端資源分享(一)
前端資源分享(二)
前端代碼規范 及 最佳實踐
w3school教程整理
大數據/數據挖掘/推薦系統/機器學習相關資源
程序員編程藝術
每個程序員都應該了解的內存知識(譯)【第一部分】
取悅的工序:如何理解游戲 (豆瓣閱讀,免費書籍)
OpenWrt智能、自動、透明翻牆路由器教程
awk程序設計語言
C++ 並發編程指南 (@傅海平ICT)
Linux C編程一站式學習 (宋勁杉, 北京亞嵌教育研究中心)
CGDB中文手冊
100個gdb小技巧
100個gcc小技巧
ZMQ 指南
How to Think Like a Computer Scientist (中英文版)
跟我一起寫Makefile(PDF)
GNU make中文手冊
GNU make 指南
Google C++ 風格指南
C/C++ Primer (by @andycai)
簡單易懂的C魔法
Cmake 實踐 (PDF版)
C++ FAQ LITE(中文版)
C++ Primer 5th Answers
學習CSS布局
通用 CSS 筆記、建議與指導
CSS參考手冊
Emmet 文檔
前端代碼規范 (騰訊alloyteam團隊)
Dart 語言導覽
Fortran77和90/95編程入門
實時 Java 系列
Apache Shiro 用戶指南
使用 Eclipse 和 Java SE 6 創建獨立 Web Services 應用程序
第 1 部分: Web Services 服務端應用程序
第 2 部分: Web 服務客戶端應用程序
JavaServer Faces 1.2 入門
第 1 部分: 構建基本應用程序
第 2 部分: JSF 生命周期、轉換、檢驗和階段監聽器
用 Eclipse Europa 進行 Web 開發
第 1 部分: Eclipse Java EE
第 2 部分: PHP 開發工具
第 3 部分: Ruby Development Toolkit 和 RadRails
使用 JavaServer Faces 構建 Apache Geronimo 應用程序
第 1 部分: 使用 Eclipse 和 Apache MyFaces Core 構建基本的應用程序
第 2 部分: 在 JavaServer Faces 中使用 Tomahawk
第 3 部分: 使用 ajax4jsf 添加 Ajax 功能
第 4 部分: 使用 Apache Trinidad 組件擴展 JSF
第 5 部分: 將 JSF 應用程序與 Spring 集成
Apache Geronimo 和 Spring 框架
第 1 部分: 開發方法學
第 2 部分: 構建第一個應用程序
第 3 部分: 集成 DAO 與 ORM
第 4 部分: 混合使用 Spring AOP 和 Spring Web Flow
第 5 部分: Spring MVC
第 6 部分: Spring MVC:使用 Web 視圖技術
終極 mashup —— Web 服務和語義 Web
第 1 部分: 使用與組合 Web 服務
第 2 部分: 管理 Mashup 數據緩存
第 3 部分: 理解 RDF 和 RDFs
第 4 部分: 創建本體
第 5 部分: 切換 Web 服務
Jersey 2.x 用戶指南
MyBatis中文文檔
Google JavaScript 代碼風格指南
Airbnb JavaScript 規范
JavaScript 標准參考教程(alpha)
Javascript編程指南 (源碼)
javascript 的 12 個怪癖
JavaScript 秘密花園
JavaScript核心概念及實踐 (PDF) (此書已由人民郵電出版社出版發行,但作者依然免費提供PDF版本,希望開發者們去購買,支持作者)
《JavaScript 模式》翻譯,此書中文版有售,但是紙質書翻譯的還沒有這個版本翻譯的好
命名函數表達式探秘 (注:原文由為之漫筆翻譯,原始地址無法打開,所以此處地址為我博客上的備份)
學用 JavaScript 設計模式 (開源中國)
深入理解JavaScript系列
ECMAScript 6 入門 (作者:阮一峰)
jQuery
jQuery 解構
簡單易懂的JQuery魔法
How to write jQuery plugin
Node.js
Node入門
七天學會NodeJS
Nodejs Wiki Book (繁體中文)
express.js 中文文檔
koa 中文文檔
使用 Express + MongoDB 搭建多人博客
Express框架
nodejs文檔
Node.js 包教不包會
Learn You The Node.js For Much Win! (中文版)
Node debug 三法三例
underscore.js
Underscore.js中文文檔
backbone.js
backbone.js入門教程 (PDF)
Backbone.js入門教程第二版
Developing Backbone.js Applications(中文版)
AngularJS
AngularJS最佳實踐和風格指南
AngularJS中譯本
AngularJS入門教程
構建自己的AngularJS
在Windows環境下用Yeoman構建AngularJS項目
zepto 簡明中文手冊
Sea.js
Hello Sea.js
CoffeeScript
CoffeeScript Cookbook
The Little Book on CoffeeScript中文版
ExtJS
Ext4.1.0 中文文檔
Chrome擴展及應用開發
JavaScript入門教程
PHP調試技術手冊(PDF)
XDebug 2中文手冊(譯) (CHM)
PHP之道
PHP 最佳實踐
PHP安全最佳實踐
深入理解PHP內核
PHP擴展開發及內核應用
CodeIgniter 用戶指南
Laravel4 中文文檔
Laravel 入門
Symfony2中文文檔 (未譯完)
Phalcon中文文檔(翻譯進行中)
YiiBook幾本Yii框架的在線教程
簡單易懂的PHP魔法
swoole文檔及入門教程
iOS開發60分鍾入門
iOS7人機界面指南
Google Objective-C Style Guide 中文版
iPhone 6 屏幕揭秘
Apple Watch開發初探
馬上著手開發 iOS 應用程序
網易斯坦福大學公開課:iOS 7應用開發字幕文件
Android Design(中文版)
Google Android官方培訓課程中文版
Android學習之路
小白的Python教程
簡明Python教程
零基礎學Python
Python 2.7 官方教程中文版
Python 3.3 官方教程中文版
深入 Python 3
PEP8 Python代碼風格規范
Google Python 風格指南 中文版
Python入門教程 (PDF)
Python的神奇方法指南
笨辦法學 Python (PDF版下載)
Django 文檔中文版
Django 最佳實踐
The Django Book 中文版
web.py 0.3 新手指南
Web.py Cookbook 簡體中文版
Dive Into Python 中文版
Bottle 文檔中文版 (需翻牆)
Flask 文檔中文版
Jinja2 文檔中文版
Werkzeug 文檔中文版
Flask之旅
Introction to Tornado 中文翻譯
Python自然語言處理中文版 (感謝陳濤同學的翻譯,也謝謝 @shwley 聯系了作者)
Python 繪圖庫 matplotlib 官方指南中文翻譯
Scrapy 0.25 文檔
ThinkPython
Ruby 風格指南
Rails 風格指南
笨方法學 Ruby
Ruby on Rails 指南
Ruby on Rails 實戰聖經
Ruby on Rails Tutorial 原書第 2 版 (本書網頁版免費提供,電子版以 PDF、EPub 和 Mobi 格式提供購買,僅售 9.9 美元)
編寫Ruby的C拓展
Ruby 源碼解讀
Shell腳本編程30分鍾入門
Go編程基礎
Go入門指南
學習Go語言 (PDF)
Go Web 編程 (此書已經出版,希望開發者們去購買,支持作者的創作)
Go實戰開發 (當我收錄此項目時,作者已經寫完第三章,如果讀完前面章節覺得有幫助,可以給作者捐贈,以鼓勵作者的繼續創作)
Network programming with Go 中文翻譯版本
實戰 Groovy 系列
一份其實很短的 LaTeX 入門文檔
一份不太簡短的 LATEX 2ε 介紹 (PDF版)
ANSI Common Lisp 中文翻譯版
Lua編程入門
Real World Haskell 中文版
R語言忍者秘笈
Scala課堂 (Twitter的Scala中文教程)
Effective Scala(Twitter的Scala最佳實踐的中文翻譯)
Scala指南
The Swift Programming Language 中文版
Modern Perl 中文版
Perl 程序員應該知道的事
笨辦法學Prolog
Vim中文文檔
笨方法學Vimscript 中譯本
Vim中文文檔
編譯原理(紫龍書)中文第2版習題答案
把《編程珠璣》讀薄
Effective C++讀書筆記
Golang 學習筆記、Python 學習筆記、C 學習筆記 (PDF)
Jsoup 學習筆記
學習筆記: Vim、Python、memcached
圖靈開放書翻譯計劃–C++、Python、Java等
蒂姆·奧萊利隨筆 (由譯言網翻譯,電子版免費)
Octave 入門 (PDF版)
SICP 解題集
精彩博客集合
正則表達式簡明參考