原创 web前端炫酷特效-CSS3製作環形星星發光動畫

html源碼: <div><div></div></div> <div><div></div></div> <div><div></div></div> <div><div></div></div> css

原创 前端小白案例-商品輪播圖製作

知識點:html加CSS佈局、html加css佈局思維,定位、浮動詳解。 html代碼: <div class="banner"> <div class="pic"> <ul id="pic">

原创 前端小白案例-愛新鮮抽屜式特效製作

知識點:企業佈局技巧,如何高效的編寫CSS樣式,常用選擇器,基本標籤,動態佈局,盒子模型,jquery類庫調用,JS特效編寫,JS編程思維等。 html代碼: <div id="box"> <di

原创 web前端小案例-css3製作瀏覽器背景漸變背

知識點:rgb全色循環算法,HEX與RGB顏色轉換算法、CSS3顏色漸變,CSS3漸變色兼容ie方法,定時器與循環,函數封裝,數組應用等。 css代碼: <style> *{margin:0;padding:0;} b

原创 web前端基礎案例-開發QQ空間旋轉時光軸

知識點:html標籤,css樣式屬性,代碼優化,行業規範,佈局思路,javascript基礎,jquery方法,邏輯思維。html代碼: <div class="con"> <div class="top">

原创 web前端實用案例-商城網站購物車拋物線效果

知識點:靜態佈局技巧,定位,浮動,背景設置,CSS樣式選擇器javascript特效,jquery庫調用,插件調用,如果使用插件,編程思維與技巧。 html代碼: <div class="banner"></div> <!

原创 javascript模擬重力感應彈跳,做個不一樣的登陸端口

知識點:原生js動畫效果 ,重力系統,彈跳算法, 迭代與遞歸, 動畫序列, , 兩種定時器配合使用, 循環判斷注意事項 ,編程思想與解決方案思維。 html代碼: <div id="bg_wrap"> <div><img

原创 用jquery插件寫一個小米官網左側二級菜單

知識點:靜態佈局思路,jquery動態佈局,代碼格式規範,jquery插件調用, 鼠標滑動二級菜單構建。 html代碼: <div id="Tz_banner"> <ul>

原创 python中print函數 以及單引號、雙引號、三引號

直接面對——引號,就是爲了保證打印出來的東東符合預期 如:print("小菜菜") 結果是: ================1=============================================2==========

原创 Python面向對象之繼承、重載

面向對象三大特性之繼承. 繼承的便捷是子類可以直接調用父類裏面的方法和屬性.(在強類型語言裏面是隻能調用公有成員), 不用重複的造輪子. 減少程序猿的負擔.實現多態等上層結構 父類代碼 子類代碼 調用實例

原创 原來 Python 還有這些實用的功能和特點!

在使用Python多年以後,我偶然發現了一些我們過去不知道的功能和特性。一些可以說是非常有用,但卻沒有充分利用。考慮到這一點,我編輯了一些你應該瞭解的Python功能特色。 帶任意數量參數的函數 你可能已經知道了Python允許你定義可選參

原创 python數據結構:數組、列表、棧、隊列及實現

首先,我們要分清楚一些概念和他們之間的關係 數組(array) 表(list) 鏈表(linked list) 數組鏈表(array list) 隊列(queue) 棧(stack) list列表 array數組 python中內置list

原创 Python中的可迭代對象、迭代器、For循環工作機制、生成器

1.iterable iterator區別 要了解兩者區別,先要了解一下迭代器協議: 迭代器協議是指:對象需要提供next()方法,它返回迭代中的元素,在沒有更多元素後,拋出StopIteration異常,終止迭代。 可迭代對象就是:實現了

原创 html5 canvas系列教程-像素操作(反色,黑白,亮度,復古,蒙版,透明)

getImageData:獲取一張圖片的像素數據cxt.getImageData( x, y, width, height )x:圖片所在的x座標y: 圖片所在的y座標width,height 要獲取的像素區域返回值是一個對象,對象包括一個

原创 曾經有這麼個前端程序員,寫出了史上最牛逼的接口

曾經的曾經有這麼個牛逼的前端。某產品哥提了個清理緩存的需求,然後就有了這段神代碼。<a href="javascript: alert('清除成功!')" >清空緩存</a>怎麼樣是不是不懂程序不行呀!多少學點前端吧,互聯網時代的生活與前端