原创 Vue-基本使用、模板語法(插值表達式、指令、事件綁定、屬性綁定、樣式綁定、分支循環結構)

Vue Vue14年發佈、16年2.0版本、 特點():易用、靈活、高效 是一套用於構建用戶界面的漸進式框架 vue使用基本步驟 <title>你好世界</title> </head> <body> <div

原创 git與gitHub的使用

**Git相關命令整理** git config --global user.name //配置姓名 git config --global user.email //配置郵箱 git config --list //查看配

原创 JS高級-類與對象

面向對象 javascript是一門面向對象的語言 面向對象是把事務分解成爲一個個對象,然後由對象之間分工與合作 面向對象的核心思路:是把一些對象的公共方法抽取出來、抽成一個類、然後通過new來創建 -面向過程 面向過程就是分析

原创 Javascript-API-DOM-操作元素對象的屬性、文本內容、子元素、樣式、事件

DOM Document Object Model 文檔對象模型:作用就是對象的方式操作HTML和CSS樣式的 DOM中有哪些對象,這些對象有哪些屬性和方法。 DOM編程的步驟: 1、獲取元素對象。 2、操作元素對象的

原创 JS高級-函數定義與調用、函數內的this指向、改變this指向方法、閉包、遞歸、嚴格模式

函數的定義與調用 方式1 函數聲明方式 function 關鍵字 (命名函數) function fn(){} 方式2 函數表達式(匿名函數) var fn = function(){} 方式3 new Function(

原创 Ajax-jq中Ajax的使用、todo案例(ajax增刪改查)

Jq中的Ajax $.ajax()的使用 方法的概述: 作用1: 發送Ajax請求。 $.ajax({ // 請求方式 type: 'post', // 請求地址 url: '/use

原创 詳細的JavaScript基礎語法-內置對象(Math數學、Date日期、Array、String對象)、簡單數據類型和複雜數據類型

內置對象 Math 數學對象,封裝了跟數學操作相關的屬性和方法。 怎麼用: 1、怎麼獲取對象 直接使用Math 2、有哪些屬性和方法 Math.PI Math.max() / Math.min(

原创 Ajax-模板引擎、案例(郵箱唯一性、搜索框內容自動提示、三級聯動)、FormData(FormData使用、實例方法、二進制文件上傳)

模板引擎的使用 作用:使用模板引擎提供的模板語法,可以將數據和 HTML 拼接起來。 使用步驟 <body> <div id="container">123</div> </body> <!-- 1、將模板引擎的庫文件引入到當前

原创 接口調用方式-fetch用法、axios用法(全局配置、攔截器)、async/await用法

fetch用法 基本特性 更加簡單的數據獲取方式,功能更強大、更靈活,可以看做是xhr的升級版 基於Promise實現 語法結構 fetch(url).then(fn2) .then(fn3)

原创 瀏覽器默認禁止跨域請求解決辦法

在chrome運行項目時、如果demo中有Ajax操作瀏覽器就會報一個錯: AccesstoXMLHttpRequestat’file:///C:/Users/14524/Desktop/QQ%E9%9F%B3%E4%B9%90%

原创 Ajax-運行原理及其實現步驟、服務端響應的數據格式、獲取服務端響應(狀態碼)、Ajax 封裝

傳統網站中存在的問題 網速慢的情況下,頁面加載時間長,用戶只能等待 表單提交後,如果一項內容不合格,需要重新填寫所有表單內容 頁面跳轉,重新加載頁面,造成資源浪費,增加用戶等待時間 Ajax :它是瀏覽器提供的一套方法,可

原创 JS高級-構造函數、原型、繼承、ES5新增方法(數組、字符串、對象)

構造函數和原型 對象的三種創建方式 1. 字面量方式 var obj = {}; 2. new關鍵字 var obj = new Object(); 3. 構造函數方式 function Person(name,age){

原创 詳細的JavaScript基礎語法-對象、

對象的相關概念 什麼是對象? 在 JavaScript中,對象是一組無序的相關屬性和方法的集合,所有的事物都是對象,例如字符串、數值、數組、函數等。 對象是由屬性和方法組成的。 屬性:事物的特徵,屬性就是內存中的變量(常用名

原创 Javascript-API-BOM、觸屏事件、移動端輪播圖解析、classList屬性、click 延時解決方案、本地存儲

觸屏事件 觸屏事件概述 移動端瀏覽器兼容性較好,我們不需要考慮以前 JS 的兼容性問題,可以放心的使用原生 JS 書寫效果,但是移動端也有自己獨特的地方。比如觸屏事件 touch(也稱觸摸事件),Android和 IOS 都

原创 JQuery- jq概念、jq選擇器、jq樣式操作、jq動畫效果、

**JQuery是什麼** 簡單理解: 就是一個JS 文件,裏面對我們原生js代碼進行了封裝,存放到裏面。這樣我們可以快速高效的使用這些封裝好的功能了。 jQuery,就是爲了快速方便的操作DOM,裏面基本都是函數(方法)。