原创 Ajax資料之同源政策

◆ Ajax請求限制: Ajax只能向自己的服務器發送請求。比如現在有一個A網站、有一個B網站,A網站中的 HTML文件只能向A網站服務器中發送Ajax請求,B網站中的HTML文件只能向B網站中發送Ajax請求,但是A網站是不能向

原创 Ajax資料之基礎概念和運行原理

◆ 應用場景: Ajax是瀏覽器提供的一套方法,可以實現頁面無刷新更新數據,提高用戶瀏覽網站應用的體驗。可以運用在如下場景: 頁面上拉加載更多數據 列表數據無刷新分頁 表單項離開焦點數據驗證 搜索框提示文字下拉列表 ◆ Aja

原创 Vue框架之Vue組件之間傳值

◆ 父組件向子組件傳值: 父組件發送的形式是以屬性的形式綁定值到子組件身上。 然後子組件用屬性props接收 在props中使用駝峯形式,模板中需要使用短橫線的形式字符串形式的模板中沒有這個限制 <div id="app">

原创 Nodejs資料之Gulp模塊

◆ 模塊作用: 基於node平臺開發的前端構建工具,將機械化操作編寫成任務, 想要執行機械化操作時執行一個命令行命令任務就能自動執行了,提高開發效率。 1. 項目上線,HTML、CSS、JS文件壓縮合並 2. 語法轉換(es6、l

原创 JavaScript資料之FormData對象

◆ FormData對象的使用: 1、準備HTML表單: <form id="form"> <input type="text" name="username" /> <input type="passwor

原创 Vue框架之Vue腳手架

◆ Vue腳手架作用: Vue腳手架可以快速生成Vue項目基礎的架構。 ◆ Vue腳手架安裝: npm install -g @vue/cli 腳手架安裝報錯: npm ERR! code EPERM npm ERR! sysc

原创 Vue框架之webpack

◆ webpack: webpack是一個流行的前端項目構建工具,可以解決目前web開發的困境。 webpack提供了模塊化支持,代碼壓縮混淆,解決js兼容問題,性能優化等特性,提高了開發效率和項目的可維護性。 ◆ webpack

原创 Express框架之模板引擎

◆ express-art-template: 爲了使art-template模板引擎能夠更好的和Express框架配合,模板引擎官方在原art-template模板引擎的基礎上封裝了express-art-template。 n

原创 Express框架之創建web服務

◆ 路由: // 當客戶端以get方式訪問/時 app.get('/', (req, res) => { // 對客戶端做出響應 res.send('Hello Express'); }); // 當客戶

原创 Vue框架之組件插槽

◆ 匿名插槽: <div id="app"> <!-- 這裏的所有組件標籤中嵌套的內容會替換掉slot 如果不傳值 則使用 slot 中的默認值 --> <alert-box>有bug發生</alert

原创 python資料之獲取文件行數

◆ 方案一: 這種方法簡單,但是可能比較慢,當文件比較大時甚至不能工作。 count = len(open(filepath, 'r').readlines()) ◆ 方案二: 利用enumerate() count = 0 f

原创 Nodejs資料之ESLint配置

◆ 安裝ESLint: ESLintnpm install eslint -g ◆ 配置 .eslintrc 文件: 配置 .eslintrc 文件並放在項目根目錄 { "extends": "eslin

原创 Express框架之express腳手架

◆ 安裝生成器: npm install express-generator -g   ◆ 創建名稱爲APP的應用: express app  ◆ 安裝依賴包: cd  app  //進入app目錄 npm run inst

原创 Express框架之session的基本使用

◆ 設置session: 我們使用express-session模塊來設置session 安裝express-session cnpm install express-session --save 引入express-se

原创 Express框架之請求處理

◆ 構建模塊化路由: ◆ GET參數的獲取: Express框架中使用req.query即可獲取GET參數,框架內部會將GET參數轉換爲對象並返回。 // 接收地址欄中問號後面的參數,例如: http://localhost:3