專案中遇到的零散問題(前端方面)
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++專案中引入Lua(AlphaGo使用的方案)
最近大火的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
PHP中MVC有關的請求分發器原理(前端控制器)原理
MVC中的請求分發器,說白了就是前端的控制器即,做一個控制器,用作於瀏覽器傳送請求時候反饋資料的控制器,例如: index.php此檔案整合了控制器和模型類。目的是在很多控制器的共性基礎之上,總結抽離,構成一個更為簡潔的形式,前提是請求中必須都帶上“控制器資訊”.每個請求(連結、提交)都應該至少
iconfont 在vue專案中的應用(icon-component元件)
前言:上一篇記錄了iconfont的三種基本使用方法。 在Vue中應該如何使用吶?Vue中的元件化思想很明確,要提高元件的複用率,增強專案的可維護性,擴充套件性。以下是採用icontfont的使用方式之symbol封裝的icon-component元件。 //components/Icon-s
Maven專案中整合SSH(pom.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專案中使用sass(scss)
前提:用vue -cli腳手架生成vue專案,cmd進入到專案根目錄 1.用npm安裝sass的依賴包(可使用cnpm淘寶映象) npm install --save-dev sass-loader //sass-loader依賴於node-sass npm inst