原创 parseInt 和 Math.floor()

代碼規範 parseInt(string, radix) 本意是將一個數值型字符串解析成整型數值。 雖然有 parseInt(1.234) ; 結果爲1 但是將parseInt()用來作爲小數的取整,是不符合其原始的用法

原创 Vue中數據動態添加屬性

vue現有的對象動態的添加屬性: 例如有數據 : data(){ return { userInfo:{ age:99 } } } 如果在函數或者計算屬性中爲userInfo添加name屬性, 我們可能會 thi

原创 按鈕的“禁用”樣式

有時由於需要,需要將自己寫的按鈕禁用 如: <span class='save'>保存</span> css: .save{ display:block; width:50px; height:50px;

原创 vue中watch的幾種用法

在vue中,使用watch來響應數據的變化。watch的用法大致有三種。下面代碼是watch的一種簡單的用法: 普通用法: new Vue({ el: '#root', data: { cityName: 'sh

原创 webpack開發服務器(webpack-dev-server)的簡單配置使用

webpack開發服務器(webpack-dev-server)的簡單配置使用 配置本地開發服務器。 1)安裝webpack-dev-server 插件。 yarn add [email protected] --de

原创 僞(類)數組對象是如何轉成真正的數組的,click here!

何爲僞數組對象? 看了一些博客,也自己嘗試了下,無非就是三大特點: 1. 具有length屬性; 2. 能按索引取值; 3. 不能使用數組的API; 常見的僞數組對象 一. NodeList 也就是大家DOM操作時取得的DOM節點

原创 JS 獲取url參數並保存在對象中

// 獲取URL參數並保存在對象中 function getUrlParams() { // 假如當前的url爲localhost:8080?a=1&b=2 // location的search屬性獲取到 ?a=1&b=

原创 前端中的單頁面應用和多頁面應用

前端中的單頁面應用和多頁面應用 轉載自:https://juejin.im/post/5a0ea4ec6fb9a0450407725c 單頁面應用(SinglePage Web Application,SPA) 只有一張Web頁面的應用

原创 ES6中的特性進行數組去重

利用ES6的一些方法去重 // set let set = new Set(); //也可以將元素作爲數組傳入 // 增 set.add(function(){}); set.add([1,2,3]); set.add(true); /

原创 前端模塊化中的Common,AMD 和 CMD 規範

轉載自:http://blog.csdn.net/jackwen110200/article/details/52105493 在JavaScript發展初期就是爲了實現簡單的頁面交互邏輯,寥寥數語即可;如今CPU、瀏覽器性能得到了極大的

原创 自定義按鈕的“禁用”樣式

有時由於需要,需要將自己寫的按鈕禁用 如: <span class='save'>保存</span> css: .save{ display:block; width:50px;

原创 Javascript 之 splice的用法

項目中有時會遇到在數組中的任意位置,添加或刪除元素的情況,這時使用JS 的splice函數也是十分方便的: const arr = ['a','b','c','d','e']; const newArr = arr.spl

原创 SEO優化的一些方法

SEO 轉自:http://blog.csdn.net/u013853928/article/details/51956848 (Search Engine Optimization)搜索引擎優化,是爲了增加頁面在搜索引擎自然搜索結果中

原创 上傳本地項目代碼到github倉庫中

上傳之前我們需要先安裝git工具 然後: 1.進入Github首頁,點擊New repository新建一個項目 2.填寫相應信息後點擊create即可 Repository name: 倉庫名稱 Description(可選): 倉

原创 引用類型的深拷貝

項目中,需要用到深拷貝問題,稍微總結了一下: <script> const obj = { name:'Jack', age:'22', sex:'female', }