分類: 前端

[前端]中文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
閱讀全文 [前端]中文urlencode,urldecode的問題-純js

手邊可以使用的開發資源

今天看了一篇文章 【8個免費工具幫助簡化前端開發的工作】
就來整理一下手邊有的資源
其實平常找工具都是透過Google
但是有些真正好的工具，其實是藏在民間
但是曾經看過卻沒有整理的資料
往往就會遺忘掉了

https://uiuxlink.hackpad.com/
這上面有很多UI/UX的資源整理
由於是hackpad，也可以補充更多資源上去

之前寫了篇Github上面的資源整理
也是可以快速找到開發資源的方式
閱讀全文 手邊可以使用的開發資源

有趣的網站研究 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研究研究

有趣的網站研究 Day 1

開始寫新的主題
把別人網站拿來研究也是不錯的主題

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

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