Time of Update: 2018-01-18
OkHttp踩坑隨筆為何 response.body().string() 只能調用一次,想必大家都用過或接觸過 OkHttp,我最近在使用 Okhttp 時,就踩到一個坑,在這兒分享出來,以後大家遇到類似問題時就可以繞過去。只是解決問題是不夠的,本文將 側重從源碼角度分析下問題的根本,乾貨滿滿。1.發現問題在開發時,我通過構造 OkHttpClient 對象發起一次請求並排入佇列,待服務端響應後,回調 Callback 介面觸發 onResponse()
Time of Update: 2018-01-18
關於react-router/react-router-dom v4 history不能訪問問題的解決,前言最近把react-router 升級了一下, 在使用react-router-dom 是,子組件使用this.props.history 找不到了,看看官方文檔,找了半天也沒找到,因為我是在非同步執行完後才跳轉頁面,需要用到push
Time of Update: 2018-01-18
利用jqprint外掛程式列印頁面內容的實現方法,jqprint列印頁面業務情境客戶需要在頁面有一個列印按鈕,點擊之後可以列印Echarts圖表的內容以及文字提示資訊,經Google搜尋發現,實現方法大概有三種之多,其他兩種不太熟悉,而採用的這種列印方式是一個在jQuery的基本上開發的一個print外掛程式,因此可以使用jQuery的方式尋找元素,因此決定採用這種方式。先看一下實現的,如下:實現引入js檔案<script type="text/javascript" src="__JS_
Time of Update: 2018-01-18
淺談Vue2.0父子組件間事件派發機制,vue2.0派發從vue1.x過來的都知道,在vue2.0中,父子組件間事件通訊的$dispatch和$broadcase被移除了。官方考慮是基於組件樹結構的事件流方式實在是讓人難以理解,並且在組件結構擴充的過程中會變得越來越脆落。特別是在組件層級比較深的情況下。通過廣播和事件分發的機制,就顯得比較混亂了。官方在廢除的同時,也為我們提供了替換方案,包括執行個體化一個空的vue執行個體,使用$emit反應子組件上的狀態變化1.使用$emit觸發事件hello
Time of Update: 2018-01-18
React中常見的動畫實現的幾種方式,react動畫實現幾種現在,使用者對於前端頁面的要求已經不能滿足於實現功能,更要有顏值,有趣味。除了整體 UI 的美觀,在合適的地方添加合適的動畫效果往往比靜態頁面更具有表現力,達到更自然的效果。比如,一個簡單的 loading 動畫或者頁面轉場效果不僅能緩解使用者的等待情緒,甚至通過使用品牌 logo 等形式,默默達到品牌宣傳的效果。React 作為最近幾年比較流行的前端開發架構,提出了虛擬 DOM 概念,所有 DOM 的變化都先發生在虛擬 DOM
Time of Update: 2018-01-18
小程式實現傳參數的幾種方法樣本,小程式幾種方法前言首先說點什麼呢, 因為公司需求, 我也開始跳到小程式的坑裡了, 填坑之路艱辛而淒涼, 好啦雖然有很多坑, 但畢竟小程式才出現不久, 有坑也正常, 哈哈哈不扯淡了, 來說說小程式的傳參數,話不多說了,來一起看看詳細的介紹吧。一、navigator 跳轉時wxml頁面(參數多時可用“&”)<navigator
Time of Update: 2018-01-18
Vuex 入門教程,vuex入門教程Vuex 是什嗎?官方給出的解釋:Vuex 是一個專為 Vue.js 應用程式開發的狀態管理員模式。它採用集中式儲存管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。相信很多新選手看完這段話有種絕望的感覺。開始我也是這樣的,後來我想到了一個比方!比如某年級有5個小班,每個小班有25個同學,但是只有一個老師授課,假如5個小班就對應著5個組件,每個班的25個同學就相當於每個組件中的25條資料,這個老師就相當於 vuex
Time of Update: 2018-01-18
vuex 使用文檔小結篇,vuex文檔小結Vuex是什嗎?Vuex 是一個專為 Vue.js應用程式開發的狀態管理員模式。它採用集中式儲存管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。Vuex 也整合到Vue 的官方調試工具 devtools extension,提供了諸如零配置的 time-travel調試、狀態快照匯入匯出等進階調試功能。安裝直接下載CDN 引用 <script
Time of Update: 2018-01-18
JS指令碼實現網頁自動秒殺點擊,js指令碼網頁點擊我們先來看下秒殺活動頁面代碼<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> Micomo </title> </head> <body> <div> <p&
Time of Update: 2018-01-18
基於node下的http小爬蟲的範例程式碼,node爬蟲範例程式碼每時每刻不管你睡了還是沒睡,互連網都會有海量的資料來來往往,有客服端到服務端,有服務端到服務端。http的get和request完成的角色即為資料的擷取及提交,接下來我們動手寫一個簡單的小爬蟲來爬爬菜鳥教程中關於node的章節的課程介面。爬取Node.js 教程首頁的所有資料建立node-http.js,其中代碼如下,代碼中有詳細的的注釋,自行理解了哈var http=require('http');//擷取http模組var
Time of Update: 2018-01-18
js判斷傳入時間和目前時間大小執行個體(超簡單),js目前時間執行個體如下://判斷時間是否到期function judgeTime(time){var strtime = time.replace("/-/g", "/");//時間轉換//時間var date1=new Date(strtime);//現在時間var date2=new Date();//判斷時間是否到期return date1<date2?true:false;}以上這篇js判斷傳入時間和目前時間大小執行個體(
Time of Update: 2018-01-18
全新打包工具parcel零配置vue開發腳手架,parcelvueparcel-vue 一個基於Parcel打包工具的 VueJS急速開發腳手架解決方案,強烈建議使用node8.0以上項目地址: https://github.com/w3c-king/parcel-vue初始化項目$ git clone https://github.com/w3c-king/parcel-vue.git安裝依賴$ cd parce-vue$ npm install其中 parcel-bundler
Time of Update: 2018-01-18
如何去除vue項目中的#及其ie9相容性,一、如何去除vue項目中訪問地址的#vue2中在路由配置中添加mode(vue-cli建立的項目在src/router/index.js)export default new Router({ mode: 'history', routes: [ { path: '/', name: 'menu', component: menu, children: [ { path: 'organization',
Time of Update: 2018-01-18
詳解如何在React組件“外”使用父組件的Props,reactprops在寫SDK項目的時候碰到一個問題:在直播間初始化SDK時使用預設主題,在專題頁初始化SDK時使用其它主題。預設主題在打包時掛在全域環境下供多個頁面使用,定製主題需要在初始化SDK的時候傳入。實現起來很簡單,判斷是否有定製主題,有就使用定製主題,沒有就使用預設主題。項目下的基本組件大多是這樣的:import { h, Component } from 'lib/preact'import csjs from
Time of Update: 2018-01-18
關於axios不能使用Vue.use()淺析,axiosvue.use前言最近在學習axios,在使用過程遇到了一些問題,覺著有必要給大家分享下,關於axios的基本知識大家可以參考這篇文章:axios基本入門用法教程 ,下面話不多說了,來一起看看詳細的介紹吧。問題相信很多人在用Vue使用別人的組件時,會用到 Vue.use() 。例如:Vue.use(VueRouter) 、 Vue.use(MintUI) 。但是用 axios時,就不需要用 Vue.use(axios)
Time of Update: 2018-01-18
node.js+express+mySQL+ejs+bootstrop實現網站登入註冊功能,ejsbootstrop同志們,經過不懈的努力,查了各種文檔,終於鼓搗出了一個稍微像樣一點的node項目,當然如果直接拿去項目裡用,這個demo還太簡單,畢竟一個完整的登入註冊還有很多實際的內容,本案例mySQL的使用者列表裡,為便於理解,只設定了username
Time of Update: 2018-01-18
vue使用element-ui的el-input監聽不了斷行符號事件的解決方案,element-uiel-input原因今天在使用element-ui時,el-input組件監聽不了斷行符號事件,如下代碼沒有想要的效果:<el-input class="search-input" placeholder="請輸入內容" v-model="searchText"
Time of Update: 2018-01-18
詳解webpack-dev-server使用http-proxy解決跨域問題,文檔資料webpack關於webpack-dev-server開啟proxy的官方介紹Vue-cli proxyTable
Time of Update: 2018-01-18
vue2.0 如何把子組件的資料傳給父組件(推薦),vue2.0把子在父組件 App.vue 中引用子組件 A.vue,把 A中的資料傳給App.ps:沒看父組件傳給子組件的先看看去。1、代碼子組件 A.vue<template> <div> <h3>這裡是子組件的內容</h3> <button v-on:click="spot">點一下就傳</button>
Time of Update: 2018-01-18
vuejs實現遞迴樹型菜單組件,vuejs遞迴樹組件前言前段時間使用vue做了一套後台管理系統,其中使用最多就是遞迴組件,也因為自己對官方文檔的不熟悉使得自己踩了不少坑,今天寫出來和大家一起分享。遞迴組件組件在它的模板內可以遞迴地調用自己,只有當它有 name 選項時才可以。 在官網這句話就是關鍵定義組件是一定要有name屬性。類比資料格式如下:[ { "id": "1", "menuName": "基礎管理", "menuCode": "10", "children": [