原创 Base64的學習

來源 再一次看比如的代碼的時候發現別人的圖標是一串很長的字符串,而不是路徑引用,從而開啓了我對Base64的學習 解決 原生的atob和btoa方法進行Base64的編碼 atob:解碼 從a(base64) 到 b(lob) 的寫法 b

原创 webpack對CSS使用alias相對路徑

問題來源 由於對頁面的路由需要一些修改,要對幾乎全部的.vue文件添加一個父文件,然後改路由,但是問題來了,沒一個頁面的文件,資源路徑都要改,import還好可以用alias相對路徑(例如:vue-cli3中的@)那麼還好,但是css(s

原创 前端小測----CSS基礎測試11

得分 這個題目8分我得了5分 分析 關於HTML語義:article用在非常大段的完整的描述內容上。header是表示非常完整的整頁的頭部,不是具體某一兩個標題頭。對於一個文字列表的標題,級別h3~h6之間,通常是h3, h4(概率更大

原创 前端面試題---DOM測試36

      得分 這個題目7分我是得了4分 解析 第一問 var textarea = document.querySelector('textarea'); 第二問 1.對象添加 textarea .rows = 5; 2.元素添

原创 js 部分代碼註釋規範

普通註釋 單行 // 單行註釋,文字和//有一個空格 多行 /* 多行註釋 1.總是再多行註釋的結束符前留一個空格,使星號對齊 2.不要把註釋寫再多行註釋的開始符,和結束符所在行

原创 Vue組件生命週期執行順序

通過學習他人的博客學習到的知識點,小白我,順便總結下, 引出問題 需求:父組件剛更新完,子組件要立馬獲取到父組件中傳過來的值 created:在實例創建完成後被立即調用,這個時候this可以使用 mounted:el 被新創建的 vm.$

原创 js代碼優化

原文:https://dmitripavlutin.com/unlearn-javascript-bad-coding-habits/  一:不要使用隱式類型轉換 大多數運算符+-*/==(不包括===)再處理不同類型的操作數時會進行隱式

原创 前端小測---css基礎測試10

得分 總共8分得了6分有一個背景樣式沒處理好 重點 無js 使用details和summary組合 動畫處理,使用max-height:0來過渡 HTML <div class="container"> <details

原创 前端面試題----js基礎測試35

  得分 這個題目總共8分的我只有3分,但是說實話我寫這個題目的時候信心爆棚,我覺得我自己應該是寫出來的的,但是可惜 解析 第一題 正解:1.encodeURI() 函數假設參數是完整的 URIs ,encodeURIComponent

原创 判斷js數據類型的方法

基本類型 String,Number,Boolean,Undefined,Null,Symbol 引用類型 Object 但是有些時候我們需要的是把數組啊,函數啊,時間的這些全部分開了取判斷,那麼我們要怎麼取處理呢? 一: typeo

原创 前端小測試---- 圖片上傳

得分 8分我自己得了4分 第一問 xhr.onprogress和xhr.upload.onprogress的區別:這兩個都能顯示進度百分比,但是,前者顯示的是服務器返回的數據,後者是發送給服務器的。例如,我們ajax get一張圖片,則

原创 前端面試題----DOM測試35

 得分 這個題目8分我5分 重新複習 HTML <form id="loginForm" action="/account/login" method="POST"> <p>賬號:<input name="username

原创 js 堆 棧 以及事件循環的概念

JS內存機制 棧內存 堆內存 由於數據結構的原因 棧內存一般儲存基礎數據類型:我們可以直接操作保存在棧內存空間的值,因此基礎數據類型都是按值訪問,是後進先出(單口) 堆內存一般儲存引用數據類型:JavaScript不允許直接訪問堆內存中的

原创 vue中 methods computed watch filters區別

在vue中事件,計算屬性,幀聽器,過濾器的區別 其實共同點:修改數據 事件methods和計算屬性computed 作用:對數據進行邏輯運算 區別: 計算屬性是基於它們的響應式依賴進行緩存的,是依賴於data中的值改變而響應改變 過濾器f

原创 fon in for循環 for of 的區別

for 循環 其實他一般情況下是根據數組,類數組的length的屬性值去循環 for in 一般的作用是枚舉把key枚舉出來,但是當我們枚舉數組,或者字符串的時候會把原型上的方法枚舉出來 Object.prototype.objCust