文字列メソッド
文字列メソッドのスライス()は、3つのパラメータをインターセプトします。最初のパラメータは、位置をインターセプトします。2番目は、インターセプトした数値です。インターセプトした文字列を返します。
文字列メソッドのsplit()は、括弧内で分割された内容に従って配列を返します。
文字列メソッドと通常の置換 (reg, ' ') を使用して、スペースの削除などの通常の一致を使用して置き換えます
String Trim() は最初のスペースを削除します
小文字から小文字()
string match() のパラメータは、一致した値を検索して配列を返す正規表現です。見つかった値は配列 [0] ビットです
検索 | 正規表現に一致する値を取得します。 |
concat() | 接続文字列。 |
charCodeAt() | 指定された位置の文字の Unicode エンコードを返します。 |
の指標() | 文字列を取得します。 |
//匹配去掉空格 去掉首位空格 变成数组
var newClassStr = ele.className.replace(/\s+/g, ' ').trim().split(' ');
配列メソッド
arr.find(value) メソッドでインデックス es6 を検索します。
arr.includes() は、配列に値が含まれているかどうかを確認し、ブール値を返します。
constructor | このオブジェクトを作成した配列関数への参照を返します。 |
加入() | 配列のすべての要素を文字列に入れます。要素は指定された区切り文字で区切られます。 |
ポップ() | 配列の最後の要素を削除して返します |
逆行する() | 配列内の要素の順序を逆にします。 |
JSONメソッド
JSON.parse(xhr.responseText) は json 形式のオブジェクトを返します
JSON.stringfy(data); json形式のオブジェクトを文字に変換します
数学的手法
Math.ceil() は切り上げます
Math.floor() は切り捨てます
最大(x,y) | x と y の最大値を返します |
min(x,y) | x と y の最小値を返します。 |
フロー制御ステートメント
ループ内のブレークによりループが終了します
続く | 指定された条件が発生した場合、ループ内で (ループ内で) 1 回中断し、ループ内の次のループに進みます。 |
~のために | オブジェクトのプロパティをループします。 |
スイッチ | さまざまな状況に応じて実行されるステートメント ブロックをマークします。 |
その間 | フラグ条件が true の場合に実行するステートメントのブロック。 |
試して...捕まえて...ついに | try ブロック内でエラーが発生したときに実行されるステートメントのブロックをマークし、エラー処理を実装します。 |
クエリ DOM スタイル メソッド
要素.オフセット左 | 要素の水平オフセット位置を返します。 |
要素.オフセット高さ | 要素の高さを返します。 |
要素.オフセット親 | 要素のオフセットコンテナを返します。 |
要素.クライアントの高さ | 要素の表示高さを返します。 |
要素.スクロール高さ | 要素の全体の高さを返します。 |
要素.scrollLeft | 要素の左端とビューポートの間の距離を返します。 |
要素.スクロール幅 | 要素の全体の幅を返します。 |
イベントオブジェクト
属性 | この出来事はいつ起こったのでしょうか... |
---|---|
オンブラー | 要素はフォーカスを失います。 |
変更中 | フィールドの内容が変更されました。 |
クリック時 | ユーザーがオブジェクトをクリックしたときに呼び出されるイベント ハンドラー。 |
オンドブルクリック | ユーザーがオブジェクトをダブルクリックしたときに呼び出されるイベント ハンドラー。 |
オンフォーカス | 要素がフォーカスを取得します。 |
オンキーダウン | キーボードのキーが押されました。 |
キーを押すと | キーボードのキーが押されてから放されます。 |
オンキーアップ | キーボードのキーが放されます。 |
オンロード | ページまたは画像の読み込みが完了しました。 |
オンマウスダウン | マウスボタンが押されました。 |
マウス移動時 | マウスが移動します。 |
オンマウスアウト | マウスが要素から遠ざかります。 |
マウスオーバーで | 要素の上にマウスを移動します。 |
マウスアップ | マウスボタンが放されます。 |
リセット時 | リセットボタンをクリックします。 |
サイズ変更中 | ウィンドウまたはフレームのサイズが変更されます。 |
送信時 | 確認ボタンがクリックされました。 |
マウス/キーボードのプロパティ
属性 | 説明 |
---|---|
クライアントX | イベントが発生したときのマウス ポインタの水平座標を返します。 |
クライアントY | イベントが発生したときのマウス ポインタの垂直座標を返します。 |
スクリーンX | イベントが発生したときの、コンピュータ画面を基準としたマウス ポインタの水平座標を返します。 |
スクリーンY | イベントがトリガーされたときのマウス ポインターの垂直座標を返します。 |
オフセットX、オフセットY | イベント ソース要素の座標系における、イベントが発生した場所の x 座標と y 座標。 |
目標 | このイベントをトリガーした要素 (イベントのターゲット ノード) を返します。 |
stopPropagation() | イベントはディスパッチされなくなりました。 |
防止デフォルト() | イベントに関連付けられたデフォルトのアクションを実行しないようにブラウザに通知します。 |
e.target.previousElementSibling; イベント オブジェクトの前の要素
e.target.nextElementSibling; 事件对象之后的元素
Location对象
Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。
Location 对象属性
属性 | 描述 |
---|---|
hash | 设置或返回从井号 (#) 开始的 URL(锚)。 |
host | 设置或返回主机名和当前 URL 的端口号。 |
href | 设置或返回完整的 URL。 |
pathname | 设置或返回当前 URL 的路径部分。 |
port | 设置或返回当前 URL 的端口号。 |
protocol | 设置或返回当前 URL 的协议。 |
search | 设置或返回从问号 (?) 开始的 URL(查询部分)。 |
History 对象方法
方法 | 描述 |
---|---|
back() | 加载 history 列表中的前一个 URL。 |
forward() | 加载 history 列表中的下一个 URL。 |
go() | 加载 history 列表中的某个具体页面。 |
浏览器边界判断 窗口尺寸document.documentElement.clientHeight - dom.clientHeight 元素尺寸
clasList.remove(class) 删除括号里的类名
location.hash 获取锚点属性 window.onhashchange()浏览器地址栏变化是触发
getComputedStyle() 这个方法可以拿到元素显示的样式
window.onresize 窗口改变事件
xhr.onreadystatechange = fn() 请求事件 xhr.readystate == 4 完成到第四步
xhr.status 请求状态 200+是成功 xhr.responseText 请求到的文本
Object.values es7方法 取到对象里面的所有value,并把取出来的值放到数组里
window.addEventListener('storage', function() {}) 发生本地储存变化触发的事件
window.onscroll = fun() スクロールバーが変化したときにイベントをトリガー dom.scrollTop = 100 スクロールバーの移動距離を設定または取得
URLを解析するメソッド
function urlToObj(url) {
var retult = {
protocol: str.protocol,
host: str.hostname,
path: str.pathname,
seach: {}
}
var newStr = str.search.slice(1).split('&');
newStr.reduce(function(pre, cur) {
var items = cur.split('=');
pre[items[0]] = items[1];
return pre;
}, retult.seach);
return retult;
}
console.log(urlToObj(str));