原创 jquery實現文字向上滾動效果

  html部分: css部分: js部分: ps:需要引入jquery        

原创 node自動化構建前端項目源碼

var projectData={ "name":"node-new", "fileData":[ { "name":"js", "type":"dir" }, { "name":"css", "type":"dir" }, { "name

原创 微信小程序展開收起動畫效果

微信小程序原生組件實現動畫效果有很多限制。總結一下最近寫的一個小程序的動畫效果。初步思路是用css3的transition當高度變化時觸發過渡效果,此方法需要固定高度,如果高度不固定,需要手動獲取高度. wxml: item.isSh

原创 ie兼容問題

前端的一些動畫交互經常會有兼容性問題,出現兼容問題的瀏覽器多數爲ie以及edge。兼容ie和edge需要判斷瀏覽器類型爲ie或者edge。使用navigator.msManipulationViewsEnabled||navigator.u

原创 HTTP請求方法 原

一、HTTP請求方法:Http協議定義了很多與服務器交互的方法,最基本的有4種,分別是GET,POST,PUT,DELETE 一個URL地址用於描述一個網絡上的資源,而HTTP中的GET,POST,PUT,DELETE就對應着這個資源的查,

原创 RESTful架構詳解 轉

1. 什麼是REST REST全稱是Representational State Transfer,中文意思是表述(編者注:通常譯爲表徵)性狀態轉移。 它首次出現在2000年Roy Fielding的博士論文中,Roy Fielding是

原创 整理一下最近遇到的ie8兼容問題 原

1.圖片邊框問題,給img設置border-style:none;即可解決。 2.input輸入框光標不垂直居中問題,給input設置line-height爲Input輸入框的高度即可。 3.border-radius,box-shadow

原创 css hack 轉

瀏覽器的兼容性一直是個頭疼的問題,使用“欺騙”技術可使各個瀏覽器效果一致,花了些時間整理了各個瀏覽器的HACK,主要包括IE系列和最新版本的Chrome、Safari、Firefox、 Opera,比較全面的記錄下Hack,內容包括3部分

原创 谷歌瀏覽器輸入框背景顏色變黃的解決方案 原

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { box-shadow:0 0 0 60px #eee inset; -

原创 瀏覽器緩存機制 轉

緩存一直是前端優化的主戰場, 利用好緩存就成功了一半. 本篇從http請求和響應的頭域入手, 讓你對瀏覽器緩存有個整體的概念. 最終你會發現強緩存, 協商緩存 和 啓發式緩存是如此的簡單. 導讀 我不知道拖延症是有多嚴重, 反正去年3月開的

原创 iframe引入方法 原

在js裏定義: $(function () { $(".frameHead").load("../common/header.html"); $(".frameFoot").load("../common/footer.html"); })

原创 jquery自動輪播圖,點擊按鈕切換,點擊圓點切換,自動更新圓點顏色 原

1.引入jquery文件 css部分: <style>             .container{                 width: 100%;                 border: 1px solid #0080

原创 搭建express服務器 原

1.新建一個文件夾存放node模塊,cmd進入文件夾目錄。 2.執行命令npm install express --save,安裝express模塊 3.執行命令 express server -e ,安裝express server 4.

原创 javascript閉包原理 轉

  閉包是指有權訪問另一個函數作用域中的變量的函數,個人認爲閉包最大的用處就是防止對全局作用域的污染。 試想如果我們把一些僅僅只用到一兩次的變量都聲明在全局作用域中,最後肯定是容易出錯且不可維護的。而閉包最神奇的地方就是能在一個函數外訪問函