原创 原生 js 實現移動端 Touch 滑動反彈

移動端 Touch 滑動反彈 什麼是Touch滑動?就是類似於PC端的滾動事件,但是在移動端是沒有滾動事件的,所以就要用到Touch事件結合js去實現,效果如下: 1. 準備工作 什麼是移動端的Touch事件?在移動端Touch事件可以

原创 原生js實現移動端Touch輪播圖的方法步驟

這篇文章主要介紹了原生js實現移動端Touch輪播圖的方法步驟,touch輪播圖其實就是通過手指的滑動,來左右切換輪播圖,touch輪播圖其實就是通過手指的滑動,來左右切換輪播圖, Touch 輪播圖 touch

原创 原生 js 實現移動端 Touch 輪播圖

Touch 輪播圖 touch輪播圖其實就是通過手指的滑動,來左右切換輪播圖,下面我們通過一個案例,來實現下。 1. html 結構 結構上,還是用ul、li來存放輪播圖片,ol、li來存放輪播小圓點: 2. 樣式初始化 html的

原创 JavaScript 進階知識 - 高級篇

JS高級 前言 經過前面幾篇文章的學習,相信大家已經對js有了大部分的理解了,但是要想真正的掌握好js,本篇纔是關鍵。由於js高級階段的知識點比較難理解,所以本篇文章花了大量的時間去理思路,有可能有一些知識點遺漏了,也有肯能有部分知識點寫

原创 【連載】前端個人文章整理-從基礎到入門

個人前端文章整理 從最開始萌生寫文章的想法,到着手開始寫,再到現在已經一年的時間了,由於工作比較忙,更新緩慢,後面還是會繼更新,現將已經寫好的文章整理一個目錄,方便更多的小夥伴去學習。 JavaScript 基礎知識 - 入門篇(一) Ja

原创 CSS3 入門詳解(二)

11. 動畫 動畫是CSS3中具有顛覆性的特徵之一,可通過設置多個節點來精確控制一個或一組動畫,常用來實現複雜的動畫效果。 11.1 如何實現動畫 必要元素: a、通過@keyframes指定動畫序列; b、通過百分比將動畫序列分割成多個

原创 CSS3 入門詳解(一)

前言 如同人類的的進化一樣,CSS3是CSS2的“進化”版本,在CSS2基礎上,增強或新增了許多特性,彌補了CSS2的衆多不足之處,使得Web開發變得更爲高效和便捷。 1.選擇器 CSS3新增了許多靈活查找元素的方法,極大的提高了查找元

原创 JavaScript 進階知識 - HTML5篇

1. 認識HTML5 HTML5並不僅僅只是作爲HTML標記語言的一個最新版本,更重要的是它制定了Web應用開發的一系列標準,成爲第一個將Web做爲應用開發平臺的HTML語言。 HTML5定義了一系列新元素,如新語義標籤、智能表單、多媒