原创 webpack注意事項

本文所有代碼都在GitHub npx webpack 打包命令 注意,webpack 不會更改代碼中除 import 和 export 語句以外的部分。如果你在使用其它 ES2015 特性,請確保你在 webpack 的 loader 系

原创 input type="checkbox" 選擇框重寫樣式

html: <div class="lists-checkbox"> <input type="checkbox"> <label style="position: relative;top: 6px"></labe

原创 Flex 彈性盒子佈局理解

認知和準備 解決問題:彈性盒佈局模型的目的是提供一種更加有效的方式來對一個容器中的子元素進行排列、對齊和分配空白空間 任何元素都可以指定爲Flex佈局,設爲 Flex 佈局以後,子元素的float、clear和vertical-align

原创 npx 命令

本文作者阮一峯 npm 從5.2版開始,增加了 npx 命令。它有很多用處,本文介紹該命令的主要使用場景。 Node 自帶 npm 模塊,所以可以直接使用 npx 命令。萬一不能用,就要手動安裝一下。 $ npm install

原创 JavaScript對象遍歷 與 function item() {[native code]}

首先引出問題 問題代碼部分 var temp = ''; var taskscreen = {} ..... for(var item in taskscreen){ if(taskscreen[item]!=''&&tasks

原创 javascript 零與空字符串的比較

看實際效果圖

原创 npm使用理解

npm模塊管理器 來自《JavaScript 標準參考教程(alpha)》,by 阮一峯 簡介 npm有兩層含義。一層含義是Node的開放式模塊登記和管理系統,網址爲npmjs.org。另一層含義是Node默認的模塊管理器,是一個命令行下

原创 vue生命週期與瀏覽器異步操作

問題引入:再vue中使用echart,在created時ajax獲取數據,在mounted時初始化echart並繪製圖形。在兩個時間點均打印數據,都打印準確,但是頁面上圖形就是沒有繪製。 觀察打印時間節點,表明mounted比ajax請求

原创 JavaScript頁面狀態變化判斷:刷新,離開,

這裏所有相關判斷都是pc端的,移動端另尋出路 頁面離開事件觸發多種多樣比較常見有onunload,onbeforeunload,pagehide 但是怎麼判斷是離開還是刷新還是沒有解決。。。 當前tab不關閉通過鏈接離開當前頁面進入其他頁

原创 自使用與總結編碼規範(草稿) ,僅供自己參考 堅持更新

html文件: 1.所有代碼均使用小寫字母,中橫線 2.類名只提供給css使用,js使用的類名前綴爲js-; eg:js-class js文件: 1.變量,函數名,推薦使用小寫和下橫線; 入口檢測。應該檢測類型和值的合法性

原创 JavaScript 面向對象的程序設計 (六)

寫在前面的話:        本專欄,主要是用做個人學習使用,主要參考書籍《JavaScript高級程序設計》,主要記錄JavaScript學習和使用中的難點和坑點,和主要知識點,很多信息僅作參考使用;本人本專欄的每一篇文章會不斷修改和補

原创 javascript 簡介(一)

寫在前面的話:        本專欄,主要是用做個人學習使用,主要參考書籍《JavaScript高級程序設計》,主要記錄JavaScript學習和使用中的難點和坑點,和主要知識點,很多信息僅作參考使用;本人本專欄的每一篇文章會不斷修改和補

原创 Javascript 變量,作用域和內存問題(四)

寫在前面的話:        本專欄,主要是用做個人學習使用,主要參考書籍《JavaScript高級程序設計》,主要記錄JavaScript學習和使用中的難點和坑點,和主要知識點,很多信息僅作參考使用;本人本專欄的每一篇文章會不斷修改和補

原创 JavaScript 函數表達式(七)

寫在前面的話:        本專欄,主要是用做個人學習使用,主要參考書籍《JavaScript高級程序設計》,主要記錄JavaScript學習和使用中的難點和坑點,和主要知識點,很多信息僅作參考使用;本人本專欄的每一篇文章會不斷修改和補

原创 JavaScript 基本概念(三)

寫在前面的話:        本專欄,主要是用做個人學習使用,主要參考書籍《JavaScript高級程序設計》,主要記錄JavaScript學習和使用中的難點和坑點,和主要知識點,很多信息僅作參考使用;本人本專欄的每一篇文章會不斷修改和補