採訪/編輯:
棒!城市彙編
發佈時間:
2016-06-12 18:49
分享:
累積人次:
9054

技術開發、C#、SQL、DNS、IIS、HTML、CSS、JS、RN、線上編輯、AI+深度學習、工具

採訪/編輯:
棒!城市彙編
發佈時間:
2016-06-12 18:49
分享:
累積人次:
9054

 

 


● 目錄

● 備註

● SEO技術

● JQuery

● JavaScript

● HTML、CSS:

● React Native

● 工具:Line、線上客服對話視窗工具、PageSpeed Insights、檢測網站安全、解min檔、AI+深度學習

● C#

● IIS:

● SQL:

 

● 其他網頁技術

Google Maps API串接技術、語法


● 備註:

● Routing for custom ASP.NET MVC 404 Error page:https://stackoverflow.com/questions/553922/routing-for-custom-asp-net-mvc-404-error-page

● How to return 404 with asp.net mvc view:https://stackoverflow.com/questions/13764685/how-to-return-404-with-asp-net-mvc-view/13765271

● TLS

● 如何在 .NET Framework 4.0, 4.5 以上的程式支援 TLS 1.2 – 慢步在雲端… 邱英瑞(Jacky):https://blogs.msdn.microsoft.com/jchiou/2016/05/27/如何在-net-framework-4-0-4-5-以上的程式支援-tls-1-2/

● Update to enable TLS 1.1 and TLS 1.2 as a default secure protocols in WinHTTP in Windows:https://support.microsoft.com/en-za/help/3140245/update-to-enable-tls-1-1-and-tls-1-2-as-a-default-secure-protocols-in

● 啟用 [停用 SSL3 和 TLS 1.0 後的 [IIS 管理員 」 和 「 Web 部署:https://support.microsoft.com/zh-tw/help/3206898/enabling-iis-manager-and-web-deploy-after-disabling-ssl3-and-tls-1-0

● 更新以在Windows中的WinHTTP中啟用TLS 1.1和TLS 1.2作為默認安全協議:https://support.microsoft.com/en-za/help/3140245/update-to-enable-tls-1-1-and-tls-1-2-as-a-default-secure-protocols-in

● Line開發

● 【功能介紹】Messaging API : LINE@生活圈 台灣官方Blog:http://at-blog.line.me/tw/messaging_api_intro

● LINE@生活圈 | 與顧客及粉絲更靠近,輕鬆用LINE做行銷!https://at.line.me/tw/

● .NET Walker: 使用C#開發LineBot (1) - 用c#建立一個LineBot:http://studyhost.blogspot.com/2016/05/linebot-1-clinebot.html

● 使用Line Notify免費發送Line通知訊息 | .NET Walker 5分鐘快速充電站 | Channel 9:https://channel9.msdn.com/Shows/NET-Walker-5/Line-NotifyLine

● PageSpeed Insights:https://developers.google.com/speed/pagespeed/insights/

● 網站前端調校之「禁止轉譯的 CSS」 - Partner Studio:https://blog.patw.me/archives/1031/website-front-end-calibration-no-translation-of-css/

https://www.google.com.tw/search?q=%E6%82%A8%E7%9A%84%E7%B6%B2%E9%A0%81%E5%90%AB%E6%9C%89+1+%E9%A0%85%E7%A6%81%E6%AD%A2%E8%BD%89%E8%AD%AF+CSS+%E8%B3%87%E6%BA%90&oq=%E6%82%A8%E7%9A%84%E7%B6%B2%E9%A0%81%E5%90%AB%E6%9C%89+1+%E9%A0%85%E7%A6%81%E6%AD%A2%E8%BD%89%E8%AD%AF+CSS+%E8%B3%87%E6%BA%90&aqs=chrome..69i57.895j0j7&sourceid=chrome&ie=UTF-8

● 獨立網址 |  搜尋 |  Google Developershttps://developers.google.com/search/mobile-sites/mobile-seo/separate-urls?hl=zh-TW#automatic-redirection

 


版本規劃:11.1.2

微信1.0–文字圖片聊天工具

微信2.0–支援語音聊天

微信3.0–搖一搖

微信4.0–朋友圈

微信5.0–支付

微信6.0–紅包原文網址:https://itw01.com/FRDREKB.html

第一碼:代表重要的核心功能。

第二碼:代表功能更新

第三碼:代表debug或簡易優化更新。


SEO技術

javascript計算用戶打開網頁的停留時間:https://teakki.com/p/595db5fe47f42d35118511ef

2018年的SEO趨勢是什麼?awoo重點整理+最佳實戰祕技:https://www.awoo.com.tw/blog/2018/01/2018-seo-trend-and-best-seo-practice/

2018年的SEO趨勢是什麼?awoo重點整理+最佳實戰祕技:https://www.awoo.com.tw/blog/2018/01/2018-seo-trend-and-best-seo-practice/

SEO+AI+自動文章產生器

旅遊從住宿、景點出發,台中住宿、台中景點裡應該

起:在地主類(住宿或景點)量多介紹,

起:台中逢甲住宿必須要能呈現一定數量的介紹,

承:各種玩樂攻略:

(https://www.expedia.com.tw/Taichung-Hotels.d6177563.Travel-Guide-Hotels)

https://www.hotelscombined.com.tw/Place/Taichung.htm

轉:台中逢甲住宿鄰近的景點(鄰近最新景點、鄰近熱門景點)

合:台中逢甲交通(機場、港口、鐵路車站、公車站、捷運站等)、如何前往(開車)

 

、相關同類住宿推薦等,讓「台中住宿」關鍵字與其他詞語,量多交錯,並有資訊。

不錯的


● JQuery

● 購物車選擇使用 + -,改變數量

● https://www.google.com.tw/search?ei=_0iRW531MMjd8QWSja7YAQ&q=jquery+%E8%B3%BC%E7%89%A9%E8%BB%8A+%2B-+%E6%95%B8%E9%87%8F&oq=jquery+%E8%B3%BC%E7%89%A9%E8%BB%8A+%2B-+%E6%95%B8%E9%87%8F&gs_l=psy-ab.3...13556.38157.0.38289.24.19.5.0.0.0.152.1567.14j4.18.0....0...1.1j4.64.psy-ab..4.0.0....0.l6qbC0V3mYs

● https://tw.saowen.com/a/3f0a2da2bcab0808be3f67e2c87ff6fb1d14818d1086492ef02f5bf6b165bde5

● https://blog.csdn.net/dongsg11200/article/details/8762495

● JQuery常用功能:Datepicker , Autocomplete(自動完成:例如搜尋時自動下拉提示類似結果), Dialog, Tab, Tooltip(提示)。

實用網頁工具庫 - jQuery UI (上) 元件篇 - iT 邦幫忙::一起幫忙解決難題,拯救 IT 人的一天:https://ithelp.ithome.com.tw/articles/10120587

● Sortable Widget | jQuery UI API 中文文檔 | jQuery API中文文檔(適用jQuery 1.0 - jQuery 2.0):http://www.css88.com/jquery-ui-api/sortable/#method-serialize

● Tabs | jQuery UI:https://jqueryui.com/tabs/

● [jQ]利用 jQuery 來製作網頁頁籤(Tab) | 男丁格爾's 脫殼玩:http://abgne.tw/jquery/apply-jquery/jquery-web-tabs.html

● Autocomplete | jQuery UI:https://jqueryui.com/autocomplete/#multiple

● jQuery UI 實例 – 自動完成(Autocomplete) | 菜鳥教程:http://www.runoob.com/jqueryui/example-autocomplete.html

● Sortable | jQuery UI:https://jqueryui.com/sortable/

● jQuery:Add options to a select from an array:http://www.forpower.com/blog/2017/07/11/jquery%EF%BC%9Aadd-options-to-a-select-from-an-array/
$.each(selectArray, function(key, value) {
    $('#mySelect')
        .append($("<option></option>")
        .attr("value",key)
        .text(value));
});

● JavaScript - 取得字串中的數字(jquery):http://zhi-bin1985.blogspot.com/2015/02/javascript.html

● Javascript 常用的陣列(Array)操作大全:http://sweeteason.pixnet.net/blog/post/41263148-javascript-%E5%B8%B8%E7%94%A8%E7%9A%84%E9%99%A3%E5%88%97%28array%29%E6%93%8D%E4%BD%9C%E5%A4%A7%E5%85%A8

用 javascript 操作 JSON,發現陣列實在是超級無敵好用
不管是在陣列上的資料儲存、過濾、排序、組合都超級好用
所以有整理了一些常用 + 日後可能會用到的操作方式
完整的 Array 用法可以看 MDN 官網
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
這篇只是列出來比較常用或可能會用到的操作

● 黑暗執行緒:

邊做邊學jQuery系列13 - 自己打造jQuery Plugin:http://www.darkthread.net/jQuery/Tutorial13/default.htm

教學影片:邊做邊學jQuery:https://www.youtube.com/watch?v=9dQ4DxhyHCg&list=PLpRG_zGZAavj3aztURYe_Sq286-Sl8PtR

jQuery 1.11.3 速查表:http://www.shouce.ren/api/jquery/1.11/cheatsheet.html

JQuery速查表:https://blog.csdn.net/u013758116/article/details/37809699

● JQuery UI使用說明:

● Sortable:

jquery ui(六)拖動排序sortable:http://blog.51cto.com/dearkerwin/1285059

(讚!很多設定範例)jQuery UI實例 - 排序(可排序):http://www.runoob.com/jqueryui/example-sortable.html

註:http://ajoe.fly.idv.tw/。備註: JQuery UI 部分事件(如:sortable)無法在行動裝置執行,如需正常執行須引用 JQuery UI touch-punch:jQuery UI Touch Punch:http://touchpunch.furf.com/

官網demo:http://jqueryui.com/sortable/

● 其他

http://design2u.me/blog/943/jquery-notes-g-selector-the-selector


● JavaScript

讚!

JavaScript 學習指南(一)— 從網頁初心者到開發者的必經之路:https://tw.alphacamp.co/2016/12/29/javascript-1/
JavaScript 學習指南(二)- 從網頁初心者到開發者的必經之路:https://tw.alphacamp.co/2017/02/02/javascript-2/
JavaScript 學習指南(三)- 從網頁初心者到開發者的必經之路:https://tw.alphacamp.co/2017/02/07/coding-basics-for-marketers-3/

 

WA 中您可能不知道的小技術:https://blog.dcplus.com.tw/marketing-knowledge/optimizer/80351

WA 中您可能不知道的小技術(二):https://blog.dcplus.com.tw/marketing-knowledge/optimizer/80439

WA 中您可能不知道的小技術(三):https://blog.dcplus.com.tw/marketing-knowledge/optimizer/80586


● HTML、CSS:

引用的背景樣式:

background-attachment:fixed <背景固定>
background-size:cover <寬高撐到全滿版>、100% <寬100%,高自行等比縮放>
background-repeat:no-repeat <背景不重複>、repeat-x <背景橫向重複>、repeat-y <背景縱向重複>
background-position:bottom、top、right、left、center <背景定位>
background-color:#ffffff <背景色>


● React Native

● 從零開始學 ReactJS:https://legacy.gitbook.com/book/kdchang/react101/details

一本給初學者的 React 中文入門教學書,由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.),打造跨平台應用程式。


● 工具:Line、線上客服對話視窗工具、PageSpeed Insights、檢測網站安全、解min檔、AI+深度學習

LINE@集點卡介紹+建立教學!獲得免費的店家LINE電子集點卡,讓顧客掃描Qrcode賺取點數換優惠:https://www.pkstep.com/archives/27100

線上客服對話視窗工具:https://www.tawk.to/?utm_source=visitor-widget&utm_medium=link&utm_campaign=referral&utm_term=59891dcfdbb01a218b4db39a

http://seohouse.pixnet.net/blog/post/86205874-%E7%B6%B2%E9%A0%81html%E5%8E%9F%E5%A7%8B%E7%A2%BCseo%E4%BD%88%E5%B1%80%E5%88%86%E6%9E%90

PageSpeed Insights:https://developers.google.com/speed/pagespeed/insights/?hl=zh-tw

確認該網站是否安全?https://transparencyreport.google.com/safe-browsing/search

解min檔:http://jenson.in/codeformatter/

● AI+深度學習:【深度學習】如果電腦有神經,可以教它做什麼?http://research.sinica.edu.tw/deep-learning-2017-ai-month/


● C#

● C# 創建iis網站以及IIS網站屬性:http://hello.www.boncity.com/pm/Info/ReadV1/43281

● C#獲取網頁源碼並且自動判斷網頁字符集編碼:http://hello.www.boncity.com/pm/Info/ReadV1/43280
● C# Javascript Regex 正規化表達式 如何只抓括號內的資料:http://hello.www.boncity.com/pm/Info/ReadV1/49083

線上編輯器設計參考:仿Weebly、WIX

● 第三方外掛套件:線上客服(可以參考其與FB+IG+line整合):https://www.easychat.co/zh-hant/install/own-website.html

● 使用Facebook帳號登入

● 筆記:使用Facebook帳號登入ASP.NET MVC網站 - 黑暗執行緒:http://blog.darkthread.net/post-2016-08-28-login-aspnet-mvc-with-facebook-account.aspx

● c# - Why new fb api 2.4 returns null email on MVC 5 with Identity and oauth 2? - Stack Overflow:https://stackoverflow.com/questions/32059384/why-new-fb-api-2-4-returns-null-email-on-mvc-5-with-identity-and-oauth-2/32636149#32636149


● IIS:

● SSL憑證、HTTPS網站

● 在 IIS 架設多個 HTTPS 網站:https://poychang.github.io/iis-multi-domain-ssl/

● 免費SSL憑證:https://www.sslforfree.com/

● 設定Open Office檔案格式

.odt => application/vnd.oasis.opendocument.text
.ods => application/vnd.oasis.opendocument.spreadsheet
.odp => application/vnd.oasis.opendocument.presentation


● MariaDB - 繁體中文 - MariaDB Knowledge Base:https://mariadb.com/kb/zh-tw/mariadb/

● mariadb 連接遠端 microsoft sql server:總部平台需要。

● mariadb, MSSQL, SQLite(行動裝置使用)


● SQL:

● 使用者入門 (SQL Server 2014):https://msdn.microsoft.com/zh-tw/library/hh231622(v=sql.120).aspx

● Download Microsoft® SQL Server® 2014 Express from Official Microsoft Download Center:https://www.microsoft.com/zh-tw/download/details.aspx?id=42299

● Microsoft.com site search results:https://www.microsoft.com/zh-tw/search/result.aspx?q=sql+server+2014&form=MSHOME

● Download Microsoft® SQL Server® 2014 Service Pack 2 (SP2) from Official Microsoft Download Center:https://www.microsoft.com/zh-tw/download/details.aspx?id=53168

● eInfo整理:

● 檢查欄位中「空值」是否都是「null」。

● 進行欄位簡化工程。一對多、或一對一資料表。以免造成太多浪費的欄位空間。

○Agoda等外部合作的欄位,移出另一個資料表。所有欄位檢查定義。

● 每日太破碎的資料表進行重建、重索引優化作業


 

CodeV2_1_0 : AAAA-A0011000000000000-AA1100000000001000000000000000+1100000000001000000000000000-1-1-- -k: --5--