原创 react實現底部固定菜單欄

在項目中經常會碰到這種需求,底部固定的菜單欄目,本來是想直接用react-router-dom組件的navLink來實現的,因爲navLink組件有個屬性 activeClassName設置選中樣式,默認值爲active,通過這個直接給選

原创 vue中better-scroll中頁面滾動無效的問題

因爲在做項目的時候要用到滾動,所以引用了better-scroll這個插件,於是按照官網用法:<script> import BScroll from 'better-scroll' export default{

原创 webstrom實現本地項目上傳到github 使用WebStorm上傳本地項目到GitHub

使用WebStorm上傳本地項目到GitHub2017年04月19日 12:32:44閱讀數:3756        在使用 WebStorm 上傳本地項目到 GitHub 之前,先要做一些相關配置。        首先打開 WebSto

原创 js判斷chrome和360極速瀏覽器和360安全瀏覽器

在做項目的時候有用到判斷不同瀏覽器的這個需求,然後就是按部就班的根據window.navigator對象裏面的user-agent屬性來判斷,如果你以爲就這麼簡單的話那就錯來。以下是我自己遇到的幾個坑,在此記錄以下 1.360瀏覽器在不同

原创 css實現網頁底部固定

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d

原创 關於在蘋果瀏覽器中new Date()函數兼容性問題

直接上代碼 var currentTime = '2019-08-28 06:30:30'; document.write('result:'+new Date(currentTime)); 在谷歌瀏覽器中效果: 在蘋果瀏覽器中效果

原创 網頁彈出遮罩層時頁面向右偏移出現抖動問題

網頁中經常會用到遮罩層的情況,在出現遮罩層的時候頁面會整體向右偏移一段距離,因此會出現頁面抖動,用戶體驗不好。 首先我們要思考爲什麼會出現這種現象: 1:寫遮罩層的時候我們一般會給它設置fixed定位 2:爲了不讓遮罩層下面的內容可滾動,

原创 nodejs api學習:fs.createReadStreame()

作用 這個api的作用是打開一個可讀的文件流並且返回一個fs.ReadStream對象   參數 /* createReadStream(path,option):該用來打開一個可讀的文件流,它返回一個fs.ReadStream對象 @

原创 nodejs api學習:fs.createWriteStream()

作用 上一篇博客介紹了createReadSream()函數,用於讀取一個可讀的文件流,接下來介紹一個作用與之相反的函數:createWriteStream(),有讀取操作就有寫入操作,改函數的作用就是對文件流進行寫入 參數 參數與cre

原创 vue學習總結四:理解vue-router

我們知道vue項目都是單頁面應用,只有一個index.html文件,但是頁面之前的跳轉是依賴什麼呢,vue提供了一個vue-router插件幫助我們實現頁面之間的相互跳轉,接下來我會重新改造一下之前的那個yourprojectname項目

原创 vue學習總結五:vue-router懶加載

由於vue單頁項目最後會通過webpack打包成一個js文件,如果項目很大的話,會造成首屏加載緩慢浪費用戶的等待時間,因爲頁面多加載了一些其他的組件,這個時候我們可以通過路由懶加載的形式來解決這個問題,至於怎樣衡量一個項目大不大,需要不需

原创 creat-react-app構建react項目並配置less,sass等樣式

項目構建步驟: 1.cd到你的項目要存放的位置,然後執行以下命令全局安裝create-react-app腳手架 npm install -g create-react-app 執行成功結果顯示 C:\Users\Saiang>d:

原创 淺談react生命週期

之前寫過一篇關於用creat-react-app腳手架構建react項目的博客,也是出於總結一下自己學習react的過程並幫助自己能更好的理解這個框架。接下來我也會不間斷的更新react的知識點,今天就先講講react的生命週期函數,老規

原创 webstrom編寫nodejs代碼無提示功能的設置

在用webstrom編寫nodejs代碼的時候,裏面的api都是沒有提示的,這樣寫起代碼來非常的難受 像這樣,我本意是想寫fs.createReadStream的但是沒有提示出來,這樣就得自己一個個字母敲了,效率不高還容易寫錯,於是百度

原创 nodejs對文件操作的回調地獄解決方案

我們知道nodejs的fs模塊,對文件的操作一般都是異步操作的,例如對文件的讀取操作const fs = require('fs'); fs.readFile('./a.txt',( error, data )=>{ if(err