原创 你和大佬之間只差這個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