JS教程

記vue大型表單專案的一個性能問題Script

問題場景 身為一個表單表格工程師,自然日復一日的寫著表單表格,本以為已經沒啥難點的時候轉眼間就來了一個有意思的情況,在超大量 資料繫結在 vue 的時候出現了表單操作起來卡頓的情況。 這裡先貼上 本專案出現的情況演示的 github 上的地址,tag1.0.1 如圖所見,當在 input

vue + typescript 專案起手式Script

vue + typescript 新專案起手式 我知道你們早就想用上 vue + ts 強型別了 安裝 vue-cli 安裝 ts 依賴 配置 webpack 新增 tsconfig.json 新增 tslint.json 讓 ts 識別 .vu

小QA學習前端系列之vue 元件Script

元件可以擴充套件HTML元素,封裝可重用的HTML程式碼,我們可以將元件看作自定義的HTML元素。 全域性元件 要註冊一個全域性元件,可以使用 Vue.component(tagName, options)。例如: Vue.component('my-component', {

webpack配置之後端渲染Script

2017年, vue, react, angular 已經佔據前端的主流, 不得不承認這也是前端的未來發展方向. 但是後端渲染的開發方式仍然很常見, 不管是個人專案還是商業專案, 後端渲染搞起來真是糙猛快. 但是藉著前端發展的東風, 後端渲染也有很大的改進空間. 這裡就介紹一下我自己的實踐經驗: 前後端不分離

移動端H5圖片壓縮上傳外掛:localResizeIMG和ImageuploadScript

最近很多小夥伴們在H5交流群裡,讓學堂君推薦幾個好用的移動端H5圖片壓縮上傳外掛或者說是H5圖片壓縮上傳的元件等等。 閒話少說,25學堂的就來跟大家推薦2款,學堂君親自用過的兩款不錯的移動端H5圖片壓縮上傳外掛,相容IOS和android 兩大主流平臺。 第一款移動端H5圖片壓縮上傳外掛:local

基於七牛SDK構建的Vue單頁圖片管理應用Script

牛牛圖床 Vue-cli腳手架構建的七牛圖片管理圖床單頁應用(基於museui),前後端分離。後端基於express及七牛 nodejs-SDK 開發,服務原本部署在Heroku,由於服務響應速度慢的原因,已將服務部署在朋友的華為雲伺服器上。 preview

Webpack是答案嗎Script

webpack剛出現時gulp如日中天,現在webpack更新到2.x版本,gulp逐漸淡出我們的視線,聊webpack的人越來越多,直到最近發現Vue官方文件裡到處都是基於webpack的講解,彷彿webpack已經成為了打包器的事實標準,作為一個仍然不準備使用webpack的前端,我必須認真打量一下自己的

js 內部執行順序--初學者必看Script

一、JavaScript是怎麼執行的? JavaScript會先掃描一遍所有的js程式碼,江湖人稱 ---預處理。 然後在進行內部已經定好的優先順序進行執行 ---執行階段 。這是每個JavaScript初學者必須要懂的 二、JavaScript執行順序的重要性? 瞭解一門語言的執行順序,才能深入理解

JS中變數型別及運算的一些知識點總結Script

變數大的兩種型別: 值型別、引用型別(包括null、儲存方式與值型別不同,儲存時是以指標的方式儲存) 變數的詳細型別有幾個(使用typeof判斷,只能區分值型別): 六個  undefined  number   string boolean object function 變數的計算,強制

JS中的this關鍵字Script

this是Javascript語言的一個關鍵字。 它代表函式執行時,自動生成的一個內部物件,只能在函式內部使用。比如, function test(){ this.x = 1; } 隨著函式使用場合的不同,this的值會發生變化。但是有一個總的原則,那就是this指的是,呼叫函式的那個物件。

JS之常見的幾種輸出方式Script

第一種 alert alert()瀏覽器的提示框(只有一個確定按鈕)。 在alert輸出方式中,輸出內容都是以字串格式進行輸出的,執行方式是,先將alert括號裡面的內容轉換成字串格式的,然後再進行輸出 alert(1+1); 輸出的結果是字串2alert("珠峰培訓"); 在JS中用單引號

js實現滾動工具欄Script

如圖:模擬微博工具欄 說明:滑鼠點到黑色框中哪個模組,便會向下展開哪個模組的工具欄,滑鼠拿開便會自動隱藏。 html程式碼: <body><div class="nav"><ul><li onmouseover="show(this)"

JS一個經典閉包問題Script

這裡是記錄一些本人在學習過程中覺得重要的知識點,記錄下來以供日後檢視,如有不對歡迎指正,望在前端的路上共勉! 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-

0.24822092056274