原创 用vue初始化建立一個項目

最近學習了vue框架,閱讀了vue全家桶的官網,還學習了element ui 框架初始化建立一個vue的項目很簡單,如下所示:GitHub上建立一個空項目,將名字等信息輸入。在本地使用git clone 項目的網址,將git遠程的項目初始

原创 angular怎麼配置路由

angular配置路由超級簡單,分爲以下三個步驟: 在html裏寫超鏈接標籤,可以使用ui-sref框架,給跳轉的頁起名字,超鏈接標籤裏寫好要跳轉的鏈接。如下所示:<a ui-sref=".queryTVTime" class="fon

原创 前端自動化工作環境配置

安裝nvm(管理不同版本的node): 下載bvm包。地址爲:https://github.com/coreybutler/nvm-windows/releases,選擇第一個nvm-noinstall.zip.下載完成後,解壓到一個全

原创 img標籤注意事項

今天看了《Head First HTML與 CSS》,關於img標籤。知道了一些之前未注意過的內容,故寫這篇文章來記錄。 在WEB中,有三種圖像的格式最常用,其特性分別爲: JPEG:1.適用於照片和複雜圖像。2.有損格式。3.不支持透

原创 瀏覽器顯示頁面工作流程+Anjular頁面UI閃爍原因

目前我已經從事前端工作5個月左右的時間,今天第一次嘗試寫博客,內容大多是在學習過程中查到的知識和個人理解的結合,如果有錯誤,歡迎指出,望同發展、共富裕~~ 瀏覽器顯示頁面主要分爲三個階段,分別爲:加載、解析、渲染,具體工作內容如下: 加載

原创 塊元素和內聯元素區別與聯繫

塊元素: 用作web頁面中的主要構建模塊,每個塊元素都單獨顯示,就好像前後都有換行,特立獨行。寬度(width)、高度(height)、內邊距(padding)和外邊距(margin)都可控制。 內聯元素: 用來標記小段內容,會顯示在

原创 AngularJS的ngTable的使用方法

ng-table是一個AngularJS用來綁定數據到表格中,可以完成排序、分頁和爲表格過濾數據的組件。 使用步驟如下: 首先創建新的應用程序並打開頁面,並在頁眉部分添加以下的angularjs參考文件。< script src =“h

原创 text-align使用規則

text-align使用規則:只在快元素中使用,直接用在內聯元素上不生效。會對塊元素中的所有內聯內容對齊。會對塊元素中包含的文本內容生效。在其內的塊元素也會對齊是因爲子塊元素繼承父塊元素的text-align的屬性。 點贊 1

原创 手機陀螺儀的註冊監聽事件

最近在公司做了一個VR視頻的遙控器,目的在於利用手機充當遙控器角色,控制電視端VR視頻的播放,我主要開發體感功能,也就是調用手機陀螺儀的數據,以下爲具體操作: 在畫面中增加一個體感功能的開關,綁定點擊事件進入網頁後,體感功能自動爲開啓狀

原创 手機遙控器在微信端的處理

手機遙控器最初打算以微信小程序作爲平臺,後來發現微信小程序未開放陀螺儀的接口,故最終打算用微信公衆號平臺,以網頁的形式獲取手機端陀螺儀的數據,來控制電視上VR視頻的播放,在這個項目中,遇到的最大的困難是微信端的接入,現在做一個簡單版的總結

原创 type爲file的input控件文件上傳打開緩慢

做瀏覽器適配時,發現58版本的谷歌瀏覽器會上傳文件打開很慢,但其他的不會,通過原因排查,發現是因爲:accpect = "vodeo/*"造成的,應該寫成具體的格式,即accpect = ".mp4,.mov"等 點贊

原创 ng-repeat中設置td的樣式

在ng-repeat時,對於不同狀態的表格,會有顯示不同顏色的需求,使用ng-style即可,具體操作如下:<td ng-style="{'color':room.State == '在線' ?'green':''}">{{room.St

原创 解決安卓手機在微信的網頁內長按後出現在瀏覽器中打開提示語的問題

當安卓手機在微信內的網頁上長按時,如同鼠標右擊事件,會觸發微信瀏覽器的默認事件,彈出“在瀏覽器中打開”的提示語,這一問題很好解決,只需要在長按事件後,利用oncontextmenu 事件可以取消鼠標右鍵功能。document.oncont

原创 IIS的安裝

       今天新接觸了一套上海公司的代碼,在最初搭建環境過程中,學習了IIS的使用方法,現在總結一下。       IIS是Internet  Information Services的縮寫,意爲互聯網信息服務,是一種Web服務組件,

原创 修改placeholder字體顏色

今天需要修改placeholder的字體顏色(正常爲灰色),所以網上查詢了一下,很簡單就可以實現,在style中輸入下列即可:這些是爲了不同瀏覽器做適配::-webkit-input-placeholder { /* WebKit bro