原创 HTML/CSS 常見面試題彙總

HTML面試題 1、<image> 標籤上title屬性與alt屬性的區別是什麼？ alt屬性是爲了給那些不能看到你文檔中圖像的瀏覽者提供文字說明的。且長度必須少於100個英文字符或者用戶必須保證替換文字儘可能的短。 這包括那些

2020-07-05 17:02:06

原创 【大廠面試】今日頭條前端面試17問

對async、await的理解，內部原理 介紹下Promise，內部實現 清除浮動 定位問題（絕對定位、相對定位等） 從輸入URL到⻚面加載全過程 tcp3次握手 tcp屬於哪一層（1 物理層 -> 2

2020-07-05 17:02:06

原创 【大廠面試】微醫前端面試40問

介紹JS數據類型，基本數據類型和引用數據類型的區別 Array是Object類型嗎 數據類型分別存在哪裏 a. var a = {name: “前端開發”}; var b = a; a = null那麼b輸出什麼 b.

2020-07-05 17:02:06 1

原创 【大廠面試】有贊前端面試24問

Linux 754 介紹 介紹冒泡排序，選擇排序，冒泡排序如何優化 transform動畫和直接使用left、top改變位置有什麼優缺點 如何判斷鏈表是否有環 介紹二叉搜索樹的特點 介紹暫時性死區 ES

2020-07-05 17:02:06

原创 【大廠面試】餓了麼前端面試25問

小程序裏面開⻚面最多多少 React子父組件之間如何傳值 Emit事件怎麼發，需要引入什麼 介紹下React高階組件，和普通組件有什麼區別 一個對象數組，每個子對象包含一個id和name，React如何渲染出全

2020-07-05 17:02:06

原创 【大廠面試】喜馬拉雅前端面試30問

ES6新的特性 介紹Promise Promise有幾個狀態 說一下閉包 React的生命週期 componentWillReceiveProps的觸發條件是什麼 React16.3對生命週期的改變

2020-07-05 17:02:06

原创 vue+express實現文件上傳，顯示上傳進度條

1. 案例介紹 使用前後端分離開發的模式實現文件上傳，前端使用Vue框架，後端使用node的express框架，並且顯示上傳進度條。 案例效果： 2. 核心代碼 2.1 環境搭建 前端環境 # 安裝Vue腳手架 cnpm i -

2020-06-03 14:37:01

原创 vue+express實現多文件上傳

演示效果 前端代碼 <template> <div> <div> <p> 文件1：<input type="file" @change="fileSelect($event)" /> </p> <

2020-06-03 14:37:01

原创 vue-cli實現TodoList案例，適合新手入門

案例介紹 TodoList是作爲新手入門的最好訓練案例，在該案例中包含了很多Vue的知識點，例如： 條件渲染、列表渲染指令 表單數據綁定 事件處理和事件修飾符 計算屬性 生命週期鉤子函數 localStorage本地存儲 自定義

2020-06-03 14:37:01

原创 express連接MySQL數據庫實現增刪改查

1、express操作數據庫 1.1、安裝mysql模塊 cnpm i mysql --save 1.2、連接mysql數據庫 本地先安裝好mysql，這裏就不再贅述mysql數據庫的安裝過程了。在mysql數據庫中創建名爲 s

2020-05-31 08:18:16

原创 express接收get和post請求參數

1、環境搭建 執行命令： # 安裝express-generator腳手架 cnpm i -g express-generator # 創建項目 express node-demo # 安裝依賴 cd node-demo cn

2020-05-31 08:18:16

原创 express操作MySQL數據庫實現CRUD的封裝

1、目錄結構 核心目錄 項目 -- routes -- stu.js #路由 -- db -- mysql.js #數據庫配置 -- controller -- stuController.js #控制層 2

2020-05-31 08:18:16

原创 axios在vue項目中的使用實例詳解

1、基本用法 安裝 cnpm i axios --save 在 main.js 中引入 axios import axios from 'axios' Vue.prototype.$axios = axios 在組件中使用 a

2020-05-24 01:07:12 1

原创 HTML5實現原生拖放的案例

之前做項目過程中遇到了一個拖放的效果實現，業務場景是爲課程表手動拖拽添加課程。翻看了一下H5新增元素裏面，有實現拖放的效果，於是就寫了一個demo，效果如下圖： HTML代碼： <!-- 課程元素 --> <div class=

2020-05-14 10:46:51 1

原创 使用原生JS製作簡單的輪播圖特效

使用原生JavaScript製作一個簡答的圖片輪播效果，沒有實現動畫。原理很簡單，只需要使用DOM對象操作節點的添加和刪除即可實現輪播功能，看一下效果圖： 下面開始上代碼： HTML代碼 <!-- .swiper是輪播的外部容器

2020-05-13 03:33:41 3