原创 你和大佬之間只差這個JS工具函數大全
爲元素添加on方法 Element.prototype.on = Element.prototype.addEventListener; NodeList.prototype.on = function (event, fn) {、
原创 after函數的實現及其應用場景
一、after的實現原理,使用定時器來實現。 // after 在...之後 // 我希望我調用某個函數 3次之後 再去執行 function after(times,say){ return function(){
原创 npm run dev後sass報錯* !!vue-style-loader!css-loader?{“sourceMap”:true}......
npm run dev後sass報錯* !!vue-style-loader!css-loader?{“sourceMap”:true}!../…/…/node_modules/[email protected]@vue-loader/
原创 vue的源碼解析
一、目錄結構 1、src ├── compiler # 編譯相關 ├── core # 核心代碼 ├── platforms # 不同平臺的支持 ├── server
原创 vue 實現全選和反選
1、vue實現全選和反選,使用vue的computed的set方法實現雙向綁定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta
原创 react 的路由使用
import React from 'react'; import ReactDOM from 'react-dom'; import {HashRouter as Router,Route} from 'react-router-do
原创 css3中的動畫
CSS3 動畫 通過 CSS3,我們能夠創建動畫,這可以在許多網頁中取代動畫圖片、Flash 動畫以及 JavaScript。 CSS3 動畫 CSS3 @keyframes 規則 如需在 CSS3 中創建動畫,您需要學習 @keyfra
原创 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-Typ
原创 用純css判斷鼠標進入的方向
在之前某一個前端技術羣裏,有一個羣友說他面試的時候遇到了一個問題,就是面試官讓他用純 CSS 來實現一個根據鼠標移動位置覺得物體移動方向的 DEMO。 給出的初始結構如下: <style>body { padding: 2em;
原创 koa輸出靜態html
1.暴露出html 2.引入文件 3.設置返回頭 這些只是瞭解瞭解就好了,快速開發我們可以使用很多模板,比如ejs模板等....
原创 Mybatis面試題吐血整理
1、什麼是Mybatis? 1、Mybatis 是一個半 ORM( 對象關係映射)框架,它內部封裝了 JDBC,開發時只需要關注 SQL 語句本身, 不需要花費精力去處理加載驅動、創建連接、創建 statement 等繁雜的過程。程序員直
原创 webpack的打包原理
一、webpack的基本能力:處理依賴、模塊化、打包 1、依賴管理:方便引用第三方模塊,讓模塊更容易複用、避免全局注入導致的衝突、、避免重複加載或者加載不必要的模塊 2、合併代碼:把各個分散的模塊集中打包成大文件,減
原创 vscode中快速清除註釋、空行的正則
([\/]\*.+?\*[\/]|//.+) //清除註釋 ^\s*(?=\r?$)\n //在vscode中使用正則刪除所有的空行
原创 vs code 一鍵生成vue 模板
1.使用快捷Ctrl + Shift + P喚出控制檯,然後輸入snippets並選擇。(或 文件>首選項>用戶代碼片斷裏面,輸入 vue.json ,然後回車 )(或 file > Preferences > User Snippets