好用小工具

截圖軟體 Screenpresso API測試軟體 postman 壓力測試工具 jmeter 專案管理工具 redmine 對接linux工具MobaXterm
或者WinSCP

chrome 新sessionID

沒切SESSION的BUG

chrome浏览器每次请求产生一个新session

https://www.v2ex.com/t/56219
http://ask.csdn.net/questions/388739
http://yilinliu.blogspot.tw/2013/03/aspnet-chromefaviconicosession.html
所以我的問題跟下面那些人都沒關係


結果是因為我勾到這個，可惡!!!!!!

切SESSION方法
https://dotblogs.com.tw/jimmyyu/archive/2009/11/21/12097.aspx
https://zhidao.baidu.com/question/1238058978868049619.html





延伸閱讀:
禁用cookie，session還能用嗎
https://www.zhihu.com/question/35307626

讓我們來談談CSRF 

https://blog.techbridge.cc/2017/02/25/csrf-introduction/

HTML 5 中的資料屬性

<li id="mainAccount" data-target="accountLayout">主帳號</li> JS上可以: var mainAccount = document.getElementById('mainAccount'); console.log(mainAccount.dataset.target);

css可以當作一個屬性:

{ content:attr(data-target);

}

li[data-target="accountLayout"] {

} 連結: https://pjchender.blogspot.tw/2017/01/html-5-data-attribute.html

gulp自动添加版本号

為什麼要添加版本號呢?因為用戶會暫存CSS，所以請求網址不一樣，瀏覽器就會重載，用戶才不會一直用到舊的貨
總之，因為時代變遷，但專案還是舊舊的，所以要現在比較少人用的gulp了
附上比較新的連結
https://www.qianyanqianyu.com/?p=14

ajax檔案上傳

之前有做過圖片上傳，把遇到的事情記下來

用post方式傳檔案

<input type="file" name="myfile">

我後端用PHP抓不到

$_FILES["myfile"]["name"]

換這樣

<input type="file" id="myfile">

就抓的到了

居然是吃ID(是我見鬼嗎)，這樣對嗎?



換ajax傳檔案

<input type="file" id="myfile">

我後端用PHP抓不到

$_FILES["myfile"]["name"]

換這樣

<input type="file" name="myfile">

換這樣就抓的到了

變正常吃NAME了

$("form").submit(function(e) {

e.preventDefault();

var formData = new FormData(this);

$.ajax({

url: '/123.php',

type: 'POST',

data: formData,

success: function (data) {

},

cache: false,

contentType: false,

processData: false

});

});

這樣欺負我QQajax傳檔案用formData來做

要注意:

through FormData object, but unfortunately it is not supported by all/old browsers.FormData support starts from following desktop browsers versions. IE 10+, Firefox 4.0+, Chrome 7+, Safari 5+, Opera 12+

附上ajax傳檔的連結:

http://www.jianshu.com/p/46e6e03a0d53
https://stackoverflow.com/questions/2320069/jquery-ajax-file-upload
檔案加資料一起傳
https://stackoverflow.com/questions/10899384/uploading-both-data-and-files-in-one-form-using-ajax

我常用的IDE功能

因為coding的年齡來不算太長，所以工具也不算熟用
用過
notepad++
eclipse
sublime
netbeans
visualstudiocode
我工作時間還不到兩年，所以有些只用了1個禮拜，有些用了幾個月，最長的也不到一年...
以下列visaulStudioCode，常忘記但會用到的快捷鍵，

ctrl+k+[
摺疊，可以幫我把所有的function摺起來
ctrl+u
游標回到上一個位置
shift+alt+f
格式化code
shift+alt+滑鼠左鍵
多游標操作
shift+alt+↓
複製上一行
ctrl+tab
切換到上個頁籤
ctrl+shift+\
游標跳到對應的括號
上頁下頁  alt +←    alt +→


內建貼心功能
/**    在function上方打，就會出現format好的註釋，非常方便


外掛功能
Align   ctrl+alt+a   將code像表格般對齊

在 vscode 1.8 版本增加了如下两个快捷键配置
自定义快捷键配置中 keybindings.json 增加如下代码即可

    {
        "key": "ctrl+shift+u",
        "command": "editor.action.transformToUppercase",
        "when": "editorTextFocus"
    },
    {
        "key": "ctrl+shift+l",
        "command": "editor.action.transformToLowercase",
        "when": "editorTextFocus"
    }

https://www.zhihu.com/question/48779613/answer/146510029


http://qingbob.com/visual-studio-code-tips/

https://www.zhihu.com/question/37623310

快捷键大全
http://blog.csdn.net/crper/article/details/54099319

javascript動態改變樣式

我們都知道添加CSS的方法有3+1種

行內套用 (Inline)
嵌入套用 (Embed)
外部連接套用 (External Link)
匯入套用 (Import)
https://www.1keydata.com/css-tutorial/tw/apply.php#link



但是要動態改變css該怎麼做呢?

1.改變行內套用(最基本的)
2.改變外部連結套用
通过改变外嵌CSS样式文件即时改变网页样式
http://blog.csdn.net/johnsuna/article/details/4346258

3.改變嵌入套用
YUI中使用了一个很好的办法：style.appendChild(document.createTextNode(styles));采用createTextNode将样式字符串添加到<style>标签内
http://www.css88.com/archives/4426


https://stackoverflow.com/questions/4232557/jquery-css-write-into-the-style-tag