JavaScript

標籤：index   trident   div   color   encode   button   .exe   range   自己   因同事的需求是想前端匯出excel表格，網上找了一些demo，自己修改了一下，可能以

jQuery 控制文字框自動縮小字型填充，jquery縮小字型 js控制文字框自動縮小字型填充，當文字框中的字型超出文字框範圍的時候，框內的字型會自動縮小，以填充整個文字框;調用：resetFontSize($(".title"), 50, 10, 20);//重設字型大小 wordbox:jQuery對象maxHeight:box的最大高度minSize:最小字型大小maxSize:最大字型大小this.resetFontSize=function (wordbox,

webpack學習教程之publicPath路徑問題詳解，webpackpublicpath本文主要給大家介紹了關於webpack中publicPath路徑問題的相關內容，分享出來供大家參考學習，下面來看看詳細的介紹：output: { filename: "[name].js", path:path.resolve(__dirname,"build") }如果沒有指定pubicPath,則引入路徑如下<body> <script

詳解JS擷取HTML DOM元素的8種方法，jsdom什麼是HTML DOM文件物件模型（Document Object Model），是W3C組織推薦的處理可擴充置標語言的標準編程介面。簡單理解就是HTML DOM 是關於如何擷取、修改、添加或刪除 HTML 元素的標準。我們用JavaScript對網頁進行的所有操作都是通過DOM進行的。這篇文章不做深入研究，只把各種用法和坑做一個總結。JS擷取DOM元素的方法（8種） 通過ID擷取（getElementById）

自訂vue全域群組件use使用、vuex的使用詳解，vuevuex自訂vue全域群組件use使用(解釋vue.use()的原理)我們在前面學習到是用別人的組件：Vue.use(VueRouter)、Vue.use(Mint)等等。其實使用的這些都是全域群組件，這裡我們就來講解一下怎麼樣定義一個全域群組件,並解釋vue.use()的原理而我們再用Axios做互動，則不能使用Vue.use(Axios)，因為Axios沒有install自訂一個全域Loading組件，並使用：總結目錄：|-compo

詳解react如何在組件中擷取路由參數，詳解react組件路由路由參數假如我們有很多 list 頁面，這些頁面除了動態內容不同，其他的頁面部分都相同，這個時候需要怎麼配置路由和組件呢？這種情境就需要用到路由的參數功能，增加一條包含參數的路由配置。import List from './component/list';<Route path="list/:id" component={List} />注意 path 屬性中的 :id 就是該路由的參數（ param ）。再來看看

小程式canvas寫字板效果及執行個體，canvas寫字板小程式canvas寫字板效果及執行個體寫字板效果：書寫文字，畫板重設，匯出圖片，匯出圖片前判斷是否書寫內容app.json：添加一個路由："pages/canvas/canvas"{ "pages":[ "pages/index/index", "pages/logs/logs", "pages/canvas/canvas" ], "window":{ "navigationBarBackgroundColor": "#ea6a4

Vue路由跳轉問題記錄詳解，vue路由跳轉詳解最近項目上需要用Vue用來做app，在Vue中使用路由時遇到下面的問題。路由設定如下：{path:'/tab',component:Tab,children:[{path:'layoutList',name:'LayoutList',component:LayoutList},{path:'layoutView/:layoutId',name:'LayoutView',component:LayoutView},{path:'layoutDetail

詳解原生js實現offset方法，詳解jsoffset在為 jTool 提供 offset (擷取當前節點位置）方法時， 先後使用了兩種方式進行實現， 現整理出來以作記錄。前後共使用了兩種方式實現了該方法， 這裡將這兩種方法分別列出。通過遞迴實現function offset(element) { var offest = { top: 0, left: 0 }; var _position; getOffset(element, true); return offest;

sublime 外掛程式安裝之sublime highlight 如何優雅拷貝代碼到word，sublimehighlight 首先：開啟preference => Package Control，輸入Add Repository ，用它來為Sublime 添加外掛程式安裝源，https://github.com/n1k0/SublimeHighlight/最後, 按package control -> package install  安裝完成,

JavaScript設計模式之策略模式詳解，javascript設計模式在程式設計中，我們也常常遇到這種情況，要實現某一個功能我們有很多種演算法可以實現。這些演算法靈活多樣，而且可以隨意互相替換。這種解決方案就是所謂的策略模式。策略模式的定義是：定義一系列的演算法，把它們一個個封裝起來，並且使它們可以相互替換。/* * pre：策略模式 * 樣本：公司計算獎金，分A、B、C 三種績效，計算方式如下 * 績效為A，獎金乘以係數5 * 績效為B，獎金乘以係數4 * 績效為C，獎金乘以係數3 *///

小程式Redux綁定執行個體詳解，小程式redux小程式Redux綁定執行個體詳解安裝clone或者下載程式碼程式庫到本地:git clone https://github.com/charleyw/wechat-weapp-redux將dist/wechat-weapp-redux.js(或者拷貝minify的也可以)檔案直接拷貝到小程式的工程中,例如（下面假設我們把第三方包都安裝在libs目錄下）:cd wechat-weapp-redux cp -r

Angular2中如何使用ngx-translate進行國際化，ngxtranslate相較於AngularJS中的ng-translate, angular2也有適合自己的國際化模組，就是ngx-translate。 項目地址：https://github.com/ngx-translate/core使用angular-cli初始化項目： ng new my-project 使用npm安裝ngx-translate模組 npm install --save

網頁CSS中*{margin:0; padding:0;}有什麼用，marginpadding* 這東西叫“萬用字元”用來匹配頁面上所有元素。*{margin:0; padding:0;} 像 2L 所說，body ,ul, li ,p,h1~h6,dd,dt 等……都有預設的margin 或padding值的，加上這句就可以刪除瀏覽器這些預設值，方面後面的設定。（註：不是沒它不行，只是方便而已）你加上面那句後頁面亂，那是當然的，因為你沒加時是基於有預設的margin或padding

Node.js編寫CLI的執行個體詳解，node.jscli執行個體Why Node.js?常用的用來編寫CLI的語言有 python, ruby, perl, Node.js等等。 為什麼選取Node.js作為CLI的語言編寫工具呢？有三個理由： 對Javascript語言更加熟悉 npm 完善的生態系統 npm OS無關的包管理機制主要原因還是歸咎於npm

Vue.js學習教程之列表渲染詳解，vue.js詳解本文主要給大家介紹了關於Vue.js列表渲染的相關資料，分享出來給大家參考學習，下面來看看詳細的介紹：v-for可以使用 v-for 指令基於一個數組渲染一個列表。這個指令使用特殊的文法，形式為item in items，items 是資料數組，item 是當前數組元素的別名：樣本：<ul id="example-1"> <li v-for="item in items"> {{ item.message }} <

NodeJS、NPM安裝配置步驟(windows版本) 以及環境變數詳解，nodejsnpm1、windows下的NodeJS安裝是比較方便的（v0.6.0版本之後，支援windows native），只需要登陸官網（http://nodejs.org/），便可以看到首頁的“INSTALL”按鈕，直接點擊就會自動下載安裝了。2、安裝過程基本直接“NEXT”就可以了。（windows的安裝msi檔案在過程中會直接添加path的系統變數，變數值是你的安裝路徑，例如“C:\Program Files\

jQuery返回錨定外掛程式詳解，jquery外掛程式詳解一、jQuery 提供開發人員開發外掛程式的幾種模式1.$.extend();     //這個方法是綁定在$上面的。可以通過$直接調用2.$.fn.方法名     //這個方法是綁定在Dom對象上面的可以通過$('').方法名();調用3.$.widget   //通過jQuery UI

Vue2 使用 Echarts 建立圖表執行個體代碼，vue2echarts在後台管理系統中，圖表是一個很普遍的元素。目前常用的表徵圖外掛程式有 charts,  Echarts, highcharts。這次將介紹 Echarts 在 Vue 項目中的應用。一、安裝外掛程式使用 cnpm 安裝 Echartscnpm install echarts -S和之前介紹的 axios 類似，echarts 也不能通過 Vue.use() 進行全域調用通常是在需要使用圖表的 .vue

小程式中input標籤詳解及簡單一實例，小程式input小程式中input標籤詳解及簡單一實例使用input標籤，我們都會，在小程式中使用，必定也是可以一下子就會的，但是卻有些常用的屬性無法按照習慣去使用：我就用我最常用的來做例子：一個一個來解讀：首先，我是定義了他的id，這是我們最常用的，所以就配了一個id，畢竟不操作他，又為什麼設成輸入框呢， 第二，設定他的樣式， 第三，設定他的輸入類別，以上都是很簡單的