原创 HTML5 FormData 方法介紹以及實現文件上傳

XMLHttpRequest 是一個瀏覽器接口,通過它,我們可以使得 Javascript 進行 HTTP (S) 通信。XMLHttpRequest 在現在瀏覽器中是一種常用的前後臺交互數據的方式。2008年 2 月,XMLHt

原创 JavaScript DOM 總結(一)

DOM 是 Document Object Model(文檔對象模型)的縮寫。DOM 描繪了一個層次化的節點樹,允許開發人員添加、移除和修改頁面的某一部分。 HTML DOM 樹形結構如下: DOM 可以將任何 HTML 或 X

原创 Jquery通過append新元素之後事件綁定問題的解決方案

昨天在項目中發現一個問題:在DOM加載之後爲標籤綁定的事件對於新加進來的標籤並不起作用,通過查找發現事件並沒有綁定到新加入的標籤,因此今天特意總結一下這種問題的解決方案。 在jquery中,我們通常是在DOM加載完成後,再對元素綁

原创 JavaScript DOM總結(二、節點操作)

一、創建節點 1、createElement() createElement() 方法創建元素節點。該方法接收一個String類型的參數,表示所創建元素節點的名稱,並返回 Element 對象。 2、createTextNode

原创 jQuery源碼學習 item3- get()和eq()分析和對比

本文將對jQuery對象的get()和eq()方法源碼進行分析和對比,並介紹其基本用法。 1、get()方法 首先看一下get()的源碼,在文檔(jQuery 2.0.3.js)的第208~216行: get: function(

原创 jquery+css實現Tab欄切換的代碼實例

這篇文章主要介紹了jquery css實現Tab欄切換,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨着小編來一起學習學習吧 前幾天面試碰到現場給寫一個Tab欄切

原创 webpack入門介紹及簡單配置

webpack在當前前端工程師常用的一個工程化打包工具,官方對webpack的介紹是:webpack本質上 是一個現代 JavaScript 應用程序的靜態模塊打包器(static module bundler)。在 webpack

原创 Yii框架url美化

url美化 目的: 將 http://localtest/yii/web/index.php?r=hello/index 美化成: http://localtest/yii/web/hello/index 這裏我是用的wamps

原创 開始上手使用yii框架

Yii 安裝及基本配置 Yii 是一個 高性能 的,適用於開發 WEB 2.0 應用的 PHP 框架。Yii的特性可以前往Yii中文官網查看(國外網址也放一下)。Yii的安裝很簡單,官方直接提供了下載,下載之後只要本地有PHP環境即可使用

原创 微信小程序組件1--視圖容器

小程序給出的視圖容器組件有三個:</view>、</scroll-view>和</swiper>: 1、</view> 視圖容器 </view>相當於html中的</div>標籤,有四個屬性: hover和hover-class與點擊效

原创 詳解rem佈局-利用rem佈局實現移動端高清顯示

目錄 目錄 一、初探rem佈局 1.1 rem是什麼? 1.2 rem實現新聞字體“小中大”設置 二、利用rem佈局實現移動端高清顯示 一、初探rem佈局 1.1 rem是什麼? rem是CSS3新增的一個相對單位(r

原创 react學習筆記 item2 --- JSX

JSX 即 JavaScript XML, 是Facebook 團隊提出的一種在react組件內部構建標籤的類XML 語法。可以在 JavaScript 的代碼直接中使用 HTML 標籤來編寫 JavaScript 對象。這種語法方案需要

原创 jquery+css實現Tab欄切換

前幾天面試碰到現場給寫一個Tab欄切換的功能,思想基本上懂,但是好久沒寫過,一時要全部實現效果還真有點難。回來後,再把思路理一理,寫一個,基礎還是很重要的。 最終要實現的效果圖如下: (1)點擊tab欄顯示對應的內容,並且tab欄樣式變

原创 react學習筆記 item8 --- 表單

表單是應用必不可少的一部分,只要需要用戶輸入,哪怕是最簡單的輸入,都離不開表單。一直以來,單頁應用中的表單都很難處理好,因爲表單中充斥着用戶變化莫惻的狀態。在 react 中,表單的處理也與原生的 JS 處理方法稍有不同。在 react

原创 輕鬆上手開發微信小程序

今天(2017/1/9)微信小程序終於上線了,可以說這是張小龍在微信上的又一大戰略性的佈局。至於微信小程序的各種特點以及簡單使用,想必各位讀者也跟我一樣在被朋友圈刷屏之後已經有所瞭解。小程序的開發與傳統的web前端開發極其相似,想必各位技