原创 ES6入門之set和map

Set ES6提供了新的數據結構Set。它類似於數組,但是成員的值都是唯一的,沒有重複的值。 Set函數可以接受一個數組(或類似數組的對象)作爲參數,用來初始化。 // 例一 var set = new Set([1, 2, 3

原创 insertAdjacentHTML方法詳解

添加HTML內容與文本內容以前用的是innerHTML與innerText方法, 最近發現還有insertAdjacentHTML和 insertAdjacentText方法, 這兩個方法更靈活,可以在指定的地方插入html內容和文本內容

原创 DOM BOM 常用API小記

DOM 1 . 元素節點: 元素節點element: 更精確的獲得元素的標籤名(全大寫) 屬性節點attribute: 屬性名 文本節點text: #text 註釋節點document:#document

原创 vue2中引入scrollreveal.js做出驚豔的動畫

現在很多產品展示的網頁在滾動的時候會觸發動畫,如果用js去寫的話需要監聽scrolltop,會很繁瑣,而scrollreveal.js可以完美地實現這樣的效果.js的使用方法很簡單,直接引入就可以了,但是vue中該如何使用呢?首先,安裝用

原创 玩轉 live-server -- 熱加載利器

live-server是什麼? 這是一個具有實時重載功能的小型開發服務器。用它來熱加載你的HTML / JavaScript / CSS文件,但不能用於部署最終的網站。 優點 一鍵安裝,實現自動刷新,架設本地服務器環境。 比起 gulp

原创 weex 構建項目

前言 Weex 是一套簡單易用的跨平臺開發方案,能以 web 的開發體驗構建高性能、可擴展的 native 應用,爲了做到這些,Weex 與 Vue 合作,使用 Vue 作爲上層框架,並遵循 W3C 標準實現了統一的 JSEngine 和

原创 Vue2.0 探索之路 ----- 生命週期和鉤子函數

寫在前面 這篇文章對於初學Vue的人來說,真的很棒。 vue生命週期簡介 從上圖可以很明顯的看出現在vue2.0都包括了哪些生命週期的函數了。 生命週期探究 對於執行順序和什麼時候執行,看上面兩個圖基本有個瞭解了。下面我們將結合代

原创 JS 判斷PC、android、ios、微信瀏覽器

通過js userAgent來判斷判斷訪問此鏈接的操作系統<script> var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "i

原创 詳解webpack中的hash、chunkhash、contenthash區別

這篇文章主要介紹了詳解webpack中的hash、chunkhash、contenthash區別,詳細的介紹了hash、chunkhash、contenthash的用法和區別hash、chunkhash、contenthashhash一般

原创 weex打包apk TimePicker調整成Holo的樣式

找到AndroidManifest.xml ,修改activity的 theme屬性。原來的:<activity android:name=".WXPageActivity"

原创 js 去掉瀏覽器右擊默認事件並綁定右擊事件

1.整個頁面所有的右擊事件 document.oncontextmenu = function(){   return false; } 2.特定的區域 document.getElementById("test").oncontextm

原创 MongoDB導入導出以及數據庫備份

——————-MongoDB數據導入與導出——————- 一、導出工具:mongoexport 1、概念: mongoDB中的mongoexport工具可以把一個collection導出成JSON格式或CSV格式的文件。

原创 vue項目 build之後資源文件找不到問題

解決靜態資源失效的問題這就需要修改我們的 config 中的 index.js了,默認的build 中的部分是這樣的: build: { // Template for index.html index: path.resolve

原创 MUI沉浸式效果

MUI沉浸式效果 目前僅測試於Android端 這種方法可以適用於固定的頭部背景顏色 var ws = null; function plusReadys() { // 設置狀態欄背景顏色 ws = plus.webvie

原创 css 知識點記錄

1.多行文本截斷 width: 100px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 對象作爲伸縮