1. 程式人生 > >專案中遇到的零散問題(前端方面)

專案中遇到的零散問題(前端方面)

1.js報錯 “return語句在函式之外”
在IE下訪問正常,在IE6下訪問會有錯誤提示
解決方法:比較可能的原因是js檔案的編碼問題,由ANSI儲存為UTF-8後正常

2.js操作頁面重新整理

window.top.location.href = window.top.location; //重新載入當前url頁面,GET請求
window.top.location.reload(); //瀏覽器會重複之前一個請求動作,如果之前一個請求是回發,則會再次觸發回發操作

3.js事件繫結方法,支援多級DOM事件

var EventUtil = {
    addHandler: function
(element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent('on' + type, handler); } else { element['on' + type] = handler; } }, removeHandler: function
(element, type, handler) { if (element.removeEventHandler) { element.removeEventHandler(type, handler, false); } else if (element.detachEvent) { element.detachEvent('on' + type, handler); } else { element['on' + type] = null; } } };

4.使td中的文字自動換行

word-wrap: break-word;word-break:break-all;

禁止文字換行

word-break:keep-all ;white-space:nowrap;

5.使td中的文字內容過長時自動變成省略號,主要是依賴text-overflow屬性

在td內巢狀div   $('#demo td[height=20]').wrapInner('<div class="clip" />');
為div新增樣式  #demo .clip { width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

6.去掉a標籤點選時的虛線效果

給它新增屬性  hidefocus="true"
或          onfocus="this.blur()"
或          a{outline:none;blr:expression(this.onFocus=this.blur());}

7.有時候flash logo在html頁面中無法正常顯示
解決方法:用iframe巢狀放入了flash的頁面,或者用其他的js庫來載入flash

9.IE6中設定div高度較小時不起作用
IE6下div預設的最小顯示高度是字型大小的高度,這時設定更小的高度值也不會生效
這時可以在樣式中新增 overflow: hidden; 屬性

10.指定IE解析頁面的模式
在head標籤中新增

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />  高版本的IE會採用IE7相容模式

11.有的時候需要遮蔽js報錯提示以免影響美觀

window.onerror = function () {
    return true;
};

或者用try–catch塊將程式碼包裹起來,避免錯誤丟擲

相關推薦

專案遇到的零散問題前端方面

1.js報錯 “return語句在函式之外” 在IE下訪問正常,在IE6下訪問會有錯誤提示 解決方法:比較可能的原因是js檔案的編碼問題,由ANSI儲存為UTF-8後正常 2.js操作頁面重新整理 window.top.location.href =

Android Studio將庫引入到專案出現錯誤例如Glide

在學習的過程中,由於書上的版本,不能與自己的Android studio各種庫的版本相互對應。有時候錯誤資訊並不是只提示某個庫出現錯誤,而是會引發各種各樣的錯誤,直接導致相對應的控制元件無法使用。 所以可以採用一種方法去引入庫。 1、點選File,開啟Pro

如何在實際專案使用Promise入門級

你們有沒有遇到過這樣的情況,ES6看過了,Promise的文字概念都懂,但是我要怎麼在專案中去寫一個Promise呢? 那天我就是帶著這樣的疑問去網上搜了下。最後成功地在專案中應用了Promise,只有實際成功使用一次,才能明白它的前因後果,明白它的用途。   1.這是一個vue的電商專案-商

如何在Sublime Text3安裝Emmet前端神器外掛

由於最近因為做專案的需求不得不接觸學習前端,然後就接觸到了一個很好用的編輯器sublime text3,之前聽過很多人推薦過這個編輯器,但是一直沒用,不用不知道,用完之後簡直太爽了,比之前寫python用的IDLE還有notepad++好用太多了,不扯淡了,切入

vue-apollo的使用--vue專案使用graphql詳細版

在前段時間使用graphql獲取資料,感覺獲取資料來說是方便了一些,但是也爆出了一系列的問題。先來graphql的使用方法… 下載依賴包 需要搭配Apollo一起使用 npm install -S apollo-cache-inmemory ap

看完這篇保證你學會springboot專案 controller層與前端的引數傳遞

首先講幾個註解的用法, @RequestParam: 用在方法的引數前面。 @RequestParam String a =request.getParameter("a")。 @PathVariable: 路徑變數。引數與大括號裡的名字一樣要相同。

專案瑣碎知識

1 關於#號和$的區別   # 號   1使用#號傳參有預編譯效果 ,有效防止sql注入攻擊  (PrepreadStatement 有預編譯效果,防止sql注入攻擊)   2為引數新增一對""號   約定:能用#號不用$   $ 號   只有以欄位的名稱為引數時(就是和資料庫表中的欄位名稱一樣

在C++專案引入LuaAlphaGo使用的方案

       最近大火的AlphaGo,其中的deepmind已經開源,可以到github中下載https://github.com/deepmind/lab·,網上還有一個基於Python開源AlphaGo,那個不是google的。通

大三筆記ssm專案使用layui進行分頁

  本篇文章較為簡單,實現的功能是分頁。下面貼程式碼。 <script src="layui.js" charset="utf-8"></script> <!-- 注意:如果你直接複製所有程式碼到本地,上述js路徑需要改成你本地的 -->

在vue專案使用sass適用於vue-cli腳手架專案

進入專案目錄: C:\Users\PC>cd XXX/XXXX/xxx //你的專案目錄 安裝sass的依賴: npm install --save-dev sass-loader npm install --save-dev node-s

docker簡易環境搭建實戰篇:以人人網開源專案renren-fast-vue搭建分散式部署前端

docker簡易環境搭建實戰篇:以人人網開源專案(renren-fast-vue)搭建分散式部署(前端篇) 寫在前面:注:閱讀本文前,請先閱讀docker標籤的docker簡易系列的文章。 前端最終實現的架構圖: 第一步 修改前端專案配置 修改專案目錄中 static/co

JSONKit在專案使用設定ARC與方法更新

在專案中經常會遇到解析json的情況,如果有同學想要解析JSON,那麼JSONKit可以是一個不錯的選擇。 git中JSONKit 的地址為:https://github.com/johnezang/JSONKit 1.把JSONKit設定為不支援arc的模式,在Build Phas

PHPMVC有關的請求分發器原理前端控制器原理

MVC中的請求分發器,說白了就是前端的控制器即,做一個控制器,用作於瀏覽器傳送請求時候反饋資料的控制器,例如: index.php此檔案整合了控制器和模型類。目的是在很多控制器的共性基礎之上,總結抽離,構成一個更為簡潔的形式,前提是請求中必須都帶上“控制器資訊”.每個請求(連結、提交)都應該至少

iconfont 在vue專案的應用icon-component元件

前言:上一篇記錄了iconfont的三種基本使用方法。 在Vue中應該如何使用吶?Vue中的元件化思想很明確,要提高元件的複用率,增強專案的可維護性,擴充套件性。以下是採用icontfont的使用方式之symbol封裝的icon-component元件。 //components/Icon-s

Maven專案整合SSHpom.xml檔案的配置詳解

Maven專案中整合SSH比較繁瑣,需要解決版本衝突問題,博主在下面給出了pom.xml檔案的配置資訊,改配置檔案整合的是:struts2-2.3.24、spring4.2.4、hibernate5.0.7。如果需要改版本,只需要更改<properties>標籤中

webpack打包nodejs專案前端程式碼

適用情況 首先說明,此情況不具備普遍性。若你的情況與筆者類似那麼希望這篇文章能夠幫到你。 我的專案情況是這樣的:用node.js做後臺,ejs做模板引擎(即整個頁面是一個ejs檔案)由node.js將資料渲染完成後,再將完整頁面返回給使用者。 那麼這樣做會遇到的問題: 1. 本專案沒有html頁面,ejs的作

jQuery select 全國城市三級聯動省市區專案修改頁面用到了

jQuery select 全國城市三級聯動 在專案中修改頁面會用到,之前用$.filter()函式不行,換成$.each()就可以啦 附程式碼: $(function () { _init_area(); setTimeout(functi

專案總結前端部分

一個python做的系統 1、結果匯出word,表格設定樣式     外掛  jquery.wordexport.js       給表格設定邊框    2、預覽pdf檔案         開啟新視窗  window.open('/路徑') 3、上傳圖片   

web專案新增圖示unicode引用方式

在web前端開發時,我們可能會為了美觀新增一些圖示,類似下圖這種: 先推薦一個很不錯的圖示素材庫阿里巴巴向量圖示庫 想到新增圖示我們首先想到是用<img>標籤,但這種方式使用起來不是很靈

如何在vue專案使用sassscss

前提:用vue -cli腳手架生成vue專案,cmd進入到專案根目錄 1.用npm安裝sass的依賴包(可使用cnpm淘寶映象) npm install --save-dev sass-loader //sass-loader依賴於node-sass npm inst