原创 FLEX實現產品列表佈局

1. 需求分析 要達到如下效果 2. 代碼 /*1. 容器聲明*/ ul { list-style:none; display: flex;/*必須,flex聲明*/ flex-wrap

原创 常用瀏覽器兼容之JS兼容

主要參考:https://caniuse.com/ 1. 整體 不完整總結,陌生的支持自行查詢caniuse 2. 具體 2.1 DOM 事件篇 2.1.1 回調綁定 DOM的回調綁定主要流行用addEventListen

原创 uni-app實現用AI自行繪製的SVG矢量圖片-base64轉換法

1. 需求分析 想要在Uni-app下實現用AI自行繪製的SVG矢量圖片 2. 實現思路 AI==>.svg==>base64==>css代碼 2.1 先用AI繪製好AI圖 2.2 導出SVG格式文檔 注意,導出之前先把畫板

原创 callback和promise.all兩種實現前端請求token過期時刷新token處理的解決模型

1. 需求分析 前臺向後臺請求數據,經常用到token。 token到了一定時期,後臺會判定請求的token過期,需要重新請求。 但出現以下情況怎麼辦呢? 前臺同時向後臺發出n個帶token的請求,但請求的token都是過期的,

原创 【簡記】javascript中 ~1爲什麼是-2

1的 二進制原碼:0000 0001 ~1 之後:1111 1110 (~就是按位取反) 以原碼的角度看待 1111 1110 ,分析出它是負數(由於第一位是1,因此爲負數) 這個負數要在計算機中存儲,必須是補碼,而原碼轉換補

原创 【簡記】JS中~符號的巧妙配合應用——indexOf 判斷

有這麼一個需求 一個數組 let arr = ['qq','weixin'.'taobao'] 如何判斷裏面有沒有‘qq’? 先想到了indexOf 但是 console.log(arr.indexOf('qq')) //0

原创 javascript class聲明類 生存筆記

使用 class 的語法,讓開發者告別了使用 prototype 模仿面向對象的時代。但注意,它不是新類型,typeof解析只是一個function,故它只是原型模仿面向對象開發用的語法糖 1. 語法 class name [

原创 箭頭函數生存筆記

1. 箭頭函數的特性 1.1 別的函數有單獨的this,箭頭函數沒有 如果是該函數是一個對象中的構造函數,所以判斷this很重要的標準就是判斷該是不是函數的構造函數,this指針指向一個該對象本身; 箭頭函數不會創建自己的this

原创 AJAX生存筆記

1. AJAX概述 AJAX = Asynchronous JavaScript And XML 一句話:異步的 JavaScript 和 XML AJAX 不是編程語言,而是現有標準的新方法。 AJAX 是一門藝術(如何實現在不

原创 Promise對象文檔閱讀筆記-入門篇

前言:來源於MDN文檔,用自己的理解水平進行二次解讀,做以下筆記。 1. 語法 new Promise( function(resolve, reject) {...} /* executor */ ); resolve

原创 Promise對象文檔閱讀筆記-promise.all生存筆記

1. 概述 Promise.all(iterable)方法返回一個 Promise 實例, 這個實例的完成條件是: 要麼在 iterable 參數內所有的 promise 都“完成(resolved)” 要麼在 iter

原创 簡記-常見HTTP狀態碼生存手冊-300字

1xx:第一個動作是請求 指示信息–表示請求已接收,繼續處理 2xx:一個來回就完事 成功–表示請求已被成功接收、理解、接受 200:請求被正常處理 3xx:再來一次重定向 重定向–要完成請求必須進行更進一步的操作 301:

原创 win7如何文件夾共享到局域網以及解決網絡發現保存修改等問題【開荒篇】

第一步:度娘 https://jingyan.baidu.com/article/fec7a1e53efe621190b4e7ae.html 發現問題:我的啓用網絡發現死活開不了! 遇到問題,解決問題!又問了一下度娘,好多都

原创 一個共享價值的線下聚會遊戲節目——小威困境解決方案【創世篇】

大家好,我是小威,很無聊,我剛做了個我覺得特別有趣的夢,裏面的我遇到了一個困境,正想着如果在現實生活中我該如何解決,接下來我將一一爲大家呈現我的思考過程。 一個普普通通的聚會,一般都是組織內部安排起來,大衆按照意願去參與,約定的人