webqqhashjs

❶ Node.js代碼轉php

如果你們開發團隊正在使用PHP，並考慮遷移到Node.js，這篇文章很適合你。本文並不探討從PHP移植到Node.js的細節，以及Node.js的基礎知識。而是涵蓋：決策制定、著手點的描述、編寫 Node.js 伺服器的深層次注意事項、以及部署策略。

為什麼遷移？

1stdibs 決定從 Apache/PHP 遷移到 Node.js+Express 有五個理由：

代碼更少
全棧式JS
開發人員幸福度更高
投入回報率
未來的優化
代碼更少

1stdibs基於面向服務體系架構（SAO），前端調用後台的java服務。這意味著需要同時維護前端模型，以及服務端PHP和客戶端JS模板。試想一下，如果可以擺脫PHP，就能夠統一前端展現與後台模型於一種語言：JavaScript（同時可以合並一些模板）。從維護的角度來看，這么做代碼更簡潔，並且沒有重復邏輯。

同構JavaScript萬歲!

全棧式JS（及其優點）

整個開發棧使用一種語言很簡便。對開發者來說，較少的環境切換使他們開心和高效。額外的好處是工具使用更簡單。相比之前使用Composer和npm兩個包管理器，現在只需要一個。盡管Composer很出色，由於nbp負責工具和客戶端管理，nbp總是必要的。一旦去掉所有的PHP代碼，nbp將成為僅有的包管理器。

開發人員樂意

我們要保證開發人員的技能集得到擴展、職業生涯不斷發展，這一點很重要。對於JavaScript工程師而言，Node.js極具吸引力。能夠在服務端使用與客戶端相同的工具、風格和模式，是非常順手和高效的。此外，Node.js相當流行，在企業級開發上也得到了長足發展。Node.js是JavaScript工程師的必備技能。

投入回報率

我們在招聘優秀的JS工程師和培訓初級JS工程師方面花了大價錢。由於客戶端棧很復雜，我們需要高級JavaScript工程師。我們不再僱用PHP工程師，僅僅僱用了JavaScript工程師。我們的觀點是，為什麼不培養他們在服務端的技能呢？

未來的優化

長遠而言，我們打算把兩個龐大的應用分割成一系列獨立部署的小應用。這很容易通過Node.js、Express和nbp實現。理論上，PHP（比如使用Slim）可以做同樣的事。但我們非但得不到上述好處，還會搞得一團糟：在Apache/PHP上進行操作會更加復雜，基礎設施也會變得有些奇怪。

選擇框架

那個最終被我們用Node.js替換掉的PHP應用，主要有如下職責：

登錄和授權
路由選擇和服務端模板引擎（服務HTML）
引導前端應用
代理服務（為了迴避CORS）
服務靜態資源（js，css，images）
這些就是我們需要替換掉的基本功能。

我們嘗試過不少框架，Express令人嘆為觀止（試一下我們評估過的spreadsheet）。任何未基於Express 的框架看起來都不靠譜。Express通俗易懂，並有良好的文檔。另外，可以招聘到正經培訓過Express的人。

我們添加了一些kraken的核心模塊（express-enrouten用於路由選擇、lusca負責安全）；此外，i18n-node提供國際化支持，模板引擎使用Swig（我們後來放棄了Swig。呵呵，開源軟體還是有風險的）。

我們考慮過全盤使用kraken，但是從原來的服務端php模板引擎Twig切換到Swig直截了當，還很快捷。此外，kraken裡面的Dust和i18n也不討人喜歡。

編寫伺服器

選好了框架，下一步該寫伺服器了。

使用Apache+PHP時，你不需要再寫一個伺服器。Apache本身就是伺服器，PHP是應用。如果使用Node.js，伺服器和應用是同一個。從Apache/PHP轉到PHP，你需要處理一些之前自然而然使用的功能，這一點很重要。使用Apache，你（或者系統管理員）配置伺服器，在PHP應用里完全不用關心Apache為你處理的那些事。Node.js卻以一種不同的方式來工作。

提供靜態文件服務

毋庸置疑，提供靜態文件服務是Apache的核心功能。Node.js與此不同，你要在應用中配置靜態文件服務。幸運的是這很簡單，有良好的文檔說明，並且是在Express中實現的。

日誌

很多基本的Apache配置為你提供訪問日誌和錯誤日誌。使用Node.js時，估計你也猜到了，同樣需要在應用中配置。所幸很多優秀的開源軟體包使之變得很簡單。Morgan是一個基本的請求日誌記錄器，它配置簡單，允許你把日誌寫到輸出流（標准輸出設備或文件）。如果你需要把日誌寫到資料庫，或者有別的（更高級的）日誌需求，那就試一下winston吧。

代理

我們有一個基本需求：能夠代理傳輸客戶端ajax請求到後台服務。相比於處理CORS頭，代理所有來自相同域的請求要簡單得多。但你要想通過代理使用webpack-dev-server（正如我們所做的），就必須在Node.js應用中處理這一問題。http-proxy是一個簡單可靠的解決方案。

剩下的工作

除了上面提到的，還有一些列別的工作需要完成。我們從一個MVC應用談起，該應用基於 CodeIgniter(CI)框架，為一系列單頁應用提供服務。大部分工作就是移植：

CI控制器移植到Express路由選擇器和中間件（包括登錄和認證）
Twig模板引擎移植到Swig（這一步比較瑣碎）
Service層數據訪問（以便正常啟動客戶端單頁應用）
上面並未列出CodeIgniter模型這一關鍵組件。事實上根本不用重寫PHP模型！太給力了！我們的客戶端應用使用Backbone模型。當然這要擴展Backbone.Model.sync，從而使之全局地工作在伺服器和客戶端。

部署

如果你的app規模較大，不應該一次性全部上線。可以通過漸進式部署的方式逐步上線。我們因此花費了好幾周。

漸進式部署的優點：

最小化bug范圍
每次在發布一部分路由及功能的同時，其他工程師可以正常進行開發
對正在進行的功能開發和改進影響最小 — 新功能可以繼續發布（這可能導致重復的工作）
如果操作得當，可以快速回滾到之前的服務
NGINX很不錯

該如何逐步上線呢？我們在眾多的伺服器中挑選了Nginx。

1
2
3
4
5

+----------+

http | |--->
Apache/PHP

request---->| Nginx
|

| |--->
Node.js

+----------+

Nginx允許你一次只「打開」一個路由（如果發現情況不妙就關掉 — 正如我們多次遇到的），這給了你很大的自由度。我們也發現打開路由的時候不用部署代碼，這很有幫助。這在一周一次的發布計劃里，為我們提供了一些迴旋空間。

不過有一個缺點，你需要確保客戶端代碼同時接受舊的Apache/PHP伺服器和新的Node.js伺服器提供的服務。這並不可怕，不過你要把舊伺服器上未優化的功能移植到新的伺服器。屏住呼吸去做吧（記得寫一個便利貼去清理你的技術債）。

總結

從頭到尾，整個移植工作大概花費了一年。這聽起來可能有點荒謬，不過這個時間表包括決策過程（比較匆忙）、基於Express寫一個滿足需求的核心框架、移植所有功能、逐步漸進式上線。此外，請記住，我們始終只有一兩個開發者為之工作 — 並且是兼職。

如果你想嘗試一下，請慎重考慮。你的團隊能否受益？你的整個組織能否受益？如果你來自商業組織，請記住商業需要持續運轉。你需要在商業目標和工程目標之間找到良好的平衡。

❷ 手把手教你調用微信掃一掃！三分鍾包會

這是我第一次公眾號開發，本以為看著微信官方文檔直接復制粘貼就好了，沒想到是我天真了，爬過一個坑又入一個坑！就這么一個簡單的事，竟然搞了一下午，所以寫了這篇文章，希望可以幫到大家！

第一步：引入 weixin-js-sdk

直接在 html 文件內，使用 script 引入：

或者

第二步：許可權驗證配置

timestamp,nonceStr,signature 重要信息請根據自己的公眾號信息去獲取。需要注意的是 debug 調試的時候，設置為 true ，會自動彈出配置成功或失敗信息，調試時可以藉助它。

第三步：調用掃一掃介面

我們在需要的按鈕處，點擊事件處開始調用掃碼介面，如：

做了一個判斷處理，檢查只有微信瀏覽器，其他瀏覽器不可以調用：

第四步：真機測試

真機測試的時候，一直在提示：

errMsg:config:invalid signature

中文叫做簽名無效。

查找原因是因為我的簽名獲取來和官方 微信 js 介面簽名校驗工具獲取來的數據不一樣，很明顯獲取的簽名有問題，是因為我的 url 配置和前端調起介面的 url 不一致造成的。

第五步：蘋果手機測試

蘋果手機真機測試，提示錯誤信息為：

the permission value is offline verifying

翻譯為中文：許可權值正在離線驗證

這個錯誤原因是 config 沒有正確執行。

又繼續去檢查簽名的問題，最後發現是後台介面欄位寫錯了，欲哭無淚，總之還是簽名信息錯誤。

第六步：安卓正常，蘋果點擊無反應

用安卓測試的時候，竟然好了，完美展示掃碼結果，以為要好了。使用 ios 測試的時候，竟然發現點擊的時候沒有任何反應。

找了半天原因，是因為 window.location.href 不同造成的。

測試結果：

安卓：https://hp.******.net/

IOS：https://hp.******.net//

IOS 手機就是因為 url 與簽名配置處的 url 不同，所以導致 config 執行失敗。究其原因是因為我的 vue-router 是 hash 模式。

解決方案：把我的 hash 模式換成 history 模式。記得後台也需要配置 nginx 。

第七步：IOS 掃碼無反應

當 IOS 能調起介面的那一刻，我以為要成功了，哪知道它就是要與 安卓 與眾不同，掃碼之後沒有任何反應，但是如果你快速地連續多掃幾次就會出現結果。

你就說要命不？網上查找了半天，看見有的人說有延時，最後想乾脆加個延時算了。

果然加了延時之後就好了。

第八步：掃碼結果處理

可能存在問題：

1、iOS設備掃碼正常，Android設備掃碼後沒反應
2、Android設備掃碼正常，iOS設備掃碼後沒反應

原因 ：微信開發文檔並沒有說清楚，其實在微信後台可能是維護了2個介面， 或者是對設備類型進行了區別，總之在 回調 函數中返回的結果封裝對象並不是同一個， 所以這要求我們也進行相應的處理， 不然就會出現上面這種默認奇妙的問題。

IOS 返回結果：

Android 結果：

第九步：修改路由

本以為 蘋果安卓手機都能夠正常掃碼，沒問題了。但是領導換需求了，之前是掃碼放到外邊，可以匿名掃。現在要修改成登錄之後才可以掃碼。

我就把路由修改了一下，先在登錄頁登錄成功之後，再進入掃碼頁，後台也同步修改了 url 地址，修改完測試發現：

安卓的一切正常。

蘋果手機壞了！

奔潰了，看看錯誤提示：noPermissionJsApi:[],errMsg:"config:ok"。

確定之後有一個錯誤提示。

errMsg:scanQRCode:the perssion value is offline verifying

一頓網路猛如虎，半天原地打轉轉！

有前邊一次經驗教訓，我就又去找地址的原因。最後發現是竟然 $router.push 的跳轉影響了我的 url ，在 IOS 上的 push 跳轉不能寫入瀏覽器的地址欄，但是安卓可以，導致安卓和 ios 跳轉之後的地址不同，所以 ios 失敗了。

解決辦法：

此時就正常運行了。這下滿足項目要求了，不會再出什麼幺蛾子了！

微信官方開發文檔：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#4

❸ Flash和JS實現的圖片幻燈片切換特效

把用到這個效果的文件放在網站的文件夾里，然後imgUrl1="images\f1.jpg"就可以了，原來不顯示應該是路徑不對

❹ 想要系統學習java到底要學習哪些知識

一、java基礎

學習任何一門編程語言，首先要學習的是基礎語法，開啟Java學習的第一步，當然就是深入掌握計算機基礎、編程基礎語法，面向對象，集合、IO流、線程、並發、異常及網路編程，這些我們稱之為JavaSE基礎。當你掌握了這些內容之後，你就可以做出諸如：電腦上安裝的迅雷下載軟體、QQ聊天客戶端、考勤管理系統等桌面端軟體。

java學習路線大陸傳送門

❺ 手機瀏覽web網頁的時候，自動跳轉到對應的wap網頁，求代碼

|使用以下JS函數：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77

function uaredirect(f) {
try {
if (document.getElementById("bdmark") != null) {
return
}
var b = false;
if (arguments[1]) {
var e = window.location.host;
var a = window.location.href;
if (isSubdomain(arguments[1], e) == 1) {
f = f + "/#m/" + a;
b = true
} else {
if (isSubdomain(arguments[1], e) == 2) {
f = f + "/#m/" + a;
b = true
} else {
f = a;
b = false
}
}
} else {
b = true
}
if (b) {
var c = window.location.hash;
if (!c.match("fromapp")) {
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|SymbianOS)/i))) {
location.replace(f)
}
}
}
} catch(d) {}
}
function isSubdomain(c, d) {
this.getdomain = function(f) {
var e = f.indexOf("://");
if (e > 0) {
var h = f.substr(e + 3)
} else {
var h = f
}
var g = /^www\./;
if (g.test(h)) {
h = h.substr(4)
}
return h
};
if (c == d) {
return 1
} else {
var c = this.getdomain(c);
var b = this.getdomain(d);
if (c == b) {
return 1
} else {
c = c.replace(".", "\\.");
var a = new RegExp("\\." + c + "$");
if (b.match(a)) {
return 2
} else {
return 0
}
}
}
};

調用方式：

<SCRIPT type=text/javascript>uaredirect("手機站","WEB站");</SCRIPT>

另外，現在分別為PC和WAP開發兩個網站的做法已經不再提倡了

推薦使用響應式框架如Bootstrap等，做一個網站，同時兼容PC端和<a href="https://www..com/s?wd=%E7%A7%BB%E5%8A%A8%E7%AB%AF&tn=44039180_cpr&fenlei=-bIi4WUvYETgN-" target="_blank" class="-highlight">移動端</a>
成本更低