some small knowledge

時間 2019-12-12

標籤 small knowledge 简体版

原文原文鏈接

cookie 增查javascript

<!--1.語義化標籤的做用-->
<!--1.1 從開發角度考慮是提升代碼的可讀性可維護性-->
<!--1.2 網站的發佈者：seo 搜索引擎優化 -->

<!--2.語義化標籤的兼容問題-->
<!--2.1 IE9如下不支持H5標籤（大部分css3屬性，一些H5的api）-->
<!--2.2 IE9如下不認識，把這些標籤當作行內元素去看待-->
<!--2.3 語義化標籤須要動態建立 document.createElement('header') 同時設置塊級元素-->
<!--2.4 有一款插件能幫你完成這件事件  html5shiv.js   -->
<!--2.5 必須引入在頭部，在頁面結構以前，提早解析h5標籤-->
<!--2.6 優化處理：支持H5標籤的不須要加載，IE9如下不支持H5加載-->
<!--2.7 js判斷客戶的瀏覽器版本能夠作到，可是不能作到js提早加載-->
<!--2.8 條件註釋：網頁的任何地方  根據瀏覽器版本去加載內容（html標籤）-->
<!--2.9 固定語法  lt 小於  gt 大於  lte 小於等於  gte 大於等於 -->

條件註釋

php

H5 知識

H5 api
1. querySelector() 獲取符合選擇器的第一個元素
2. querySelectorAll() 獲取符合選擇器的全部元素css

1. jquery操做類的方法：addClass() removeClass() toggleClass() hasClass()
2. h5也有相似的api 基於一個對象classList的方法 add() remove() toggle() contains()     //contains判斷有誤類，返回布爾值

eg:
<script>
    var dom = document.querySelector('li:nth-child(2)');
    /*1.獲取類*/
    console.log(dom.classList);
    /* DOM.classList  獲取的是這個DOM元素上的全部class */
    /*2.操做類*/
    dom.classList.add('blue');
    dom.classList.remove('red');

    document.querySelector('button').onclick = function () {
        dom.classList.toggle('toggle');
        console.log(dom.classList.contains('red'));
    }
</script>

H5自定義屬性 ： date-*
H5的date-*屬性： 更改的是DOM
　　var div= document.querySelector('div') //獲取
　　div.dateset //獲取元素的全部date 對象
　　div.dateset.user //獲取單個

jQuery的date-*屬性 ： 更改的是內存（對象存儲的位置內存，並不修改DOM）
$('div').date() //獲取全部date屬性
$('div').date('user')　　　　// 獲取單個
$('div').date('user','16')　　//設置屬性值

<meta http-equiv="refresh" content="0; url=">    404重定向
頁面按期刷新，若是加url的，則會從新定向到指定的網頁，content後面跟的是時間（單位秒），把這句話加到指定網頁的<head></head>裏

分享到Facebook links yotubehtml

  <div class=fx><a class=fb href="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(document.location.href)+'&t='+encodeURIComponent(document.title),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450,top=100,left=350');void(0)"></a>
            <a class=ytb href=#></a> <a class=tw href="javascript:window.open('http://twitter.com/home?status='+encodeURIComponent(document.location.href)+' '+encodeURIComponent(document.title),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450,top=100,left=350');void(0)"></a>
            <a class=in href="javascript:window.open('http://www.linkedin.com/shareArticle?mini=true&url='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title)+'&source='+encodeURIComponent(document.location.href),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450,top=100,left=350');void(0)"></a>
        </div>

JsFormat：html5

這裏下載這插件包 https://github.com/jdc0589/JsFormat ，點油下角的zip就能下載java

使用方法：jquery

一、快捷鍵：ctrl+alt+fcss3

html-css-js prettify：git

一、快捷鍵：ctrl+shift+Pgithub

三、輸入html-css-js prettify，選擇html-css-js prettify

電子數據相關的取證：網站被侵權等

https://www.egongzheng.com/help/53.htm

http://www.24qz.cn/

http://quzheng.baidu.com/?tdsourcetag=s_pctim_aiomsg&qq-pf-to=pcqq.discussion

　　https://chenhuichao.com/ 陳回潮的學習博客

//安裝ruby 配置sass 環境

移除以前的環境，使用國內鏡像
gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

//安裝完成以後，查看源
gem sources -l

//提示以下

*** CURRENT SOURCES ***

https://gems.ruby-china.com/

gem install sass


編譯參數：--no-cache %FileName% %FileBaseName%.css --style compact
參考連接：https://gems.ruby-china.com/

滾動到頁頭
<script>

        $(window).scroll(function(){
      $("#scrolls").click(function(){
            $("html, body").animate({scrollTop:0 },300);
        })
    });
    </script>

監聽span裏面text 文本的變化觸發事件
$("#select2-chosen-6").bind("DOMNodeInserted",function(e){
     console.log($(e.target).html());
})

jquery : stickUp

#獲取訪問用戶的IP地址
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> 

      document.write(returnCitySN["cip"]+','+returnCitySN["cname"])

 $.ajax({

             type: "POST",

             url: "test.json",

             data: {ip:'168.122.122.12'},

             dataType: "json",

             success: function(data){

            }

         });

請求輪詢：數據實時更新——每隔xx秒須要刷新一次接口——即須要用到定時器相關原理，只使用setInterval 會形成定時器疊加，致頁面卡死
window.setInterval(() => {
  setTimeout(fun, 0)
}, 30000)

//點擊遮罩層隱藏，解決方案是即是判斷event target ，而且保證 這個時間不會冒泡。
$('.overlay').click(function(e){
  if (e.target == e.currentTarget)
    closeOverlay();
});

cookie小記
//判斷cookie是否存在
getCookie(name)      
        {
            var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
            if(arr != null) {
                this.options=JSON.parse(arr[2])
            }else{
                this.getScreen()
            }
        }

//設置增長cookie   params: exdays(定時過時)
設置定cookie 爲數組內含對象時須要轉換爲字符串 eg: var data=[{a:1},{a:2}]     JSON.stringify(data)



setCookie(c_name,exdays) {
                    var exdate = new Date(); 
                    exdate.setTime(exdate.getTime() + 24 * 60 * 60 * 1000 * exdays); 
                    window.document.cookie = "secondCategory" + "=" + c_name + ";path=/;expires=" + exdate.toGMTString();
        }

修改滾動條樣式
/*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/  
::-webkit-scrollbar  
{  
    width: 4px;  /*滾動條寬度*/
    height: 10px;  /*滾動條高度*/
}  
  
/*定義滾動條軌道 內陰影+圓角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  /*滾動條的背景區域的圓角*/
    background-color: #eee;/*滾動條的背景顏色*/  
}  
  
/*定義滑塊 內陰影+圓角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  /*滾動條的圓角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #999;  /*滾動條的背景顏色*/
}

// 對象深度克隆方法
export function cloneObj(obj) {
  let str;
  let newobj = obj.constructor === Array ? [] : {};
  if (typeof obj !== 'object') {
    return;
  } else if (window.JSON) {
    str = JSON.stringify(obj); // 序列化對象
    newobj = JSON.parse(str); // 還原
  } else {
    // 若是不支持以上方法
    for (const i in obj) {
      if ({}.hasOwnProperty.call(obj, i)) {
        newobj[i] = typeof obj[i] === 'object' ? cloneObj(obj[i]) : obj[i];
      }
    }
  }
  return newobj;
}

郵箱校驗：
REGEX_EMAIL = "^([a-z0-9A-Z]+[-|\\.]?)+[a-z0-9A-Z]@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\\.)+[a-zA-Z]{2,}$"

當前分支是maser分支，我想將stable分支上的代碼徹底覆蓋brush分支，首先切換到brush分支。

git reset --hard origin/stable

檢查元素是否在視窗內

1. Some Java Knowledge Review
2. Damn Small Linux
3. some links
4. 【SVM】Some refined knowledge points about Support Vector Machines [part 1]
5. 【SVM】Some refined knowledge points about Support Vector Machines [part 2]
6. Some Recent SNARKs
7. small skill～
8. 指定細則 Small
9. some for cuda python
10. Knowledge Distillation 筆記
更多相關文章...
• ASP.NET Web Pages - WebGrid 幫助器 - ASP.NET 教程
• ionic 按鈕 - ionic 教程
• Git五分鐘教程

相關標籤/搜索

knowledge

small

foreach&map&filter&some&every&reduce&reduceright

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。