原创 你也說slot,我也說slot

slot使用 這一章節主要代用代碼解釋 匿名slot 具名slot 作用域slot 匿名slot 首先定義兩個組件 一個子組件 一個父組件 //子組件 定義slot的地方 <template> <di

原创 egg(57)--helper.js擴展格式化日期,後臺框架iframe重構

helper.js擴展格式化日期 extend app/extend/helper.js var sd = require('silly-datetime'); module.exports = { formatTime

原创 Egg.js 通過 extend 實現 日期格式化

1.創建 helper 擴展方法 app/extend/helper.js /** * app/extend/helper.js * 擴展裏面引入第三方模塊 * https://www.npmjs.com/package/s

原创 【轉載】Vue.js+Socket.io+Koa2打造一個智能聊天室

Vue.js全家桶+Socket.io+Express/Koa2 打造的一個智能聊天室。 已經開源啦!爲了方便大家學習,智能機器人、IP定位接口也開放了!接口請在源碼中查看 QQ羣裏面的智能機器人很火,於是用Vue.js+Soc

原创 【上課筆記】使用Eggjs腳手架創建項目以及創建失敗解決方案

1、要求nodejs版本必須大於8.0並且要用LTS 版本 2、創建egg的環境 (只需要安裝一次) npm i egg-init -g / cnpm i egg-init -g 3、創建項目 cd 到目錄裏面 (

原创 【實戰項目i護理下篇】vue-cli3+vue-admin+egg(業務邏輯)

上篇:【實戰項目i護理上篇】vue-cli3+vue-admin+egg 中篇:【實戰項目i護理中篇】vue-cli3+vue-admin+egg(部分源碼+效果圖) 預測:i護理可能會有下下篇。。。 我覺得用上中下來區分進度好

原创 【筆記整理】前端基本功-內置對象

1.1 Date 案例:日曆、倒計時 1.2 String/Number/Boolean 給索引查字符(charAt/charCodeAt) charAt,獲取相應位置字符(參數: 字符位置) 註釋:字符串中第一個字符的下標是

原创 Vue中Axios的封裝管理

Vue Axios 封裝 定義 Axios 是一個基於 promise 的 HTTP 庫,可以用在瀏覽器和 node.js 中。 特性 支持Promise API 攔截請求和響應 轉換請求數據和響應數據 自動轉換JSON數據 客

原创 10+個很酷的Vue.js組件,模板和demo示例

衆所周知,Vue.js 組件是Vue創建自定義元素的重要功能之一,同時,模板可幫助你避免從頭開始創建網頁設計。總之,這些工具對於希望其開發過程更快,更高效的任何Web開發人員都是必不可少的。 此外,在過去的幾年中,Vue.js 變

原创 【筆記整理】在網頁上瀏覽和播放音視頻(文末有仿鋼琴的音階導航Demo)

效果圖如下: 與音視頻標籤的初次邂逅 源碼如下: <body> <video src="resource/video/test.mp4" controls="controls" width="500" height="500

原创 【事件流】事件發生時會在元素節點與根節點之間按照特定的順序傳播

事件 事件是文檔或者瀏覽器窗口中發生的,特定的交互瞬間。 事件是用戶或瀏覽器自身執行的某種動作,如click,load和mouseover都是事件的名字。 事件是javaScript和DOM之間交互的橋樑。 你若觸發,我便執行——

原创 【stylus】富於表現力、動態的、健壯的 CSS

前言 來一段stylus的代碼感受一下 <style lang="stylus" rel="stylesheet/stylus"> @import "./common/stylus/mixin.styl" .tab

原创 在客戶端封裝一個http.js文件

將axios添加到Vue的原形,這樣一切vue實例都可以使用該對象 import Vue from 'vue' import axios from 'axios' axios.defaults.baseURL = 'http:/

原创 【實戰項目i護理中篇】vue-cli3+vue-admin+egg(部分源碼+效果圖)

上篇:【實戰項目i護理上篇】vue-cli3+vue-admin+egg 部分源碼講解 1.客戶端 部分組件 界面 路由,我是按需加載方式 vuex存儲 路由守衛 2.管理端 路由 頁面

原创 egg後臺寫本地上傳

'use strict'; const Controller = require('egg').Controller; // node.js 文件操作對象 const fs = require('fs'); // node.js