原创 使用gulp創建一個項目

npm init -y //本地安裝gulp(全局已經安裝過了) npm init -y -g//全局安裝gulp 創建 gulpfile.js 文件 gulpfile.js : var gulp = require(‘gulp’)

原创 Promise解決AJAX異步問題

目的:使多個ajax進程能有序的執行,而不是異步同時執行 第一步:給第一個ajax所在的函數(Ajax1)傳遞一個success參數(函數),當ajax執行完之後,調用success()函數。 第二步:如果後面還有要順序執行的異步程序

原创 gulp之index.html的拆解與組裝

本篇文章是基於gulp完成的項目 正常移動端項目中的index.html應該有的內容: 1.唯一的一個 .css 文件。(eg: app.css) 2.唯一的一個 .js 文件。(eg: app.js) 3.body中無內容標籤,

原创 gulp構建項目之引入zeptojs

 Zeptojs是一個類似於jQuery的庫文件,是適用於移動端開發,裏面的方法和屬性大部分和jQuery相同。 安裝:有兩種方法,1 通過 npm i zeptojs 進行安裝;2 通過下載zeptojs包,然後自己進行編譯,然後將編

原创 文檔模板引擎/字符串模板

文檔模板引擎用來在JS代碼中生成大量的、重複的HTML代碼 應用實例: 要在一個頁面上動態的生成很多個ul下的li。這種情況就可以使用文檔模板引擎來完成。不僅節省了力氣,也節省了很多代碼。 先貼已經完成封裝的引擎代碼: fu

原创 gulp之使用iscrolljs.com實現區域滾動

區域滾動主要是在屏幕的某一塊區域實現上下滑動到頂部或底部的效果。   使用iscrolljs.com可以實現滑動到頂部或底部時添加效果。比如:滑動到頂部時進行刷新,滑動到底部時加載更多,這些都是我們在手機端經常可以看到的。 1。在is

原创 ECMA-Script6之Destructuring 解構

Destructuring 解構是一種賦值語法。 1.以前的書寫形式: let a = 1; let b = 2; let c = 3; 使用結構賦值可以直接寫成 let[a,b,c] = [1,2,3]; let[a[b,c],d]

原创 NPM的命令

npm:node的包管理工具,是在命令行做管理。 cnpm:淘寶的npm鏡像文件 npm流程: 1. npm init (-y) 創建package.json文件 2. npm install 包名(eg:gulp)

原创 MyEclipse在安裝Struts2時報錯。

本篇文章主要說的是我在用MyEclipse安裝Struts2時報錯的情況,以及解決方法。 版本:MyEclipse爲2016版,Struts2爲Struts2-2.5.5版。 報錯內容: 嚴重: Exception starting f

原创 AJAX的跨域----JSONP

通過JSONP進行AJAX跨域一共有兩大步 1。創建一個jsonp的函數 1)創建一個script用來存放目的服務器的文件的地址 2)給script的src屬性賦值,值爲目的服務器的文件,地址後面加上一個回調函數(c

原创 JQuery中有關first的選擇器

JQuery中有關first的選擇器分別有以下幾類: -1. $(“p:child”) 表示某個元素的子元素中的第一個p元素被選取 $("p:child") <h1>第一行</h1> <p>第二行</p> <a>第三行</

原创 gulp之向項目中添加 icon 圖標

注:這裏使用的是從“阿里巴巴矢量圖標庫”(http://www.iconfont.cn/)下載的圖標。 因爲之前引入了 yo3(yo包的第三版) 包,yo包中已經定義了一些字體圖標,不過就二十幾個,遠遠不夠,所以我們要是用的話,一般還是