原创 Mac中的Homebrew工具

Homebrew是Mac OSX上的軟件包管理工具,能在Mac中方便的安裝軟件或者卸載軟件,運行在Mac的終端程序中 1、安裝Homebrew 在Mac終端中執行腳本 /usr/bin/ruby -e "$(curl -fsSL http

原创 如何將本地代碼上傳至Github

如何將本地代碼上傳至Github? 第一步 下載並安裝Git,地址:https://git-scm.com/downloads 第二步 註冊Github賬號,點擊創建項目 填寫相關信息 第三步 本地生成SSH文件,因爲Github是通

原创 intermediate value is not a function報錯解決方法

在一個項目中引入了多個JS文件,最開始並沒有問題,實際上線時,用到了gulp將其JS文件合併壓縮,結果報錯,如下 (intermediate value)(intermediate value)(...) is not a functio

原创 CSS繪製三角形

使用css繪製三角形,主要利用了盒模型的border屬性,當盒子內容的寬度和高度遠小於盒子邊框的寬度時,邊框會顯示爲等腰梯形,由此,可以通過設置盒子寬度和高度爲0,再利用透明邊框來實現,代碼如下 <!DOCTYPE html> <html

原创 JS中的this指向相關

關於JS中this的問題 JS中的函數調用有4種方式: 1、作爲普通函數調用 2、作爲對象方法調用 3、作爲構造函數調用 4、使用call或者apply 全局執行: 首先,我們嘗試全局執行下console.log(this); 瀏覽器會輸

原创 PHP頁面上輸出空白隱形字符65279解決辦法

在某些情況下,PHP會在頁面輸出空白隱形字符65279,也有可能是一段空白,導致頁面佈局錯亂的問題,實際上,65279字符是PHP用來標記文件是UTF-8編碼的,輸出的時候會一起輸出到客戶端 UTF-8編碼的文件可以分爲無BOM和BOM兩

原创 vue加載時閃現模板語法

問題:使用VUE時,頁面加載瞬間,會閃現模板語法,例如{{ item.name }}等 解決辦法: 1、可以通過VUE內置的指令v-cloak解決這個問題(推薦) 具體實現: <ul v-cloak v-for="item in item

原创 使用gulp-uglify壓縮js文件

1、全局安裝gulp npm install -g gulp 2、項目下安裝gulp和gulp-uglify cmd切換到項目目錄,執行npm install gulp和npm install gulp-uglify 3、安裝完畢後,項目

原创 JS異常missing ) after argument list

JS異常報錯 missing ) after argument list 在使用JS拼接DOM元素時,有這種情況發生,'<a οnclick="del(' + data.id + ')"></a>',直接這樣寫會報錯,應使用反斜槓 \ 轉

原创 margin負值實現左右固定中間自適應佈局

佈局需求 左右兩列寬度固定(像素單位),中間自適應 可以使用負的margin值實現該佈局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></

原创 animation階躍函數step詳解

首先,我們用CSS3的animation完成一個進度條動畫 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style>

原创 NodeJS搭建本地服務器環境

第一步:創建server.js和mine.js文件 server.js var http = require('http'), url = require('url'), fs = require('fs'), path = req

原创 jQuery的isEmptyObject方法判斷對象是否爲空

jQuery判斷對象是否爲空,即沒有屬性 使用$.isEmptyObject({...})方法,爲空對象返回true,否則返回false 原理,通過for in循環遍歷所有屬性 function isEmptyObject(obj){ f

原创 requestAnimationFrame實現動畫

大部分瀏覽器支持的最小繪製間隔是16.7ms,舉例,如果你使用setInterval(function(){}, 10)即每隔10ms繪製一次頁面,將會導致部分動畫幀的丟失,造成動畫的不連貫卡頓,16.7ms是1000/60的計算結果,即

原创 React項目中的一些問題

問題一: React項目報錯: Warning: Each child in an array or iterator should have a unique "key" prop. 原因: 性能問題,這個是和React的dom-dif