Time of Update: 2018-02-13
標籤:時間 har port element cap measure string 簡單的 oev 阻止冒泡: 冒泡簡單的舉例來說,兒子知道了一個秘密訊息,它告訴了爸爸,
Time of Update: 2018-02-02
標籤:其他 作業系統 撤銷 javascrip 介紹 事件 如何 品質 因此 TypeScript 和 JavaScript 是目前項目開發中較為流行的兩種指令碼語言,我們已經熟知
Time of Update: 2018-01-31
JavaScript中EventLoop介紹,想象下,比如瀏覽器在運行一個複雜的映像轉換演算法,因為是單線程的,所以此時瀏覽器進程被阻塞了,不能進行介面渲染,也不能運行其他代碼,你的應用介面會失去和使用者的互動。這一般情況下還不會有大問題,但是當瀏覽器在同時運行多個類似的演算法時,這個問題就很嚴重了。有一定經驗js開發人員大多都理解代碼的非同步執行,特別是ajax的使用。// ajax(..) is some arbitrary Ajax function given by a
Time of Update: 2018-01-31
webpack引入eslint配置詳解,webpackeslint詳解webpack中eslint使用首先,要使webpack支援eslint,就要要安裝 eslint-loader ,命令如下:npm install --save-dev eslint-loader在 webpack.config.js 中添加如下代碼:{ test: /\.js$/, loader: 'eslint-loader', enforce: "pre", include:
Time of Update: 2018-01-31
vue router嵌套路由在history模式下重新整理無法渲染頁面問題的解決方案,vuerouter解決vue-router嵌套路由(子路由)在history模式下重新整理無法渲染頁面的問題,具體內容如下一. 異常描述本來使用的是vue-router的hash模式,但是hash模式下url需要帶“#”符號,不僅看起來不舒服,而且有些情境下是會破壞路由中的"#"(分享頁面就會把"#"後邊的內容處理掉),所以就需要使用history模式,然後就讓後端改下nginx配置:location / {
Time of Update: 2018-01-31
用jquery擷取select標籤中選中的option值及文本的樣本,jqueryoption1.要想使用jquery首先html或者jsp中得引入jquery檔案。2.話不多說,上代碼。<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Time of Update: 2018-02-19
詳解如何?一個簡單的 vuex,詳解實現vuex首先我們需要知道為何要使用 vuex。父子組件通訊用 prop 和自訂事件可以搞定,簡單的非父子組件通訊用 bus(一個空的 Vue 執行個體)。那麼使用 vuex 就是為瞭解決複雜的非父子組件通訊。僅僅會使用 vuex 沒什麼,看過文檔敲敲代碼大家都會。難道你就不想知道 vuex 是如何?的?!拋開 vuex 的源碼,我們先來想想如何?一個簡單的 "vuex"。有多簡單呢,我不要 getter、mutation、action 等,我只要
Time of Update: 2018-02-19
Vue-cli中為單獨版面設定背景色的實現方法,vue-cli背景例子:<template> <div class="finish-wrap"> <div class="finish-header"> <div class="finish-img"> </div> </div> <div class="finish-tip"> 支付成功 </div> <div class=
Time of Update: 2018-02-19
vue-router配合ElementUI實現導航的執行個體,在每個項目中路由是不可或缺的,最近學習vue-router和ElementUI配合使用實現導覽列,在學習的過程中遇到一個問題:點擊瀏覽器的重新整理之後頁面停留在原來的位置,但是導航卻是預設第一個。由於接觸前端時間不長,對於路由的概念不是特別清楚,按照文檔寫了之後完全不知道怎麼下手了,請教了同事,同事的解決辦法是利用vuex管理,但是vuex這塊還沒有接觸過,所以這個問題就一直擱置了,今天周末自己在家學習偶然直到了可以使用$route.
Time of Update: 2018-02-19
vue-router項目實戰總結篇,vue-router實戰總結今天來談談vue項目{vue,vue-router,component}三大神將之一的vue-router。作為我們前後端分離很重要的實踐之一,router幫我們完成了SPA應用間的頁面跳轉。並且,配合axios這樣的第三方庫,我們可以實現配合後台介面的攔截器功能。對於一個小型項目而言,router這個檔案夾裡面就包含了一個router.js就足夠了,但是,當我們的頁面比較多的時候,我們就需要分出兩個檔案出來:一個定義我們的路由和組
Time of Update: 2018-02-19
vue2.0實現前端星星評分功能組件執行個體代碼,vue2.0前端下面給大家分享vue 2.0實現星星評分組件,代碼很簡單,一起看看吧!廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:<template id="pingJia"><div><ul><li :class="{li1:1,bg1:index%2}" v-for="(value,index) in list"><span
Time of Update: 2018-02-19
淺談實現vue2.0響應式的基本思路,vue2.0基本思路最近看了vue2.0源碼關於響應式的實現,以下博文將通過簡單的代碼還原vue2.0關於響應式的實現思路。注意,這裡只是實現思路的還原,對於裡面各種細節的實現,比如說數組裡面資料的操作的監聽,以及對象嵌套這些細節本執行個體都不會涉及到,如果想瞭解更加細節的實現,可以通過閱讀源碼 observer檔案夾以及instance檔案夾裡面的state檔案具體瞭解。首先,我們先定義好實現vue對象的結構class Vue {
Time of Update: 2018-02-17
基於Node.js實現壓縮和解壓縮的方法,node.js壓縮解壓縮壓縮格式zip 和 gzip 是兩種我們最常見到的壓縮格式,當然,gzip 在 Windows 下很少有人接觸。tar 是一種歸檔格式,它預設不會壓縮,需要結合 gzip 來將最終的 tar 檔案以 gzip 格式壓縮成為一個 tar.gz 檔案,通常我們會縮寫為 tgz。為什麼沒有提到 rar?因為它是專利保護的演算法,你可以免費獲得解壓工具,而壓縮公用程式是需要付費的。所以我們一般應用情境下,很少會提供 rar
Time of Update: 2018-02-19
jQuery實現的滑鼠響應緩衝動畫效果樣本,jquery樣本本文執行個體講述了jQuery實現的滑鼠響應緩衝動畫效果。分享給大家供大家參考,具體如下:先來看看運行效果:具體代碼如下:<!DOCTYPE html><html><head><meta charset="utf-8"/><title>js動畫-緩衝動畫</title><script src="http://libs.baidu.com/jquery/1.10
Time of Update: 2018-02-12
jQuery 防止相同的事件快速重複觸發方法,jquery觸發重複觸發就是防止使用者重複點擊提交資料了,我們一般都是點擊之後沒反應會再次點擊了,這個不但要從使用者體驗上來做好,還在要js或php程式指令碼上做好,讓使用者知道點擊是己提交伺服器正在處理,下面我就整理從指令碼上來處理此重複觸發的問題。很多時候事件會被快速重複觸發,比如 click,這樣就會執行兩次代碼,造成很多後果。現在有比較多的解決方案,但幾乎都有局限性,比如一個 Ajax
Time of Update: 2018-02-07
Vue伺服器渲染Nuxt學習筆記,vuenuxt學習筆記關於SSR的文章網上很多,一開始看得我雲裡霧裡。然後去Vue.js 伺服器渲染指南和nuxt官網看了看,發現文章大多都是搬運官網的內容,真正講的清晰明了的很少。所以想寫篇文章學習下SSR,希望能夠協助大家快速理解Vue SSR。什麼是SSR?SSR,即伺服器渲染,就是在伺服器端將對Vue頁面進行渲染產生html檔案,將html頁面傳給瀏覽器。 優點: SEO
Time of Update: 2018-02-07
JavaScript實現計算多邊形質心的方法樣本,javascript質心本文執行個體講述了JavaScript實現計算多邊形質心的方法。分享給大家供大家參考,具體如下:最近要基於百度地圖顯示多邊形的標註,所以就研究了下計算Polygon的質心,代碼如下:function Area(p0,p1,p2){ var area = 0.0 ; area = p0.lng * p1.lat + p1.lng * p2.lat + p2.lng * p0.lat - p1.lng * p0.lat -
Time of Update: 2018-02-07
AngularJS 將再發布一個重要版本 然後進入長期支援階段,angularjs階段 Angular 團隊的早期開成員之一Pete Bacon Darwin 近日在 Angular 部落格 公布 了一個訊息,他說道:目前團隊正在開發 AngularJS 1.7.0,而 1.7 的開發週期將一直持續到 2018 年 6 月 30 日。7 月 1 日起,AngularJS 將進入為期 3 年的長期支援階段 (LTS)。Pete Bacon Darwin
Time of Update: 2018-02-07
vue2.0 datepicker使用方法,vue2.0datepicker1.使用vue-cli腳手架建立vue項目。在order列表頁使用 vue-datepicker。按照文檔操作,安裝後,使用myDatepicker from ‘vue-datepicker'命令,匯入組件。但是控制台提示 exports is not defined。2.使用的是webpack包管理工具1.匯入代碼import myDatepicker from ‘vue-datepicker'export
Time of Update: 2018-02-06
Bootstrap實現的表格合併儲存格樣本,bootstrap儲存格本文執行個體講述了Bootstrap實現的表格合併儲存格。分享給大家供大家參考,具體如下:1、問題背景利用Bootstrap設計表格,並且表格需要合併儲存格2、實現源碼<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"