前端 – 這世上 沒有偶然 只有必然 https://wordpress.lokidea.com 幻幽的小小分享區 Fri, 03 Jul 2015 15:55:30 +0000 zh-TW hourly 1 [前端]中文urlencode,urldecode的問題-純js https://wordpress.lokidea.com/303/%e5%89%8d%e7%ab%af%e4%b8%ad%e6%96%87urlencodeurldecode%e7%9a%84%e5%95%8f%e9%a1%8c-%e7%b4%94js/ https://wordpress.lokidea.com/303/%e5%89%8d%e7%ab%af%e4%b8%ad%e6%96%87urlencodeurldecode%e7%9a%84%e5%95%8f%e9%a1%8c-%e7%b4%94js/#respond Fri, 03 Jul 2015 15:55:30 +0000 https://wordpress.lokidea.com/?p=303 閱讀全文 [前端]中文urlencode,urldecode的問題-純js]]> 這問題真的挺少見的
筆記一下

問題情況：
有某中文字串，經過urlencode過，需要使用urldecode，
但是原始字串編碼並非是UTF-8，所以不能直接使用js 的urldecode function
但是又不能使用後端解碼，只能用js處理

網路上搜尋過後，
最常見的解法
就是在JS裡面寫一段解碼表，把utf-8(en) -> big5(de)
找到一段轉換code 連結
網路上也有轉換的線上站 連結
但是不能用這麼多的js code
於是，另外找了其他作法
(造福中国前端界）纯前端Js完美解决各种汉字urlencode,urldecode，编码解码问题，不借助任何字库，内码表，轻松一行，兼容IE8+，chrome，firefox，safari等主流浏览器
範例網址
github source code link

以下為未整理的相關資料
http://fanli7.net/a/bianchengyuyan/C__/20130530/360927.html
http://blog.darkthread.net/post-2008-07-16-querystring-encoding.aspx

]]> https://wordpress.lokidea.com/303/%e5%89%8d%e7%ab%af%e4%b8%ad%e6%96%87urlencodeurldecode%e7%9a%84%e5%95%8f%e9%a1%8c-%e7%b4%94js/feed/ 0 有趣的網站研究 Day 2 https://wordpress.lokidea.com/243/%e6%9c%89%e8%b6%a3%e7%9a%84%e7%b6%b2%e7%ab%99%e7%a0%94%e7%a9%b6-day-2/ https://wordpress.lokidea.com/243/%e6%9c%89%e8%b6%a3%e7%9a%84%e7%b6%b2%e7%ab%99%e7%a0%94%e7%a9%b6-day-2/#respond Tue, 09 Jun 2015 15:55:08 +0000 https://wordpress.lokidea.com/?p=243 閱讀全文 有趣的網站研究 Day 2]]> 點到這網站的時候
只是想說這兩個卡通角色竟然有特展
於是就進來看了
但是切換頁面的時候發現
竟然可以用loading的變更
切換頁面不用全部讀取
而且可以平順的切換網址
跟FB很類似的效果

網站：http://mmts40.tw/ticket/

看了一下code
網站是wordpress架設的
用到wp的一個theme的修改
叫做 Bridge，是在 themeforest 上面販賣的
仔細找一下
平順轉頁的功能是這個theme的公司自己寫的功能

gist：https://gist.github.com/Barneybook/3ad781b965264b34ee7a

theme引用的其中一個js檔，應該就是ajax換頁的功能
我貼到gist上面，其實寫的挺好的
看來需要另外找時間去把code研究研究

]]> https://wordpress.lokidea.com/243/%e6%9c%89%e8%b6%a3%e7%9a%84%e7%b6%b2%e7%ab%99%e7%a0%94%e7%a9%b6-day-2/feed/ 0 有趣的網站研究 Day 1 https://wordpress.lokidea.com/241/%e6%9c%89%e8%b6%a3%e7%9a%84%e7%b6%b2%e7%ab%99%e7%a0%94%e7%a9%b6-day-1/ https://wordpress.lokidea.com/241/%e6%9c%89%e8%b6%a3%e7%9a%84%e7%b6%b2%e7%ab%99%e7%a0%94%e7%a9%b6-day-1/#respond Mon, 08 Jun 2015 15:55:14 +0000 https://wordpress.lokidea.com/?p=241 閱讀全文 有趣的網站研究 Day 1]]> 開始寫新的主題
把別人網站拿來研究也是不錯的主題

網站連結：http://p5jsbrush.yannest.com/
gist：https://gist.github.com/Barneybook/836248c800f5dbc0cefa

PS:避免code被刪掉，備份到gist了!!
有用到一個p5.js，感覺也是繪圖用的js
這是一個把滑鼠移動的地方塗白，點選左鍵就會塗黑的範例
 

]]> https://wordpress.lokidea.com/241/%e6%9c%89%e8%b6%a3%e7%9a%84%e7%b6%b2%e7%ab%99%e7%a0%94%e7%a9%b6-day-1/feed/ 0