原创 iscroll踩過的坑
在iscroll在使用之前必須要實例化， document.getElementById("wrapper").addEventListener('touchmove', function (e) { e.preventDefault
2020-02-21 13:22:24
原创 響應式佈局 css3 media 媒體查詢 和js+rem
一：媒體查詢 1.使用media的時候需要先設置<meta>標籤來兼容移動設備的展示。 <meta name="viewport" content="width=device-width,user-scalable=no,initial-
2020-02-21 13:22:23
原创 glup搭建和使用
簡介： Gulp是前端開發過程中對代碼進行構建的工具，是自動化項目的構建利器；不僅能對網站資源進行優化，而且在開發過程中很多重複的任務能夠使用正確的工具自動完成；使用gulp，不僅可以很愉快的編寫代碼，而且大大提高工作效率 Gulp是基
2020-02-21 13:22:22
原创 canvas與svg區別
一：定義 什麼是canvascanvas畫布，使用js在網頁上繪製圖像 什麼是svgsvg是可伸縮矢量圖 二：使用canvas使用 <script type="text/javascript"> var c=document
2019-08-07 18:26:49
原创 Computed property "XXX" was assigned to but it has no setter
報錯視圖： 原因： 組件中v-model=“XXX”，而XXX是vuex state中的某個變量 vuex中是單項流，v-model是vue中的雙向綁定，但是在computed中只通過get獲取參數值，沒有set無法改變參數值 解決
2019-02-12 15:04:52
3
原创 小程序button邊框和背景色修改
一：button去掉邊框border:none或border:0都無效 因爲小程序默認的樣式中給button::after{content:""} 自行添加button::after{border:0}去掉button的邊框 二：bu
2018-08-24 01:37:00
原创 css hack
什麼是css hack 由於不同廠商的瀏覽器或者相同瀏覽器的不同版本（IE6-IE11，firefox，safari,opera,chrome等）對css的支持，解析不一樣，導致在不同瀏覽器的環境中呈現出不一致的頁面展現效果。爲了統
2018-08-24 01:37:00
原创 js監聽瀏覽器關閉事件 onbeforeunload和Onunload不生效 使用onpadehide可以監聽到瀏覽器關閉事件
刷新頁面時onbeforeunload和Onunload都不生效 一：onbeforeunload is work 沒有alert出來，事件觸發了，因爲頁面跳轉的時候，window對象和DOM對象都已經被銷燬了，所有alert不能執行。如
2018-08-24 01:37:00
原创 Vue2.0 render與react
vue2.0 添加了render函數和類似react的JSXvue2.0new Vue({ // components:{App} //vue1.0寫法 render:(h)=>h(App)//vue2.0寫法 }).$mount('#a
2018-08-24 01:37:00
原创 webpack基礎入門(四)
加載圖片 試試加載圖片,首先第一件事情就是安裝對應的loader。它會將樣式引用到的圖片轉爲模塊來處理。 npm install url-loader --save-dev 當然你也可以在package.json添加依賴，然後再npm
2018-08-24 01:37:00
原创 vue2.0 組件
一：什麼是組件 組件（component）是vue.js最強大的功能之一。組件可以擴展html元素，封裝可重用的代碼。在較高層面上，組件是自定義元素，vue.js的編譯器爲它添加特殊功能。在有些情況下，組件也可以是原生html元素的形式
2018-08-24 01:37:00
原创 this指向問題
一：this的指向在函數定義的時候是確定不了的，只有函數執行的時候才能確定this到底指向誰，實際上this的最終指向的是那個調用它的對象 實例一：函數this指向 function a(){ var user = "sly";
2018-08-24 01:36:59
原创 webpack基礎入門(三)
瞭解webpack配置 webpack在執行的時候，除了在命令行傳入參數，還可以通過制定的配置文件來執行，默認情況下，會搜索當前目錄的webpack.config.js文件。這個文件是node.js模塊，返回一個json格式的配置信息對象
2018-08-24 01:36:59
原创 Flex實例
一:flex-flow(是flex-direction屬性和flex-wrap屬性的簡寫) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="
2018-08-24 01:36:59
原创 面試題整理
1.正則表達式（郵箱） 郵箱校驗 /^([0-9A-Za-z_-])+@([0-9A-Za-z]_-)+((.[a-zA-Z0-9_-]){2,3}){1,2})$/ 2.瀏覽器url獲取參數和值 win
2018-08-24 01:36:59