原创 css3中的動畫

CSS3 動畫通過 CSS3,我們能夠創建動畫,這可以在許多網頁中取代動畫圖片、Flash 動畫以及 JavaScript。CSS3 動畫CSS3 @keyframes 規則如需在 CSS3 中創建動畫,您需要學習 @keyframes 規

原创 vue項目中上傳頭像

一、首先考慮上傳的相關需求要求(1) 格式要求(jpg | png | jpeg | gif )(2) 大小要求(比如不超過300kb)(3) 尺寸大小限制(1:1,4:9,9:16)(4) 是否可以裁剪(5) 單張還是多張(單張一般用在用

原创 vue.js上傳文件到後端

本文實例爲大家分享了vue.js異步上傳文件的具體代碼,供大家參考,具體內容如下:1、上傳文件前端代碼如下:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" c

原创 用純css判斷鼠標進入的方向

在之前某一個前端技術羣裏,有一個羣友說他面試的時候遇到了一個問題,就是面試官讓他用純 CSS 來實現一個根據鼠標移動位置覺得物體移動方向的 DEMO。給出的初始結構如下:<style>body {padding: 2em;text-alig

原创 koa輸出靜態html

1.暴露出html2.引入文件3.設置返回頭這些只是瞭解瞭解就好了,快速開發我們可以使用很多模板,比如ejs模板等....

原创 Mybatis面試題吐血整理

1、什麼是Mybatis?1、Mybatis 是一個半 ORM( 對象關係映射)框架,它內部封裝了 JDBC,開發時只需要關注 SQL 語句本身, 不需要花費精力去處理加載驅動、創建連接、創建statement 等繁雜的過程。程序員直接編寫

原创 webpack的打包原理

一、webpack的基本能力:處理依賴、模塊化、打包1、依賴管理:方便引用第三方模塊,讓模塊更容易複用、避免全局注入導致的衝突、、避免重複加載或者加載不必要的模塊2、合併代碼:把各個分散的模塊集中打包成大文件,減少HTTP的鏈接的請求次數,

原创 vscode中快速清除註釋、空行的正則

([\/]\*.+?\*[\/]|//.+) //清除註釋 ^\s*(?=\r?$)\n //在vscode中使用正則刪除所有的空行

原创 vs code 一鍵生成vue 模板

1.使用快捷Ctrl + Shift + P喚出控制檯,然後輸入snippets並選擇。(或 文件>首選項>用戶代碼片斷裏面,輸入 vue.json ,然後回車 )(或 file > Preferences > User Snippets,

原创 vue-ssr的使用方法

## vue的ssr有什麼優勢- ssr 服務端渲染  (頁面在服務端渲染後  返回給前端)- spa 頁面 <div id="app">- 多頁應用有利於seo優化的 原生開發頁面  很多html- vue-server-render  

原创 mint-ui的navbar怎麼獲取當前的點擊項

mint-ui的navbar怎麼獲取當前的點擊項,我想實現的是,用戶點擊不同的tab發送請求,請求不同的數據,之前使用element-ui中tabs,提供了一個點擊事件獲取當前點擊項,我看mint-ui的文檔中沒有具體說明,只說有一個val

原创 js中的數組篩選

有一個需求是在前端部分完成篩選功能,一次拿到所有數據,然後根據條件篩選。通常情況下篩選是後臺給接口,在數據量不大的情況下,也有人可能會遇到前端篩選這樣的情況。一般情況下的單條件篩選,數組的filter方法就能夠滿足需求,本文討論的重點是多條

原创 最美的sql,mysql的常用練習

1、SQL規範SQL語句不區分大小寫,建議SQL關鍵字大寫,表名和列表小寫命令用分號結尾命令可以縮進和換行,一種類型的關鍵字放在一行可以寫單行和多行註釋 , #和--是單行註釋,/***/多行註釋insert into student(na

原创 今日頭條前端面試經驗分享

0、技術棧react,vuewebpack,babel1、BFC和移動端適配2、rem vw,vh3、水平垂直居中。4、es6熟練使用5、防抖節流、作用域鏈,閉包,柯里化6、跨域的解決方案  jsonp至少能口述出來。7、react:set