原创 html5筆記01

1,常規佈局寫法: <body> <!-- header --> <!-- nav --> <!-- main --> <!-- aside --> <!-- arc

原创 css3基礎筆記03-2d和3d過渡

一,2d過渡: transform-origin:方向參照點;+transform:rotate(deg);角度 安卓機器人demo: <style> body{ background-color: skyblue

原创 jQ中的each方式

jq中有隱式迭代,不需要我們再次進行遍歷對某些元素進行操作。 但是,如果涉及的到對不同元素有不同的操作,MAME需要進行each方法遍歷。 //當需要操作不同的元素不同的設置方式的時候,可以考慮用each方法。 //頁面加載

原创 php基礎01

一, 實現動態網站技術: -php, java(jsp) .net Node.js python …… 二,基礎語法1,聲明,字符串拼接,單雙引號作用。 js中的字符串拼接, ※js中的單雙引號的作用基本相同,

原创 vue-蒙版引導-driver.js

1,driver.js 新用戶引導 https://kamranahmed.info/driver.js/#single-element-no-popover 模型大致如下圖: 2,代碼如下: import Driver f

原创 移動web 移動端Touch事件

一, Touch事件 1,touchstart:當手指觸碰屏幕時候觸發。 綁定事件的方法: dom.addEventListener('touchstart',function(e){}); 事件返回的e對象包含那些移動端特有的

原创 node.js學習中理解的point

node.js 1,Node.js開發的目的就是爲了用JavaScript編寫Web服務器程序:藉助jsvascript天生的事件驅動機制加V8高性能引擎,編寫高性能的web服務。 2,node環境下,通過模塊化的js+函數式編程

原创 css3動畫基礎語法01

一,動畫的使用必須要準備 1,準備動畫@keyframes關鍵字定義 2,需要爲想要使用動畫的dom元素 添加一系列的動畫屬性。 /* 1,定義動畫 */ @keyframes toright{ from{ /*

原创 html5筆記02

一,Hbulider編輯器安裝使用。 二,html5新增全屏幕效果 this.requestFullScreen(); /*querySelector()方法支持css3中的選擇器*/ document.querySelec

原创 jQ基礎day05五星評分小案例

jQ基礎day05-18, $(function() { $(".comment>li").mouseover(function () { //鼠標進入,當前的五角星以及它前邊的所有兄弟五角星都變成實心。

原创 wamp初配置

一, 靜態網站:提前寫好的html頁面(包括圖片,媒體文件,,靜態資源文件) 問題:可維護性差,沒有交互性 動態網站: 動態指的是html頁面是動態生成的,這裏動態生成的不一定是一個完整的頁面,有可能僅僅是頁面的一部分,或

原创 jQ多庫共存及常見插件及jq,ui

在頁面操作過程當中,有可能引入多個外部js文件, 很有可能自己寫的js文件裏的變量名或者函數名有可能是使用對象,此時會把js中的 同名掉,失去了原本對象的意義。 此時可以通過: $.noConflict() var xy=$

原创 css3基礎筆記02

一,過渡:讓某些屬性按照漸漸的進行改變。 transition: 過渡的單獨寫法: linear,ease-in,ease-out實際開發的時候 不會使用transition來製作太長的動畫效果 所有使用默認的ease即可。

原创 css3基礎02web字體及字體圖標

一,web字體: css3提供web字體,支持導入第三方字體文件。 實際開發中不會讓用戶下載整個字體文件包,而是在字庫文件中截取某一段來減少用戶容量。 (實際開發中美工會提供) ①阿里巴巴字體制作網站:iconfont-阿

原创 css3基礎筆記01

一,僞元素選擇器 常用的僞元素: lorem快速生成測試文本 1,僞元素選擇器 用的是兩個冒號分隔,早期寫法是一個冒號,瀏覽器也能識別,但是不建議醬紫寫。 1,首字母加樣式 ::first-letter p::first-