原创 angularjs,bootstrap快速創建手風琴效果
需要引入的js庫有： bootstrap.css， angular.js， ui-bootstrap-tpls-0.11.0.js 模板： <accordion close-others="oneAtATime">//當oneAtATi
2020-06-29 23:16:50
8
原创 && 與 || 賦值計算
1. ||： 首先在對於 a || b，大家都知道判斷標準是隻有當 a 爲 false且 b 爲 false時,整個語句爲 假，否則爲真。 因此，在 c = a ||b 中，只有當a 爲 false 時纔會考慮 b 的值，即：當 a 不爲
2020-06-07 17:27:52
原创 CSS遇到的幾個兼容性問題
1.IE6,7下的塊元素float，橫向的margin會雙倍擴大，可以通過display：inline-block來解決； 2.IE6,7下的li本身沒有浮動但是內容浮動導致下面出現了幾像素的多餘，解決辦法：li設置浮動； 3.在IE6下
2020-06-07 17:27:52
原创 css 中margin與padding
默認狀態下padding不屬於box的大小，這樣對於佈局有影響，因此可以設置box-size：box-size； margin：適合設置兄弟元素的之間的外邊距，其中左右元素之間的距離爲margin相加， 上下不會相加，只會選擇其中的較大者
2020-06-07 17:27:52
原创 小程序app.js的配置
微信小程序必須通過官方的微信開發者工具進行開發，每一個頁面都至少由兩部分組成 .wxml,.js，也有可能會有 .wxss, .json它們分別對應普通的HTML，JS, CSS但是又有細微的差別。 首先默認首頁是index.wxml，
2020-06-07 17:27:52
原创 call 和apply的作用與區別
首先先說明它們共同的作用：call和apply 都是用來修改函數中this的指向問題； 其次就是它們不同的傳參方式：注意上一句話中說他們的作用時有兩個關鍵詞 ‘函數’和‘this’，想要修改this 的指向，那麼必然有一個this修改後的
2020-06-07 17:27:42
原创 長連接與短連接的的區別
一. 概念：1. 短連接： 指通訊雙方有數據交互時，就建立一個連接，數據發送完成後，則斷開此連接，即每次連接只完成一項業務的發送（百度百科）。2. 長連接( keep-alive )： 指在一個連接上可以連續發送多個數據包，在連接保持期間
2020-06-07 17:27:42
原创 reset.css的一般寫法
對於img撐父元素的高度時，會有幾像素的多餘高度可以通過設置vertical-align:top;其中vertical-align用於設置幾個元素的垂直對齊方式，只有幾個元素同時設置時纔會生效。 html { color: #
2020-06-07 17:27:41
原创 正則常用的幾種方法test、match、exec、replace
1. text() 用途：用於檢驗一個字符串與正則表達式是否匹配； 返回結果：Boolean類型 實例： // 檢驗字符串是不是以數字結尾 var str = 'aaaa34324'; var exp = /\d$/g; console
2020-05-22 09:12:38
原创 Cookie, LocalStorage 與 SessionStorage的區別
首先它們的作用都是儲存數據，但是具體的作用各有千秋： 1.sessionStorage，首先‘session’是會話的意思， sessionStorage 它可以將一部分數據在當前會話中保存下來，刷新頁面數據依舊存在。但當頁面關閉後，se
2020-02-23 22:38:05
原创 promise與settime的執行順序
setTimeout(() => { console.log('timeout') }) new Promise((resolve) => { console.log('before') resovle('the
2020-02-23 22:37:53
原创 用javascript源碼打印頁面
在用javascript源碼打印頁面很簡單只需要使用window.print();一句代碼就好了，但是在預覽時你就會發現這有多坑。 頁面上居然有網址，有<title></title>標籤裏的東西。 我今天終於發現了一個好辦法： 1.打印時
2020-02-23 22:37:53
原创 瀏覽器解析css選擇器的規則
瀏覽器解析css選擇器的規則是從右向左的，這樣會提高查找選擇器所對應的元素的效率。 中國人有一個習慣，不論幹什麼，潛意識中的順序都是從左到右，從上到下，從大到下，因此大多數人看到這個順序都會感到很不適應，但大家要記得我們這是一個程序，而程
2020-02-23 22:37:53
原创 gulp常見命令
gulp-htmlmin：壓縮html文件 gulp-imagemin：壓縮圖片 imagemin-pngquant：深度壓縮png圖片 gulp-cache：只壓縮修改的圖片 gulp-minify-css：壓縮CSS文件 gulp-m
2020-02-23 22:37:53
原创 yarn的使用
1.yarn是什麼？ yarn是一個包管理器。你可以通過它使用別的開發者分享的代碼，當然也可以分享自己的代碼。 簡單的說yarn是npm的升級版。 2. yarn 的優點 速度超快：yarn緩存了每個之前下載過的包，無需重複下載
2020-02-23 22:37:53