原创 8531官網修改更新發布媒立方的相關操作(二)

需求:新增“信息公告”欄目,以及他下面的二級頁面 改動內容: 新增news_info.html頁面,點擊‘信息公告’欄目跳到此新增的二級頁面 媒立方修改說明: 1、同‘上一篇使用說明’修改如果的內容(js—base.js;css—

原创 時間戳以及時間格式的相互轉化

1、時間戳轉換成常規的時間格式 ‘yyyy年MM月dd日 hh:mm:ss’ 或 'yyyy-MM-dd’等 // 如給定的時間戳是:"1559700659" //第一步:時間戳爲10位需*1000,時間戳爲13位的話不需乘10

原创 解決問題之三:elementui 的tabs組件出現藍色邊框問題

解決方法: // An highlighted block .tabNews .el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-

原创 工作內容記錄———8531修改記錄(一)

2019.05.08 70週年社慶 封面修改 修改功能: 1、集團動態新聞由滾動變成不滾動 2、增加官網皮膚管理,背景渲染 實現效果: 修改位置: <!-- index.html--> <div class="index_all

原创 object-fit 切換被替換元素的內容對象在元素框內的對齊方式。

https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit

原创 切記切記數組的賦值:不能單個賦值而是要整個數組賦值,否則會不響應

例如:sel_date_range=[] 需要更新sel_date_range 數組的值,不能通過sel_date_range[0]=xx; 而必須通過如: const newarr = []; sel_date_range =

原创 頁面錨點定位方法

實現:點擊錨點跳轉到相應DIV的問題 方法一: 實現方式:用a標籤,在href屬性中寫入DIV的id 缺點:點擊錨點之後,瀏覽器的URL會發生變化,如果刷新可能會出現問題。 方法二: 實現方式:在js事件中通過window.loc

原创 vue 實現回到頂部

1、dom部分: 注意:@scroll這個事件是綁定在height固定的那個dom,即,在這個實際項目中,id="warp_content"的height=8896 大於 class爲‘specific-left’這個類中設置固定

原创 工作內容記錄———8531修改記錄(二)

8531官網 70週年國慶 首頁封皮修改 修改內容: 全新的界面設計 ,旗下公司調整(包括公司順序、增減公司); 首頁封面背景圖和加title 首頁進行修改

原创 js時間操作getTime(),ios移動端真機上返回顯示NAN

問題: 1、IOS手機獲得new Date(‘2019-06-27 14:30:07’)時間如下圖NAN 2、安卓手機如下圖new Date(‘2019-06-27 14:30:07’) 解決ios日期時間戳無法顯示是因爲輸入的

原创 各類資源地址管理

1、自動滾動用戶信息–例:月度錦鯉 https://github.com/wj704/vue-marquee-ho/tree/master/src 2、vue項目如何監聽窗口變化,達到頁面自適應? https://segmentf

原创 解決問題之四:transform的rotate在內聯元素上面不起作用

想讓箭頭旋轉向上 問題:直接引用transform: rotate(270deg);不起效 解決:加入display: inline-block; 產生原因:內聯元素使用transform的rotate屬性不起作用,這時可以將

原创 動態插入視頻地址

關鍵核心語句: document.getElementById(‘video’).load(); 一、用原生的書寫 //html <img id="playvideo" src="assets/images/play.png" a

原创 解決問題之二:css排版,div內的P標籤內的文字字數不一致時,會導致整個div容器掉下來,不對齊

問題現象 bug出現的效果(即:展示形式)沒有對齊在一個水平線 解決方式: 在設置display: inline-block;的容器同時設置vertical-align: top; 課外拓展知識:

原创 超出文本溢出省略號

方法一:超出一行省略 // A code block .text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 方法二:超出多行省