原创 使用vue-cli快速創建工程化vue項目以及添加Vue-router+Sass

這篇文章主要描述,你如何快速創建一個工程化的vue項目。 使用vue-cli,會非常容易及快速的構件一個工程化的Vue項目。我主要依賴的就是vue-cli的官方網站。https://cli.vuejs.org/zh/guide/。 基礎部

原创 前端面試題總結 2019---持續更新

題目來自於https://www.jianshu.com/p/eb0f269098d5以及來自個人的整理,答案是參考不同的資料寫的,會不斷完善。 題目是目前前端的一些核心知識點,即使不面試,複習一下也很好。   【CSS篇】 1. CSS

原创 vue-cli3+cubeUI快速搭建項目

想開發一個web項目,選擇vue.js框架,如何使用vue-cli3幫我們快速的搭建項目,選擇合適的參數配置呢? vue-cli3腳手架可以快速的幫我們完成搭建,此外,也需要考慮選擇一個合適的UI庫,可以實現頁面的自適應以及快速構建一些常

原创 git 查看配置及修改

原文鏈接:https://blog.csdn.net/furzoom/article/details/50504425 git config user.name git config --

原创 vue實現前端搜索功能

當數據量不是很大時,可以在前端進行搜索。這裏實現基本的搜索功能,可以根據實際情形,再增添功能,將其變複雜。 將下面的代碼貼過去,就可以直接體驗簡單的搜索功能。沒有寫樣式,僅供大家瞭解實現的邏輯。 界面 界面通常包含最基礎的幾部分,一是搜索

原创 手寫表單及h5表單驗證舉例

表單是一個很重要的概念,這裏涉及到收集數據以及驗證數據,以及表單的用戶體驗。一般ui框架會有封裝好的這些功能。 這裏複習一下手寫表單,順帶複習一下表單的基本屬性,基本樣式和h5的表單驗證。 一個表單基本包含一個html結構,即表單結構,針

原创 2019前端面試題(1)

題目來自於https://www.jianshu.com/p/eb0f269098d5以及個人整理,題目內容均爲自己參考不同的資料所寫。 歡迎對問題進行討論,如果對您有用,別忘記點贊喔。 【CSS篇】 1. CSS盒子模型,絕對定位和相對

原创 javascript中如何實現類 (class) ---簡述構造函數與原型對象

在 js中,類的實現是通過原型的繼承機制。 通常的方法,是定義構造函數,即是定義類,類名即構造函數名,首字母必須大寫。在其中定義一些共有的屬性名。 同時,使用關鍵字prototype來定義構造函數的原型對象,在其中定義共享的方法。當定義好

原创 在vue工程中使用vue-awesome-swiper實現輪播圖

自己做的小項目中,需要使用輪播圖。選擇了網上推薦的vue-awesome-swiper。這裏講一下,如何在vue工程中,安裝及使用vue-awesome-swiper。後續如有更加複雜的應用,會繼續補充。 這裏實現的功能就是,應用在移動端

原创 使用vue-cli快速創建一個工程化的vue項目

這篇文章主要描述,你如何快速創建一個工程化的vue項目。 使用vue-cli,會非常容易及快速的構件一個工程化的Vue項目。我主要依賴的就是vue-cli的官方網站。https://cli.vuejs.org/zh/guide/。 基礎部

原创 從遠端拉取本地沒有的分支,並自動在本地建立該分支

當本地沒有想要拉取的分支,想直接拉取遠端的分支,且分支名相同 (1) git branch  查看本地的git庫包含的分支 目前本地有五個分支,'*'代表當前所在的分支 (2)git checkout -b 本地分支 origin/遠程

原创 pull錯代碼,恢復到pull之前 ---本地代碼回退

本地拉遠端分支時,不小心拉錯了代碼。網上查找了一下,按照此篇文章進行操作。 https://blog.csdn.net/code_segment/article/details/78597441?locationNum=4&fps=1。

原创 vsCode使用

快捷鍵 1) html頁面快速生成一個h5頁面:!+ TAB 2) 在瀏覽器中打開 : open in browser插件,安裝插件後,ALT+B

原创 vue中使用less

首先,使用vue-cli快速建立一個vue project 二,  在該項目中安裝less及loader $ npm install less less-loader --save-dev 關於何時使用“--save-dev”或者“--s

原创 div與image-令div剛好包裹image

image在外面有時會包裹一層div.但是,視圖效果,經常會出現問題。 有一些解決辦法。 (1),改變image的display, 如, .top-header .left-icon img,.top-header .right-i