標籤:用js的人都應該知道eval()函數吧,雖然該函數用的極少,但它卻功能強大,那麼問題來了,為什麼不常用呢?原因很簡單,因為eval()函數是動態執行其中的字串,裡面有可能是指令碼,那麼這樣的話就有可能引發系統的安全問題,所以能不用就不用,但至少也要知道它的用法。eval()函數的作用簡單來說就是用來把括弧中的字串當作代碼來執行,舉個簡單的例子,eval("2+3")
BootStap學習筆記(2),bootstap學習筆記學習該內容之前可能會用到的內容:css屬性Font-Weight:如果數字為700就是加粗的.或者更粗的為bolder,更細的是lighter.html Cite標籤定義文檔的引用,預設字型以斜體表示 如果有title屬性,當滑鼠放上去的時候還會顯示title裡定義的內容;html q標籤通常和cite屬性一起使用,cite來定義文檔引用位置,注意q標籤中常值內容會自動加上雙引號;html blockquote
[Bootstrap]全域樣式(四),bootstrap全域樣式按鈕1、基本類.btn{display/padding/margin-bottom/font-size/border-radius/border}作用於< a:role:button > <button> <input:button> <input:submit>2、預定義樣式.btn-default .btn-primary
非常棒的jQuery圖片輪播效果,非常棒jquery圖片本文執行個體為大家分享了jQuery圖片輪播效果,很個性,具體內容如下購物產品展示:圖片輪播器,效果如下所示:思路說明:每隔一段時間,實現圖片的自動切換及選項卡選中效果兩個地區: 最外層容器地區,如紅色線框矩形 選項卡地區兩個事件: 滑鼠懸浮或滑鼠劃入mouseover
CSS徹底研究(3)-浮動,定位,css浮動CSS徹底研究(3)-浮動,定位一 . 浮動floatI . 定義及規則float預設為none,對應標準流的情況。當float : left;時,元素就會向其父元素的左側靠緊,脫離標準流,同時寬度不再伸展至充滿父容器,而是根據自身內容來確定。II . 示範規則準備代碼<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta
建立自己的AngularJS - 範圍和Digest(四)範圍第一章 範圍和Digest(四)聯合$apply調用 - $applyAsync不論在digest裡面還是外面調用$evalAsync去延遲工作,他實際是為之前的使用案例設計的。之所以在setTimeout中調用digest是為了在digest迴圈外面調用$evalAsync時防止混淆。針對在digest迴圈外部非同步呼叫$apply的情況,同樣有一個名為$applyAsync來處理。其使用類似於$apply -
為什麼a標籤中使用img後的高度多了幾個像素?,標籤imga元素下有一個匿名文本,這個文本外有一個匿名行級盒子,它有的預設vertical-align是baseline的,而且往往因為上文line-height的影響,使它有個line-height,從而使其有了高度,因為baseline對齊的原因,這個匿名盒子就會下沉,往下撐開一些距離,所以把a撐高了。解決辦法一:是消除掉匿名盒子的高度,也就是給a設定line-height:0或font-size:0;解決辦法二:是給兩者vertical-al
css屬性的選擇對動畫效能的影響,css屬性動畫效能現在手機的佔比越來越高,各種酷炫頁面層出不窮,這些特效都離不開css動畫。說到css動畫,主流的情況也就無非這兩大類:位移和形變。而我們在寫一個動畫特效的過程中,如何去提升它的效能呢?當然首先我們需要去瞭解一下基本的概念,比如瀏覽器渲染的工作原理等,這些我也在讀了幾位大牛寫的相關文章後才有了一定的瞭解,這邊我也不細說了,有興趣的同學可以去瞭解一下。本次的目的簡單粗暴地講,其實就是我們應該使用什麼css屬性去進行動畫的繪製時,能夠有效提高瀏覽器在
我覺得網站的通用部分,網站通用這個圖片是我用xmind編輯的。歡迎大家來糾正或添加!再來說說我對網站開發的理解與碰到的問題。網站的前端有幾個部分我覺得很重要:1.優雅的文字提示2.合理的頁面設計3.適當的指令碼特效一進入這個網站,就讓人有一種非常舒適的感覺。並且在舒適的基礎上有奪人眼球的特效,再有貼心的提示,我相信肯定能給瀏覽者一種獨特的印象,讓他們記住這個網站。,即使他們沒有擷取到他們想要的資訊。CSS方面隨著CSS3的強勢出擊,接下來的頁面特效將會往CSS3這邊靠,雖然那些不支援CSS3的瀏
ruby中輸入命令列編譯sass(ruby小白),rubysassRuby(或cmd中)輸入命令列編譯sass步驟如下:(1)舉例而言:首先在F盤下建立一個總檔案夾,比如test檔案夾;其次在該檔案夾下建立html,images,js,sass等檔案夾。(2)在sass檔案夾中建立要使用到的sass檔案。例如common.scss,reset.scss,config.scss等公用檔案以及項目中需要使用到的各個檔案,當然這裡的檔案也可以分別放在不同的檔案夾中,不過都是sass檔案夾的子目錄。(3
理解javascript對象繼承,javascript對象繼承先從一個問題進行研究深入,什麼是javascript對象繼承?比如我們有一個“動物”對象的建構函式。 function animal() { this.type = '動物'; }還有一個“貓”對象的建構函式。 function cat(name,color) { this.name = name; this.color = color;
node.js串連mongoDB資料庫 快速搭建自己的web服務,node.jsmongodb一、寫在前面 人人都想成為全棧碼農,作為一個web前端開發人員,通往全棧的簡潔之路,貌似就是node.js了。前段時間學習了node.js,來談談新手如何快速的搭建自己的web服務,開啟全棧之路。二、安裝node.js 接觸過後端開發的人都知道,首先要安裝服務。作為新手,肯定是選擇最簡單的可視化安裝了(傻瓜式下一步,其它的方式等熟悉相關操作後自然就會了的),通過官網http://
css z-index屬性,cssz-index原文地址:http://www.neoease.com/css-z-index-property-and-layering-tree/CSS 中的 z-index 屬性用於設定節點的堆疊順序, 擁有更高堆疊順序的節點將顯示在堆疊順序較低的節點前面, 這是我們對 z-index 屬性普遍的認識. 與此同時, 我們總是對堆疊順序捉摸不透, 將 z-index 的值設得很大也未必能將節點顯示在最前面. 本文將通過一些例子對
史上最全前端面試題(含答案),最全含答案HTML+CSS1.對WEB標準以及W3C的理解與認識標籤閉合、標籤小寫、不亂嵌套、提高搜尋機器人搜尋幾率、使用外 鏈css和js指令碼、結構行為表現的分離、檔案下載與頁面速度更快、內容能被更多的使用者所訪問、內容能被更廣泛的裝置所訪問、更少的代碼和組件,容易維
JS組件Bootstrap
JS中取二維數組中最大值的方法匯總,js二維數組在JavaScript中可以通過內建的 Math.max() 的最大值,但是要從多重數組中取出最大值,還是有一定的難度。問題描述假設你有一個數組,而且這個數組中包含了數位子數組,而我們要做的是從數組中的每個子數組中返回其最大的那個最大數。基本解決方案function largestOfFour(arr) {var results = []; // 建立一個results變數來儲存// 建立一個外層迴圈,遍曆外層數組for (var n = 0;
基於javascript實現精確到毫秒的倒計時限時搶購,javascript限時搶購這篇文章為大家分享了javascript實現倒計時限時搶購,精確到毫秒的倒計時,供大家參考,具體內容如下一、下面的圖片就是聚划算上面的限時搶的效果二、實現限時搶的效果需要用到的知識 :Javascript Date()對象Date()返回當前的日期和事件getYear()返回年份 獲得年最好用getFullYear()方法來操作(完整格式如2016)getMonth()返回月份值(從0開始,+1)getDay()
AngularJS入門教程之AngularJS指令,angularjs入門教程熟悉HTML的朋友都知道,HTML有很多屬性。比如<a>標籤的href屬性可以來指定連結的URL地址,<input>標籤的type屬性可以用來指定input的類型。AngularJS指令就是通過擴充HTML的屬性來為 AngularJS應用增加功能。AngularJS指令用於擴充HTML。這些都是先從ng- 首碼的特殊屬性。我們將討論以下指令:常用AngularJS指令ng-app
JS區分瀏覽器頁面是重新整理還是關閉,js區分Web開發人員在系統開發中經常要面對產品經理各式各樣的需求,當然,大部分對產品體驗還是有協助的,例如我們今天提到的重新整理頁面,前進後退,關閉瀏覽器標籤時,為了避免使用者誤操作,需給出二次確認提示框,這個相信大家都非常熟悉了,採用瀏覽器提供的BOM事件機制就可以解決,使用window對象的onbeforeunload事件即可,如果產品經理只提出這樣的需求,那確實無可厚非,然而其需要的不僅僅是這些...例如,我們一次項目開發中,產品經理就針對我們的實現
原生JS和jQuery版實現檔案上傳功能,jsjquery檔案上傳本文執行個體分享了原生JS版和jQuery 版實現檔案上傳功能的例子,供大家參考,具體內容如下<!doctype html><html lang="zh"><head><meta charset="utf-8"><title>HTML5 Ajax Uploader</title><script src="jquery-2.1.1.min.js">&