原创 提高JavaScript效率的編程實踐

1、避免雙重求值使用evel()和Function()構造器時,使得在JavaScript代碼中執行另一段JavaScript代碼,因此會導致雙重求值的性能消耗。1) eval()例子比較:var array=['first','seco

原创 JS調試——console.log()以外console的其它用法

最常用的方法就是Console.log(),就是在控制檯輸出內容。剛開始學前端的時候看到大家都是用的Console.log(),幾乎沒有見過Console的其他用法,難道Console真的沒有別的用法了?查了一下後發現Console還是非

原创 Node學習(1)表單提交,由淺及深

Post表單提交: 這裏我們首先借助菜鳥網站上的一個post實例說明一下: var http = require('http'); var querystring = require('querystring'); var postH

原创 Node學習(6)CSRF Token介紹與應對策略

原文地址:點擊打開鏈接最近模擬登陸,發現CsrfToken是個很麻煩的問題,所以看了一下CsrfToken的一些介紹。發現這篇文章寫得很不錯,所以轉載過來。CSRF 背景與介紹CSRF(Cross Site Request Forgery

原创 Vue.js學習(五):vue+axios+php+mysql 實現前端界面數據動態更新

網上參考了很多例子,都沒有關於vue+php實現前後端的例子,後來自己總結了一個,希望大家批評指正。 vue實現動態數據的方式主要有vue-resource和axios,但是從Vue2.0開始,已經不對vue-resource進行更新,因

原创 利用默認參數優化遞歸函數

        實際上,尾調用的優化發生在引擎背後,除非你嘗試優化一個函數,否則無需思考此類問題。遞歸函數是其主要的應用場景,此時尾調用優化的效果很顯著。請看下面這個階乘函數        由於在遞歸調用前執行了乘法操作,因此當前版本的階

原创 Node學習(2)利用express設置路由

一、普通方式 最直接簡單的方法就是對每一個需要訪問的路徑一一設置 var express=require('express'); var app=express(); //主頁面 app.get('/',function(req,res

原创 Vue.js學習(二):computed響應數據變化與其他幾種方法的比較

vue重methods、computed、watch以及v-model都能偵聽數據,並相應數據的變化 1)methods:每次獲取都會重新計算求值 <div id="app"> <label for="first

原创 npm install 報錯(npm ERR! errno -4048,Error: EPERM: operation not permitted,)解決方法

npm ERR! path E:\SouthernPowerGridProject\web_project\AutoOPS\autoops\node_modules\fsevents\node_modules\dashdash\node_

原创 Vue.js學習(三):mixins混合對象的使用

我對mixins的理解是,有點像註冊了一個vue的公共方法,可以綁定在多個組件或者多個Vue對象實例中使用。另一點,類似於在原型對象中註冊方法,實例對象即組件或者Vue實例對象中,仍然可以定義相同函數名的方法進行覆蓋,有點像子類和父類的感

原创 JavaScript中如何優化算法和流程控制

1、循環 1)循環類型的選擇:for、while、do-while、for-in   除了for-in循環之外,其他循環類型差不多。除非要迭代一個屬性數量未知的對象,否則應避免使用for-in循環。  2)減少迭代的工作量:  (1)減少

原创 Node學習(4)vue+node 前後端分離項目ajax跨域session問題解決

最近學習使用vuejs前後端分離,重構一個已有的後臺管理系統,遇到了下面這個問題:實現跨域請求時,每次ajax請求都是新的session,導致無法獲取登錄信息,所有的請求都被判定爲未登陸。1、 vuejs ajax跨域請求最開始使用的是v

原创 Vue.js學習(一):用render函數渲染組件

這裏通過一個完整的例子對render函數的用法和注意事項進行說明: HTML: <div id="app"> <demo :level="1"><p>我的自定義p標籤中的內容</p>asdsa</demo>

原创 Vue.js學習(四):父子組件中的生命週期與鉤子函數的調用順序

借用下面這張圖先簡單瞭解Vue的整個生命週期 <div id="app"> <child></child> <button @click="msg++">increase</button> <h2>{{msg}

原创 Node學習(5)export和module.export的區別

先上例子(1)將函數直接導出成模塊模塊文件:./my_modules/m.jsfunction fn1(){ console.log('我是fn1') } module.exports=fn1;index.jsvar foo=requ