原创 input的粘貼事件

直接操作DOM的話比較簡單,還有一種特殊情況:shadow dom的粘貼事件 就需要先拿到真實DOM: 使用定時器setTimeout()去獲取就可以了 input.addEventListener('paste', event

原创 常用網址鏈接

react官網: 鏈接 vue官網: 鏈接 菜鳥教程: 鏈接 w3cschool: 鏈接 MDN: 鏈接

原创 JS經典筆試題

function Foo() { getName = function () { console.log(1); };//未使用var聲明,相當於全局賦值 return this; } Foo.getName =

原创 日期在一年所有時間中的排序

var runNian=[0,31,29,31,30,31,30,31,31,30,31,30,31]; var pingNian = [0,31,28,31,30,31,30,31,31,30,31,30,31]; funct

原创 Http三次握手和四次揮手

前置:1、Http請求是基於Tcp connection這個鏈接的 2、位碼即tcp標誌位,有6種標示: SYN(synchronous建立聯機) 、ACK(acknowledge

原创 Object的內置方法

Object.entries()方法返回一個給定對象自身可枚舉屬性的鍵值對數組,其排列與使用 for…in 循環遍歷該對象時返回的順序一致(區別在於 for-in 循環還會枚舉原型鏈中的屬性)。 const object3 = {

原创 js 全排序

實現全排序 思路:取出字符串中的某一個字母,剩下的字母進行全排序(遞歸操作),然後把這個字母拼接在全排序所有組合的最前面,從而得到以這個字母開頭的所有組合。依次對每個字母重複上面的操作,即可得到全排序的總和。 function f

原创 js 統計字符串中字符出現的次數並排序

如題,先統計,在排序 var ary = "asasDFGHadDfFFhjkMNJGBHGDsdfghjfghjkdfghjkl"; var obj = {}; var i = 0; var objArr = []; ary1

原创 flex 左右固定自適應和溢出處理

這個東西多看看代碼就可以了 <!DOCTYPE html> <html> <head> <style> .footer { width: 300px; height: 20px; display: flex; b

原创 navigator API

目前用到的API,看代碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> </head> <body> <d

原创 基礎知識點

CSS3 1、選擇器:nth-child、disabled、after、before 、僞類選擇器等 2、css3動畫:keyframes(用百分比控制顯示的過程) 3、2D/3D旋轉 H5 1、標籤的新特性:input的type

原创 動態生成ul的li並添加addEventListener

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>li</title> <style> ul{ list-style:none } li{ w

原创 NODE之Koa框架

koa的只要內容有以下這些內容 http服務 Context 對象,表示一次對話的上下文(包括 HTTP 請求和 HTTP 回覆),Context.response.body屬性就是發送給用戶的內容 HTTP Response 的

原创 什麼是RESTful API ?

REST定義了6個架構約束,它們構成了任何Web服務 - 一個真正的RESTful API。(http://restful.p2hp.com/) 統一界面 客戶端服務器 無狀態 可緩存 分層系統 按需代碼(可選) 統一界面 由於約

原创 CSS隱藏元素

①opacity opacity是設置一個元素的透明度,這一設置爲0只能從視覺上隱藏元素,而元素本身依然佔據它自己的位置並對網頁的佈局起作用,它也將響應用戶交互。 ②visibility 該屬性值爲hidden的時候,元素將會隱藏