## 采用jquery的方法載入網頁的公共的部分時,頁面刷新之時公共部分出現了閃爍
## 解決方案
### 將公共部分編譯為js代碼
[鏈接](http://tool.chinaz.com/Tools/Html_Js.aspx)
```
function writeDom() {
document.writeln("");
document.writeln(" ");
document.writeln(" 山東省學校創客空間服務平臺");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" 個人中心");
document.writeln(" ");
document.writeln(" ");
document.writeln(" 退出登錄");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" 首頁");
document.writeln(" —");
document.writeln(" 報名進度");
document.writeln(" —");
document.writeln(" 賽事中心");
document.writeln(" —");
document.writeln(" 消息中心");
document.writeln(" —");
document.writeln(" 大賽指南");
document.writeln(" —");
document.writeln(" 項目說明");
document.writeln(" —");
document.writeln(" 結果公示");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
}
writeDom()
```
### 在頁面的公共部分引入j
```
<div id\='Head' class\="public\_top" style\="height: 236px">
<script src='./s.js'></script>
</div>
```
### 解決導航高亮的問題
```
/\*
@pageName : 當前頁面的name
\*/
function currentPage(pageName) {
if (!pageName || typeof (pageName) != 'string') {
throw new Error('當前頁面不存在或參數格式不正確');
}
switch (pageName) {
case 'competeCenter':
$("#Nav a:eq(2)").addClass('current\_nav').siblings().removeClass('current\_nav');
$("#Nav a:eq(0)").addClass('current\_nav');
break;
case 'informationCenter':
$("#Nav a:eq(3)").addClass('current\_nav').siblings().removeClass('current\_nav');
$("#Nav a:eq(0)").addClass('current\_nav');
break;
case 'personalCenter':
$("#Nav a:eq(0)").addClass('current\_nav').siblings().removeClass('current\_nav');
$("#Nav a:eq(0)").addClass('current\_nav');
console.log('當前頁面是個人中心頁面');
break;
case 'signUpProgress':
console.log($('#Nav a:eq(1)'))
$("#Nav a:eq(1)").addClass('current\_nav').siblings().removeClass('current\_nav');
$("#Nav a:eq(0)").addClass('current\_nav');
break;
case 'systemInformation':
$("#Nav a:eq(3)").addClass('current\_nav').siblings().removeClass('current\_nav');
$("#Nav a:eq(0)").addClass('current\_nav');
break;
default:
}
}
```
- css用法技巧
- 陰影被后面div遮擋
- 繪制一個三角形
- 圖像的灰白處理
- 一切居中
- 禁用鼠標事件
- 模糊文本
- 字體省略號
- 垂直居中
- box投影
- css動畫
- javaScript常見工具封裝
- 地址欄參數獲取
- 日期格式化
- Ajax
- scroll
- 緩動函數
- 事件綁定
- 阻止冒泡和默認行為
- 偽數組正常化
- 日期生成
- 拷貝
- javaScript基本知識
- javaScript基本知識
- javascript常見代碼塊
- vue常見問題
- 獲取參數
- vue常見問題/vue混入
- v-html指令問題集錦
- 正則獲取html中所有的中文字符
- 時間格式化
- 監聽路由的變化
- vue移動端滑動事件
- vue移動端圖片點擊放大
- 打包后背景圖片404的問題
- webpack打包后部分樣式失效
- IE的兼容問題
- post請求后臺無法接受參數
- 驗證碼
- vue開啟Gzip報錯
- v-html修改樣式
- app.css文件過大
- vue中中使用iframe
- babel對es6編譯不徹底 出現ie不兼容的問題
- vue單頁應用優化
- 吸頂問題
- 跨域session無法共享
- 登陸返回上一頁
- axois中使用delete數據傳遞問題
- 監聽數組對象數組中的屬性
- webpack
- webpack基本使用
- webpack打包刪除注釋
- js插件
- 輪播圖
- 面向對象模板
- 左滑右滑
- 存儲
- appcan
- appcan
- js深入研究
- 數組的參數傳遞問題
- 采用jquery的方法載入公共頁面后出現閃爍的問題
- html拼接無法綁定事件
- 吸頂問題
- async配合promise使用
- flutter
- 模擬器加載報錯
- 底部導航實現
- 模擬器出現錯誤
- flutter在idea下的快捷鍵
- flutter學習筆記
- 設計模式
- 觀察者模式
- nest
- nest基本說明
- nest錯誤處理
- vue高級
- 動態注入路由
- nest實戰
- 一項目準備
- window
- 端口進程被占
- mis包
- reactNative
- react-native-router-flux
- esLint
- eslint
- Cesium