原创 React腳手架(2)組件的結構和JSX

組件的創建 前端的文件目錄樹,除了特定的配置文件之外,其他都可以按照自己的項目需求創建,但是要層次結構分明,一般情況下,我們按照組件功能或者路由來生成項目的目錄樹(示例在src目錄下新建一個components文件夾,然後在其中新

原创 Vue-5 路由參數的傳遞和獲取(query 和 params),導航守衛和路由元信息,History模式

Vue-5 路由傳參的幾種方式(query和params),獲取路由參數,導航守衛和路由元信息,History模式 除了 props 和 $emit 之外,路由時也可以攜帶數據,即通過路由傳參。 一、路由參數的傳遞和接收 1. 動

原创 Angular-cli 環境搭建,組件,組件的數據渲染,父子組件傳值

Angular cli-1 Angular 腳手架的腳本是 TypeScript 環境搭建 使用 node.js 配置 Angular-cli 的環境。 命令: npm install -g @angular/cli 創建新的項

原创 React腳手架(4)數據渲染方式

JSX中的表達式 JSX語法允許{}在結構中使用表達式。 一、在{}中直接渲染數據 // src/components/login/login.js import React from 'react' const str =

原创 Vue-1 Vue的基礎語法

Vue-1 Vue的基礎語法 三大主流框架的對比 背景 版本 小結 Angular 09年發佈,Google 1.x,2.x,4.x,5.x(beta) 基於html的大而全的MVC框架 React Faceb

原创 如何快速入門新的H5前端框架

H5的框架近三年多以來發展的特別快,且各個公司用的框架不盡相同,有時候好不容易研究會了其中一種,結果入職新公司或者換項目時,又換框架了。很多時候前端都要快速的用一種沒有用過的框架去寫項目。 這篇文章只說怎麼快速入門,至於框架本身深

原创 ECMAScript 6 字符串和數值的拓展

一、模板字符串 在我們的變成過程中,有時候我們需要在字符串中編寫大量的HTML結構代碼: const obj = { img: 'http://www.baidu.com/test.png', title: '離思

原创 Vue-cli + Element-UI 利用遞歸動態生成菜單欄

Vue-cli + Element-UI 利用遞歸動態生成菜單欄 菜單項列表文件 // menu.js export default [ { title: '住院病人病情評估表', key: '0',