JavaScript

標籤：pre   表格   位置   aaaaa   one   append   onload   bsp   案例   js之DOM對象一 一、什麼是HTML  DOM HTML 

標籤：狀態   第一步   調用   環境   log   gpo   原型   理解   java   閉包的官方定義時有權訪問另一個函數範圍中的變數的函數。閉包有兩種用法：函數作為傳回值，函數作為參數傳遞第一：函數作為傳回值上

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

標籤：color   調用   sof   朋友   cti   組合   index   body   script   網上有很多關於擷取url參數的方法，我給他們都加了注釋。不懂的朋友可以給我留言 1 <script

標籤：rri   pos   eve   rev   prevent   規則   script   輸出   結果   三、資料結構和map    1、大括弧資料結構：{}  &

css調適型配置之“聖杯雙飛翼”，css自適應聖杯飛翼　　首先，這個這麼扯淡又裝逼的名字不知道是誰起的，大意就是說：中間的內容隨著瀏覽器寬度的不同，進行寬度自適應操作，而兩邊的內容固定寬度。　　來，上個代碼示範一下：　　 1 <style> 2 *{ 3 margin: 0; 4 padding: 0; 5 } 6 .wrap { 7

create-react-app構建項目慢的解決方案，create-react-app慢的解決方案在操作官方執行個體Create React App時,需要執行指令：create-react-app my-app來建立一個新的React應用。由於某原因,在拉取各種資源時,往往會巨慢,一直卡在fetchMetadata: sill mapToRegistry uri

小程式中實現手指縮放圖片的範例程式碼，縮放範例程式碼公司開發小程式，pm想實現如下需求：用手指縮放圖片。其實在實現這個需求以前，並不知道，公眾號以及小程式裡面有一個原生的api就內建這個特效，而且朋友圈也是用的這個api。wx.previewImage，就是它。預覽圖片。除了不能預覽開發環境的本地電腦的圖片外，你手機真機的圖片，以及http伺服器上的圖片都是可以預覽的，而且縮放功能做得很流暢。下面就說說如何用js來實現這個功能吧。先上源碼，然後在逐步剖析：Page({ data: {

Javascript 編碼約定(編碼規範)，javascript編碼1、使用 strict 模式在一個範圍(包括函數範圍、全域範圍)中，可以使用"use strict";來開啟 strict 模式。2、縮排用 Tab 鍵進行代碼縮排，以節約代碼大小，使用4個空格的寬度來進行縮排(JSLint 建議)。3、符號1) 大括弧與語句放同一行，放於最後面；僅有一行語句，也使用大括弧：if (true) { //true} else { //false}while (true) { //alert(

Javascript中prototype與__proto__的關係詳解，prototype__proto_前言學到原型的時候感覺頭都大了/(ㄒoㄒ)/~~ 尤其是prototype和__proto__ 傻傻分不清  通過多番尋找資料，根據自己的理解，總結如下：一、建構函式：建構函式：通過new關鍵字可以用來建立特定類型的對象的函數。比如像Object和Array，兩者屬於內建的原生的建構函式，在運行時會自動的出現在執行環境中，可以直接使用。如下：var arr = new Array(

CSS 調適型配置，css調適型配置前言本篇文章將介頁面配置中的調適型配置，常見的調適型配置有以下2種：左列固定右列自適應、左右兩列固定中間自適應。 1. 左列固定右列調適型配置方案說明：左列固定右列自適應，也可以為右列固定左列自適應，常見於中台管理介面、移動端Web的列表展示等等。<div class="container"> <div class="left">固定寬度</div> <div

javascript變數提升和閉包理解，javascript變數提升我們先來看一個題目：<script> console.log(typeof a)//undefined var a='littlebear'; console.log(a)//littlebear </script><script> console.log(typeof a)//string var a=1;

淺談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