原创 React(02):React基礎語法及核心的概念

前言 接着前一篇繼續學習React,這一篇主要來看react的基本語法及核心的概念; 對比熟悉的vue語法,先列個提綱: react特有的語法 組件及組件之間的傳值 生命週期 事件處理,事件綁定(v-bind/v-on) 條件渲

原创 React(01):敲黑板!學習react前你需要懂的知識點

前言 React已經是前端開發必備技能了,因爲自己偏科太嚴重了,所以更新下知識體系,這裏將我的React學習過程和日常使用的問題記錄成博客,持續更新; 正文 1. React簡介 React 起源於 Facebook 的內部項目

原创 vue項目升級(01):全面解析vuecil3/vuecil4的vue.config.js等常用配置

前言 前端變化日新月異,層出不窮,公司原項目使用vuecil2版本開發,elementUI等一系列庫版本太低,也脫離世界很久遠了,新版本庫需要webpack4等環境,而老版本配置起來bug很多,在使用過程中很多東西都不能實現,所以

原创 React(05):使用react完成簡單留言板案例

前言 之前學了react基本語法和jsx/組件化,這裏還是用ts學習時候的本地留言板案例來實踐一下之前的學習語法; 正文 注意點 引入react、react-dom、babel,development是開發版; 使用jsx語法

原创 React(04):React中的組件化及父子組件間的傳值取值

前言 接着前一篇繼續學習React組件化 React(03):React中的JSX語法 正文 什麼是組件化: 是從 UI 界面視圖的角度 來進行分析的;把一些可複用的UI元素,抽離爲單獨的組件;便於項目的維護和開發; React認

原创 React(03):React中的JSX語法

前言 React(02):React基礎語法及核心的概念 這一篇來講React很重要的部分:react中使用JSX語法 正文 什麼是JSX語法:就是符合 xml 規範的 JS 語法;(語法格式相對來說,要比HTML嚴謹很多)可以

原创 TypeScript 學習筆記(4)——Vue全家桶+ TypeScript + Vuex + LocalStorage 完成的本地便籤案例

前言 之前已經學過TS學習筆記3——如何在vue項目中使用TypeScript語法; 這篇完成VueCil4 + TypeScript + Vuex + LocalStorage 完成的本地便籤案例; 需求:本地便籤的增刪改查,便

原创 vue項目中實現前臺導出和後臺導出Excel文件的方法合集

目錄前言正文一、後臺導出1.1 使用a鏈接直接下載1.2 使用iframe下載1.3 axios請求後使用blob下載二、前臺導出2.1使用插件——vue-json-excel2.2 使用插件 ——file-saver結語 前言

原创 vue+element項目中如何全局導入分頁組件和上傳組件並使用

目錄前言正文一、分頁組件1.1 封裝方法1.2調用方法二、上傳組件2.1 封裝方法2.2 調用方法三、vue中全局註冊組件3.1全局導入3.2 在main.js中引入文件結語 前言 爲什麼我要寫這個博客?因爲記錄一下平時怎麼偷懶寫

原创 TypeScript學習筆記(03)——如何在vue項目中使用TS及使用VueCil4 + TypeScript + Vuex + LocalStorage 完成的本地便籤案例

文章目錄前言正文準備工作安裝vue cil4新建項目在vue中書寫ts的必備插件!ts寫vue單文件寫法1.js常規書寫vue2.上述代碼用Ts書寫vueVue + TS便籤案例開始樣式----使用bootstrap框架分析需求頁

原创 VueCil代理本地proxytable無效報錯404的解決方案

VueCil代理本地proxytable無效報錯404的解決方案前言正文1. 爲什麼要使用代理?2. 在vue中如何使用多個代理?3. bug 原因分析結語 前言 因爲項目中遇到了這個bug:Vue cil2中配置代理proxyt

原创 TypeScript學習筆記(02)--函數,class類其他語法及ts在html頁面中如何使用案例

前言 時隔一年。。第二篇ts學習筆記重出江湖(很慚愧…),繼上一篇TypeScript學習筆記(01)–類型後,此篇介紹語法部分的剩下內容及一個小案例來實踐ts用法; 正文 如何創建ts文件並使用 1.使用命令行創建ts環境 n

原创 基於Vue的單頁面格式化數據高亮編輯器組件:兼容json/xml/html/txt多種格式

前言 項目中遇到這樣的需求:vue項目中格式化XML,JSON等數據並高亮顯示並支持修改保存;我在網上沒有找到特別合適的插件,所以在前人的基礎上開發一下,完成這個功能並封裝爲單頁面組件; 正文 1. 介紹 項目是基於ACE高亮編輯

原创 React.js - 01:敲黑板!學習react前你需要懂的知識點

1. React簡介 React 起源於 Facebook 的內部項目,因爲該公司對市場上所有 JavaScript MVC 框架,都不滿意,就決定自己寫一套,用來架設 Instagram(照片交友) 的網站。做出來以後,發現這

原创 ES6的class 構造函數

前言 這東西私下學了n遍了,還是老記不住,這次空閒時間在學習react,常用到class,好記性不如爛筆頭啊,所以專門記錄一下,方便之後查看; 正文 1. 普通函數 // func語法 function Demo(x, y) {