蓄積-フロントエンド開発で自分が直面した問題と解決方法(JavaScript/jQuery)

2744 ワード

前に書いてあると
良い記憶力は腐った筆頭に及ばないで、開発の中でいつも各種の問題に出会って、時にはいくつかの問題を解決するために甚だしきに至っては解答を探して長い間、ネット上の大牛の解答もいろいろで、あるものは理解することができて、あるものは理解することができなくて、1つ1つ調べてあれらの解答を見分けるのがあなたが望んでいるので、無形の中でまた貴重な時間を浪費しました.
そして時間が経つにつれて問題が多くなり、当初どのように解決したのか忘れてしまうこともあり、また出会ったらまた探さなければならないので、時間の無駄です.記録が蓄積されて自分で見るのが便利になると同時に、他の人に参考になる機会があることを望んでいます.独楽は衆楽楽に及ばないです.
重要なのは、自分が直面した問題を振り返り、総括することであり、自分の知識を再整理し、知識を脳に戻し、自分のものになってから出力することであり、これは自分の成長にとって価値のあることである.それが一番だ.
だから、これは主に自分に書いた文章です.また、フロントエンドが好きな他の友达も歓迎します.もし誰かが見て、間違っていることに気づいたら、貴重な意見を提供することを歓迎します.
Javascript
URLからパラメータを取得する方法
//javascript
var urlParams;
function getUrlParam(key){
    if(!urlParams){
        //          URL     URL 
        var url=location.href;
        //  url       ?                0      
        if(url.indexOf('?')>0){
            //  URL   ?      ,   &                 ,     paramsString
            var paramsString = url.substring(url.indexOf("?") + 1, url.length).split("&");
            var paramItem,i;
            //        
            urlParams = {};
            //             
            for (i = 0; i

URLから中国語パラメータを取得して文字化けしない方法(上記の方法に代わる)
function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var l = decodeURI(window.location.search);
        var r = l.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }


登録ページ、パスワード入力ボックス小さな目をクリックしてパスワードの表示と非表示を切り替えます
  • 機能の実現の重点は、小さな目をクリックしてinputのtype値と小さな目の画像imgのsrcパス
  • を変更することである.
    
    //html
    
  • ![](img/invisible.png)
  • //javascript // showPsw(); function showPsw() { // n var n =1; // $("#visible").on('click', function() { n 0 input type img src , n 1, n=2 if (n%2 != 0) { $('#inputInVisible').attr('type', 'text'); $('#visible').attr('src', 'img/visible.png'); n++; }else if (n%2 == 0){ // n=2, , , type img scr , n 1, , 。 $('#inputInVisible').attr('type', 'password'); $('#visible').attr('src', 'img/invisible.png'); n--; } }); }

    (未完待機...)