原创 面試之----產生BFC的條件(塊級格式化上下文)

1、float  不等於  none 2、overflow  不等於  visible 3、postion=flex  或  absolute 4、根元素 5、display:inline-block;table-cell;flex;in

原创 面試之----語義化標籤的意義

1、去掉或丟失樣式的時候,能夠讓界面呈現清晰的結構 2、有利於SEO:和搜索引擎建立更好的溝通,有助於爬蟲抓取更多的有效信息,爬蟲依賴標籤確定上下文和各種關鍵字的權重。 3、方便其他設備解析(如屏幕閱讀器,盲人閱讀器,移動設備)以意義的方

原创 面試之-----SSR優缺點

SSR:服務器渲染 1、利用SEO(搜索引擎) 2、頁面渲染時間短 3、服務器壓力過大

原创 面試之---TCP有哪些手段保證可靠交付

TCP通過下列方式來提供可靠性:1、將數據截斷爲合理的長度。 應用數據被分割成TCP認爲最適合發送的數據塊。這和UDP完全不同,應用程序產生的數據報長度將保持不變。2、超時重發 當TCP發出一個段後,它啓動一個定時器,等待目的端確認收到這

原创 面試之----前端不同部分的優化方式

網頁內容: 1、 減少HTTP請求 2、 減少DNS查詢次數 3、 避免頁面跳轉 4、 使用延遲加載 5、 異步請求 Ajax 6、 提前加載 7、減少DOM元素數量 8、根據域名劃分內容 9、 減少Iframe數量 10、 避免404

原创 字符串和三元表達式連接使用時,需要在三元表達式上加括號

通過接口獲取數據後,返回的參數想要添加在提示信息後面,需要添加括號 if (res.code === '1') { // 上傳成功 this.$message.success(t

原创 JS動態添加屬性

// 編輯表格內容 addItem() { const item = { editing: true, uid: uid++ } // 動態設置對象

原创 ES6 find 和 filter 的區別

發現有個find,測試一番之後發現 const list = [{'name':'1',index:1},{'name':'2'},{'name':'1'}] let list2 = list.find(i=>i.name==='1') 

原创 微信小程序公告循環播放,css實現方法

微信小程序公告循環播放,主要是使用css來實現:   <view class='tongzhitext'> <text class="tongzhi-text">這點是公告內容,長度要和動畫的設置長度一起調整</

原创 微信小程序下級頁面給上級頁面傳參數

 示例:A頁面到B頁面   現在要把B頁面的數據帶回到A頁面。   /**B頁面的生命週期卸載方法 * 生命週期函數--監聽頁面卸載 */ onUnload: function () { var

原创 微信小程序picker的range和range-key的用法注意

通常,我們在獲取後臺的數據字典要顯示在頁面的picker中,如上圖所示, 但後臺傳過來的參數是以數組格式傳過來的數據,裏面是多項json結構的數據, 在picker中顯示的只是每項json結構數據中的某一項,但需要給後臺傳的數據卻是另一

原创 微信小程序多個倒計時

wechatide://minicode/QUV0k2mG7R2Q 這是微信小程序的一個倒計時代碼片段,但在蘋果手機裏,這個倒計時並不會顯示!! 原因是在蘋果手機裏時間戳的轉換問題!! 可兼容蘋果安卓手機的代碼,重點: let arr

原创 服務器常用的狀態碼及其對應的含義

服務器常用的狀態碼及其對應的含義如下:  200:服務器響應正常。  304:該資源在上次請求之後沒有任何修改(這通常用於瀏覽器的緩存機制,使用GET請求時尤其需要注意)。  400:無法找到請求的資源。  401:訪問資源的權限不夠。

原创 e.target與e.currentTarget的使用不同案例

本實例調用接口 js頁面代碼片段   data: { E: null, //e的數據存儲 }, getDetail: function(e) { var mycurrentTarget = e.curren

原创 微信小程序實現倒計時

JS頁面代碼段: const app = getApp() let goodsList = [ { actEndTime: '2018-07-21 21:00:34' }, { actEndTime: '2028-07-17 2