BrowserSync是一個(gè)省時(shí)的瀏覽器同步測(cè)試工具逢防，可以同時(shí)在PC惭笑、平板丸冕、手機(jī)等設(shè)備上進(jìn)項(xiàng)調(diào)試焕毫。這個(gè)工具是基于nodejs的，可以通過(guò)npm安裝肥败。不廢話?cǎi)R上進(jìn)入正題族跛。 ...
發(fā)簡(jiǎn)信
IP屬地：四川
-
BrowserSync的安裝與使用詳解
-
js用構(gòu)造函數(shù)封裝輪播圖
用過(guò)swiper的人都知道，swiper給我們提供了許多不同形式的輪播圖举娩，它們都是用面向?qū)ο蟮男问椒庋b的析校。本人嘗試了用構(gòu)造函數(shù)封裝出同樣的效果构罗，封裝的不好大家見諒。 首先ht...
-
ES6新增加的字符串方法
ES6的出現(xiàn)使得js的語(yǔ)法發(fā)生了翻天覆地的變化智玻，無(wú)論是變量的聲明遂唧、函數(shù)的定義等都和以前大不相同，今天給大家講講字符串在其中發(fā)生了怎樣的變化吊奢！ 在開始字符串方法之前要講的是盖彭，在...
-
ajax實(shí)現(xiàn)本地上傳圖片至數(shù)據(jù)庫(kù)
修改頭像圖片這個(gè)功能相信大家都玩過(guò)，選擇圖片->移動(dòng)框選擇圖片范圍->確認(rèn)页滚，頭像就修改成功了召边。今天簡(jiǎn)單教大家實(shí)現(xiàn)這個(gè)功能！ 首先我們先簡(jiǎn)單布一下局裹驰！ html代碼如下: 更改...
-
js中三種字符串截取的用法
js中有三種字符串截取的方法隧熙，今天我來(lái)詳細(xì)講講這三種方法的具體用法： substring() 它的兩個(gè)參數(shù)分別是substring(開始位置,[結(jié)束位置]) 我們以str="...
-
less和sass的區(qū)別
首先，sass和less都是css的預(yù)編譯處理語(yǔ)言幻林，他們引入了mixins贞盯，參數(shù)，嵌套規(guī)則沪饺，運(yùn)算躏敢，顏色，名字空間整葡，作用域父丰，JavaScript賦值等 加快了css開發(fā)效率,當(dāng)...
-
nodejs實(shí)現(xiàn)發(fā)郵件
nodejs有許許多多的功能模塊，今天給大家演示如何用nodejs實(shí)現(xiàn)發(fā)郵件的效果掘宪，我們以QQ郵箱為例蛾扇！ 首先我們要在QQ郵箱的 設(shè)置->賬戶中把POP3/SMTP服務(wù) 打開...
-
JS中關(guān)于定時(shí)器的一點(diǎn)冷知識(shí)JS中有setInterval和setTimeout兩種定時(shí)器，它們的用法非常簡(jiǎn)單魏滚，但是你真正了解過(guò)這兩個(gè)定時(shí)器嗎镀首？今天就給大家講講關(guān)于定時(shí)器的一點(diǎn)冷知識(shí)！ 1鼠次、時(shí)間間隔越短...
-
關(guān)于碰撞檢測(cè)在玩游戲的時(shí)候經(jīng)常能看到2個(gè)物體相碰更哄，然后作出判斷，在js中我們?nèi)绾文軌蛑?個(gè)物體是否相碰呢腥寇？今天就給大家介紹一下成翩！ 先畫個(gè)圖給大家看一下： 我們給每個(gè)div框都畫了4條長(zhǎng)...
-
JS中的this用法
例1： 該方式的運(yùn)行結(jié)果為document！ 例2： 該方式的運(yùn)行結(jié)果是object window赦役！ 例3： 該方式的運(yùn)行結(jié)果是object window麻敌！ 例4： 該方式的...
-
放大鏡
我們?cè)诰W(wǎng)上購(gòu)買衣物的時(shí)候都會(huì)看到這么一個(gè)效果，把鼠標(biāo)放在衣服上掂摔，右邊會(huì)出現(xiàn)一個(gè)框呈放大的效果术羔。今天就教大家如何實(shí)現(xiàn)赢赊！ 第一步：需要準(zhǔn)備一張400×400的原圖和一張800×8...
-
用js制作一個(gè)簡(jiǎn)單輪播圖
許多網(wǎng)站的首頁(yè)都會(huì)有輪播圖，今天給大家講一個(gè)簡(jiǎn)單的輪播圖级历。 html代碼如下： css代碼如下： ...
-
用js制作一個(gè)簡(jiǎn)單計(jì)算器
今天我們做一個(gè)簡(jiǎn)單計(jì)算器释移，給兩個(gè)文本框輸入值，點(diǎn)擊計(jì)算后寥殖，第三個(gè)文本框會(huì)出現(xiàn)相應(yīng)的加減乘除運(yùn)算的結(jié)果玩讳！ 第一步：構(gòu)建3個(gè)input文本框用于輸入數(shù)組和顯示結(jié)果，一個(gè)運(yùn)算符的下...
-
膜拜大佬嚼贡！
十道面試題
1熏纯、請(qǐng)談?wù)勀銓?duì)性能優(yōu)化的認(rèn)識(shí)？ 網(wǎng)頁(yè)內(nèi)容 減少http請(qǐng)求次數(shù) 80%的響應(yīng)時(shí)間花在下載網(wǎng)頁(yè)內(nèi)容(images, stylesheets, javascripts,scrip...
-
十道面試題
1编曼、請(qǐng)談?wù)勀銓?duì)性能優(yōu)化的認(rèn)識(shí)豆巨？ 網(wǎng)頁(yè)內(nèi)容 減少http請(qǐng)求次數(shù) 80%的響應(yīng)時(shí)間花在下載網(wǎng)頁(yè)內(nèi)容(images, stylesheets, javascripts,scrip...
-
關(guān)于隱藏和透明度關(guān)于隱藏 顯示隱藏的標(biāo)簽有display:none和visibility:hidden，那么他們二者有什么區(qū)別呢掐场？ 首先我們建立一個(gè)100*100的盒子往扔，并寫上一些內(nèi)容，在盒...
-
-
關(guān)于body標(biāo)簽的常用屬性
格式： 網(wǎng)頁(yè)內(nèi)容 常用的屬性有： bgcolor屬性：網(wǎng)頁(yè)的背景顏色 background屬性：背景圖片 text屬性：文本顏色 link屬性：鏈接未被點(diǎn)擊時(shí)的顏色 vlin...
-
Axure設(shè)置簡(jiǎn)單的單個(gè)滑動(dòng)選項(xiàng)卡設(shè)每個(gè)圖片寬為100px，高不限嚷堡，每個(gè)圖片間隔為10px蝗罗，5張圖片，故方框的的寬為540Px蝌戒。設(shè)置動(dòng)態(tài)面板寬為540px高為圖片高串塑。在動(dòng)態(tài)面板內(nèi)進(jìn)行操作...........
