原创 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