JavaScript

標籤：java   str   執行個體   方法   getname   使用   ...   his   this   1.原廠模式function createPerson(name) { var o = new

標籤：try   com   編輯   image   type   技術   log   img   sig   一、API功能分類：圖層類（Map 》ILayer）js4.0版本以後添加SceneLayer（The

淺談Vue2.0中v-for迭代文法的變化(key、index)，vue2.0v-for今天，在寫關於Vue2.0的代碼中發現 $key這個值並不能渲染成功，問題如下：結果這個對象的key值並不能夠顯示：後來查閱了文檔才知道，這是因為在Vue2.0中，v-for迭代文法已經發生了變化：丟棄了：新數組文法 value in arr (value, index) in arr新對象文法 value in obj (value, key) in obj (value, key, index) in

基於vue-cli 打包時抽離項目相關設定檔詳解，vue-cli設定檔前言：當使用vue-cli進行開發時時常需要動態配置一些設定，比如介面的請求地址（axios.defaults.baseURL），這些設定可能需要在項目編譯後再進行設定的，所以在vue-cli裡我們需要對這些設定檔進行抽離，不讓webpack把設定檔也進行編譯。首先，我們需要在/static 下面建立一個js檔案作為設定檔裡面的內容如下：window.g={ AXIOS_TIMEOUT:10000,

寫一個移動端慣性滑動&回彈Vue導覽列組件 ly-tab，端慣性滑動前段時間寫了一個移動端的自適應滑動Vue導覽列組件，覺得有一定實用性，大家可能會用得到（當然有些大佬自己寫得更好的話就沒必要啦），於是前兩天整理了一下，目前已經發布到npm和GitHub上了，點我到npm，點我到GitHub項目 ，有需要的同學可以在項目中 npm install ly-tab -S 或者 yarn add ly-tab

vue中axios解決跨域問題和攔截器的使用方法，vueaxiosvue中axios不支援vue.use()方式聲明使用。 所以有兩種方法可以解決這點：第一種： 在main.js中引入axios，然後將其設定為vue原型鏈上的屬性，這樣在組件中就可以直接 this.axios使用了import axios from 'axios';Vue.prototype.axios=axios;components：this.axios({ url:"a.xxx", method:'post',

解決iview打包時UglifyJs報錯的問題，iviewuglifyjs使用npm run dev時運行是ok的，但是npm run build打包時iview報錯，如下：原因是iview中使用了es6文法，然而uglifyJs是不支援的，開啟我們的build/webpack.prod.conf.js檔案，可以看到// UglifyJs do not support ES6+, you can also use babel-minify for better treeshaking:

改變vue請求過來的資料中的某一項值的方法(詳解)，vue詳解由於 JavaScript 的限制， Vue 不能檢測以下變動的數組：當你利用索引直接設定一個項時，例如：vm.items[indexOfItem] = newValue當你修改數組的長度時，例如：vm.items.length = newLength在<template> <div> <ul> <li v-for = " (item,index) in list" v-text='`$

使用use註冊Vue全域群組件和全域指令的方法，usevueVue中的組件和指令分為局部組件、局部指令和全域群組件、全域指令。對於註冊有一定數量的全域指令和全域群組件時，官方文檔中的方法就顯得有些不夠清爽了。全域群組件 在Vue官方文檔中介紹的是使用Vue.component(tagName,

在vue裡面設定全域變數或資料的方法，vue全域變數執行個體如下：const MyPlugin = { // install方法是必需的// // 包含兩個參數：Vue 構造器，一個可選的選項對象 install(Vue, options) { Vue.prototype.test = "test" ; Vue.prototype.wechat = "my wechat!"; }};export default

JS字串去除連續或全部重複字元的執行個體，js字串字元執行個體js字串去除連續重複字元()和\number 配合使用表示重複正則第number個括弧內匹配到的內容，如：(\d)\1表示重複第一個匹配塊(\d)即等價於如果(\d)匹配到a，則運算式為aa相應的可以：(some)\1* 或(some)\1+或(some)\1? 表示重複第一個匹配快得到的內容 任意次或者 至少一次或 一次or零次 var s = "1122333455"; var s1 = s; var

詳解ES6通過WeakMap解決記憶體流失問題，es6weakmap一、Map1.定義Map對象儲存索引值對，類似於資料結構字典；與傳統上的對象只能用字串當鍵不同，Map對象可以使用任意值當鍵。2.文法new Map([iterable])屬性size：返回索引值對的數量。操作方法 set(key, value)：設定（新增/更新）鍵key的值為value，返回Map對象。 get(key)：讀取鍵key的值，沒有則返回undefined。

js類比form表單提交資料, js類比a標籤點擊跳轉，避開使用window.open引起來的瀏覽器阻止問題，formwindow.openjs類比form表單提交資料, js類比a標籤點擊跳轉，避開使用window.open引起來的瀏覽器阻止問題js類比form表單提交資料來源碼：/** * js類比form表單提交 * @param {object} 參數對象* url 必填 提交地址* methond 選填 預設post 提交方式 post get*

React Native使用fetch實現圖片上傳的範例程式碼，本文介紹了React Native使用fetch實現圖片上傳的範例程式碼，分享給大家，具體如下：普通網路請求參數是JSON對象 圖片上傳的請求參數使用的是formData對象使用fetch上傳圖片代碼封裝如下：let common_url = 'http://192.168.1.1:8080/'; //伺服器位址let token = ''; //使用者登陸後返回的token/** * 使用fetch實現圖片上傳 *

用油猴指令碼修改部落格園代碼顯示字型和字型大小，用油猴起因使用部落格園時，好多博主不修改預設的樣式，而預設的代碼塊樣式字型大小很小，字型也不好看(至少在我的標分屏上看起來很難受)，而修改樣式只能改自己的部落格，閱讀別人的文章的時候就沒辦法了。於是嘗試使用油猴指令碼向網頁注入CSS，在此記錄一下遇到的問題。遇到的問題平常修改樣式時愛用jQuery的 css() 方法，但是部落格園的代碼部分的樣式多用 !important ,這時必須用$("selector"

css網頁布局方式的理解，css網頁布局一，標準流（預設狀態，元素盒按照文檔中出現的順序排列）區塊層級元素--垂直排版 display:block;              單獨一行，可以設定寬高，寬度預設和父元素寬度一致             一般結構性標記都為區塊層級元素，如div，h，p，ul等行內元素--水平排版

vue父組件向子組件傳遞多個資料的執行個體，vue傳遞多個執行個體在平時我們使用VUE組件的時候，經常需要將父組件的某些資料傳遞給子組件，這個時候，我們通常會有很多的辦法，這裡主要分為兩種情況：第一種：待用資料傳遞：傳遞一個 字串 第二種：動態資料傳遞：綁定一個字串傳過去，一個數組，或者是一個對象傳遞過去這裡主要看一下動態資料繫結。比如你可以將你所有需要的資料都封裝在一個數組，或者是一個對象裡面然後

vue2.0+vue-dplayer實現hls播放的樣本，vue2.0hls起因之前寫了一篇《 vue2.0+vue-video-player實現hls播放》，裡邊有提到在用vue-video-player之前，我嘗試著使用vue-dplayer實現hls播放，但是當時時間緊迫，還沒有完成,就換方案了。現在抽時間把它補齊吧。開始安裝依賴npm install vue-dplayer -S編寫組件HelloWorld.vue<template> <div

vue2.0使用swiper組件實現輪播的範例程式碼，vue2.0swiper1、安裝swipernpm install swiper@3.4.1 --save-dev2、引用組件import Swiper from 'swiper';import 'swiper/dist/css/swiper.min.css';3、html頁面代碼 <div class="swiper-container" id="swiper"> <div class="swiper-wrapper"&

解決vue處理axios post請求傳參的問題，vueaxios很多朋友在使用vue的過程中肯定會用到axios