原创 課程資料

一、登錄頁 課程目標 複習vue腳手架 搭建vue大型項目框架 製作一級路由頁面登錄頁面 知識點 1.v-model 登錄頁有兩個輸入框,分別是用戶名和密碼。用戶在輸入框裏輸入的內容可以通過v-model指令和data進行雙向

原创 課程

        一、嚴格模式(Strict Mode) StrictMode 是一個用以標記出應用中潛在問題的工具。 http://react.html.cn/docs/strict-mode.html   二、React快捷方式 rcc

原创 項目實戰【vue,react,微信小程序】(1706C)

目錄 一、接口封裝 二、vue圖片懶加載 三、書城後端接口 四、登錄、註冊、修改密碼後端接口 五、時間戳轉日期 六、文件上傳單個文件  七、上傳多個文件 八、設置淘寶鏡像 九、yarn和npm清緩存 十、react圖片懶加載 十一、yar

原创 node入門

目錄         1、什麼是npm 2、命令行程序 3、commander.js 4、npm包管理                       1、什麼是npm npm是javascript的包管理工具,是前端模塊化下的一個標誌性產物

原创 使用react hook做一個小型完整項目(包括二級路由,動態路由,redux,tab切換,列表跳詳情,登錄, 守衛)

Hook 是 React 16.8 的新增特性。它可以讓你在不編寫 class 的情況下使用 state 以及其他的 React 特性。  項目源碼: https://github.com/baweireact/m-app-1705E/

原创 Vue(1706E)

目錄   一、webpack相關 1、最簡單的配置 2、最簡單的vue環境 3、vue+devserver 4、html-webpack-plugin插件 5、使用babel-loader將js文件裏的ES6語法轉換爲ES5語法 6、de

原创 加入購物車動畫(css)

  <!DOCTYPE html> <html> <head> <style> html { height: 100%; } body { height: 100%;

原创 React簡介

目錄     一、React簡介 二、React的背景和原理 三、JSX簡介 四、React組件   一、React簡介 React 起源於 Facebook 的內部項目,因爲該公司對市場上所有 JavaScript MVC 框架,都不滿

原创 React (1702H) 點擊複製、滾動條、圖形驗證碼、ridis、密碼rsa加密、token、發郵件、文件上傳、sql語句

一、使用到的npm包 1.clipboard-polyfill 複製到剪切板 示例代碼: import * as clipboard from "clipboard-polyfill" <Button onClick={this.h

原创 React(1702H)文章管理-cms系統

一、GIF圖 1、效果圖              2、上傳圖片和創建文章         3、編輯文章         4、添加帶文章的banner         二、使用到的npm包 1、pug 參考鏈接:https://p

原创 小程序購物車和搜索(1702H)

gif:   一、相關文檔 組件-》表單組件-》checkbox: https://developers.weixin.qq.com/miniprogram/dev/component/checkbox.html 組件-》視圖容器-》s

原创 React(1702H)文件上傳和分頁查找

1.上傳 dom: <div className="m-upload-input-wrap"> <input type="file" value="" onChange={this.h

原创 React(1702H)搭建架構,包裹redux、路由、api、攔截器、國際化

一、使用到的庫 1.react-redux庫,使用了兩個api Provider組件: import { Provider } from 'react-redux'; ReactDOM.render( <Provider stor

原创 小程序(1702H)

gif: 1.運行請求本地連接 2.wx:for <view wx:for="{{navTitle}}" wx:key="{{index}}" wx:for-index="i" wx:for-item="myItem"

原创 node + vue 實戰項目(包含登陸、註冊、找回密碼、密碼rsa加密、多語言、圖形驗證碼、redis、路由、vuex、列表頁、列表頁內容動態添加、刪除等等)

 node,github地址:https://github.com/xutongbao/m-vue-server vue,github地址:https://github.com/xutongbao/m-vue3/tree/feature