原创 前端導出功能實現的三種方式

1.點擊鏈接 數據、文件格式全部在後臺封裝好,返回給前端一個鏈接,前端通過點擊鏈接自動下載,兩種方式: (1)window.location.href = ‘url’ (2)<a href='url' download=''></

原创 常用的選擇器(1)

1.元素選擇器 作用:通過元素選擇器可以通過標籤名選中頁面中指定的所有元素 語法: 標籤名{ } 例子: <style type="text/css"> p{ color:red; font-size; } </style>

原创 百度地圖獲取省市邊界、設置圖片背景

1.獲取省市邊界 (1)初始化地圖 引入文件: <script type="text/javascript"src="http://api.map.baidu.com/api?v=2.0&ak=W5mG5fGfiU73Yy2Wma

原创 自定義多個checkbox點擊查詢數據方法

項目中存在多個checkbox,點擊其中一項根據條件查詢數據的時候,我們將查詢條件定義成數組,根據點擊傳入的參數,向數組中添加或刪除數組中元素生成新的查詢條件。 1.頁面結構 <div v-bind:class="{'active':

原创 瀏覽器輸入URL發生了什麼

這是一道經典的面試題,這道面試題不光前端面試會問到,後端面試也會被問到。這道題沒有一個標準的答案,它涉及很多的知識點,面試官會通過這道題了解你對哪一方面的知識比較擅長,然後繼續追問看看你的掌握程度。當然我寫的這些也只是我的一些簡單的理

原创 HTTP和HTTPS的區別

超文本傳輸協議HTTP協議被用於在Web瀏覽器和網站服務器之間傳遞信息,HTTP協議以明文方式發送內容,不提供任何方式的數據加密,如果攻擊者截取了Web瀏覽器和網站服務器之間的傳輸報文,就可以直接讀懂其中的信息,因此,HTTP協議不適

原创 元素水平垂直居中實現方式

頁面結構 <div class="wrap"> <div class="inner"> </div> </div> 1.定位實現 .wrap { width: 300px; height: 30

原创 AngularJS簡介

1.簡介和特點 AngularJS是Google開源的前端JS結構化框架。它可通過<script> 標籤添加到 HTML 頁面。AngularJS 通過 指令 擴展了 HTML,且通過表達式綁定數據到 HTML。 特性和優點:雙向數據

原创 vue頁面優化多個ajax請求

1.同時調用封裝的方法 一個頁面有多個ajax請求,我們會再methods中封裝多個方法,然後在頁面加載的時候同時調用: methods: { getData() { }, getData2() { } }, mounted(