原创 關鍵幀動畫的停止

在css中使用animation:"關鍵幀動畫的名字"  來進行關鍵幀動畫的調用後, 只需要緊接着寫一句animation-fill-mode: forwards;即可讓動畫停留在當前幀。

原创 清浮動的幾種方式

 浮動是我們經常會用到的,自己在寫代碼的過程中總結了以下幾種,歡迎大家指正補充~         1、.clearfix:利用空標籤增加clearfix類清除浮動(空標籤必須是塊級元素,且空標籤不能有浮動)。             

原创 margin擊穿問題(子元素的margin值作用在父元素上)

    前端開發師在開發過程中經常會遇到這種問題,有時候明明設置的是子元素的margin值,結果最後卻作用在了父元素上,就像下面這個簡單的代碼: <!DOCTYPE html> <html>     <head>         <met

原创 簡單的git使用方法

進入公司也有一段時間了,公司一直在使用coding,在這裏說一下一些簡單的操作吧。(在已有項目倉庫的前提下進行的) 1、登錄coding,找到項目的路徑,複製下來,具體可參照下圖 2、找到你想存儲項目文件的位置,右擊打開git,運行gi

原创 Font awesome小圖標

在編程的過程中我們經常會需要使用一些小圖標,Font awesome無疑是一個很好的工具,它提供了海量的可供縮放的矢量圖標,具體的可訪問它的官網。 它的使用也很簡單,只需要在你的html頁面引入font-awesome.css,然後當你需

原创 2016初爲程序員的體會

    2016年對我來說是及其特別的一年,在這一年我擁有了作爲程序員的第一份工作,開啓了自己的“程序媛”的生涯。。。     到今天爲止我已經入職兩個月了,這兩個月感覺自己的提高還是挺大的。剛入職時感覺自己就像個什麼都不懂的菜鳥一樣,雖

原创 nginx的使用(配置、啓動、重啓、關閉)

網上關於nginx的安裝已經有很多教程了,在這裏不再做過多敘述了,只講一下安裝好後的一些基本的使用。一般來說,nginx會安裝在/usr/local下面,以下所有的操作都是在這個安裝路徑的前提下進行的。1、首先利用配置文件啓動nginx。

原创 Linux系統下查看端口占用以及結束某個進程

在項目開發中有時需要將項目部署到服務器運行,啓動項目時會用ssh連接服務器,一般來說,Node的相關項目我會用pm2的方式來啓動,但有時爲了調試方便,會簡單的直接用node命令來啓動,這樣就會導致一個問題,有時候啓動了項目之後就去開發了,

原创 判斷一個對象是否爲空

假設要判斷obj對象是否爲空 方法1: JSON.stringify(obj)=="{}" 原理就是先把對象obj轉化成json字符串,然後再判斷這個字符串是否爲空即可。 方法2: Object.keys(obj).length == 0

原创 ssh連接服務器報錯(1、Host key verification failed. 2、Permission denied (publickey))

因爲業務需要我將阿里雲的服務器由cent os換成了UBantu,然後再用ssh進行連接時,發現報錯:Host key verification failed.發現報具體報錯信息如下圖所示:這是因爲我的服務器重裝系統的原先的公鑰已經失效,

原创 pthon程序執行pip install ***報錯SyntaxError: invalid syntax

我在用命令行測試python時遇到了一個問題。首先我輸入命令:python3進入了python開發環境。然後通過import ***來導入依賴包,這時候提示包不存在。於是我用pip3 install ***來下載這個包結果下載出錯,報錯信

原创 redis查詢所有key報錯(empty list or set)

一直在用node.js進行redis的存儲,今天想用redis-cli查看一下所有已經設置的key,輸入keys *結果發現沒查到任何東西(empty list or set)但是我在node.js中是能取到數據的。仔細檢查發現原來我no

原创 vue項目開發(一) 利用vue-cli+webpack構建一個vue項目

    到現在已經用Vue寫了幾個項目了,對Vue也算是比較熟悉了,對於Vue基本語法這裏不做過多的介紹,具體語法可通過官網進行學習,現在主要來分享一下自己是如何利用Vue開發一個項目的。     要進行Vue開發,我們首先要搭建起一個V

原创 Element-ui樹形控件el-tree使用過程中遇到的問題

今天在使用el-tree樹形控件的時候遇到了一個問題,在某個頁面中我有兩個地方用到了el-tree樹形控件,在用getCheckedKey()方法獲取選中的選項時,發現只有第二個el-tree的值的獲取是正常的,第一個獲取不到。 解決方

原创 linux系統下編輯文件(vim編輯器)

(1)打開文件          vim  ***(***爲你要打開的文件名) (2)按一下鍵盤上的'I',進入編輯狀態 (3)編輯內容,編輯好了之後按'esc'鍵退出編輯狀態 (4)退出,在這裏主要介紹四種退出方式: