原创 關於swiper動態加載數據失敗滑動失效等問題

具體代碼實現片段: 下面展示一些 基礎用法和動態加載數據實現方式。 第一步:取數據 第二步:渲染數據 第三步:初始化swiper // An highlighted block var slide_pic=[ {

原创 vue 上拉動態加載數據

分析: 需要判斷滾動條是否到底部: 需要用到DOM的三個屬性值,即scrollTop、clientHeight、scrollHeight。 scrollTop爲滾動條在Y軸上的滾動距離。 clientHeight爲內容可視區域的高

原创 解決問題之一:font-size 影響頁面佈局

爲實現效果如下: 遇到的問題: 實現方法,border bottom+right 然後 nth(4n)沒有沒有 right 但是這樣會造成一個問題div之前會有空隙,如下圖: 爲什麼會遇到這個問題,怎麼解決? 原因:因爲頁面默認

原创 px 、em 、rem各單位換算

相同點: 都是長度單位 異同點: px:(像素)的值是固定的,指定是多少就是多少,計算比較容易。 em:值不是固定的(彈性佈局),並且em會繼承父級元素的字體大小。 rem: 與em相同都是相對單位,只是他的相對僅僅針對

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

媒立方更新修改8531部分文件修改步驟 媒立方 網址:http://mlf.8531.cn 文件存放目錄地址: 1、css/js/images 點擊順序:網站——集團官網——待編——官網首頁左側的文件夾圖標——右側的2017l

原创 iframe兼容ios、安卓

iframe適配問題 問題描述:iframe引入外部頁面,安卓機型正常,ios機型上寬度無法自適應,超出了設置的寬度大小(即:設置寬度無效) 解決方案:在iframe標籤外嵌套一層,並設置css屬性:-webkit-overflo

原创 Vue中監聽鍵盤事件(該文檔記錄enter)

按鍵盤Enter回車,實現用戶登錄 vue代碼(html+js) 下面展示 引用element組件el-input實現用戶信息輸入並綁定回車事件。 // 關鍵在於 @keyup.enter.native="searchFile" /

原创 vue的一點小記錄

Vue 選項對象中的 el 屬性、template屬性和 render 渲染函數的關係 Vue 選項對象中有 render 渲染函數時,Vue 構造函數將直接使用渲染函數渲染 DOM 樹 當選項對象中沒有 render 渲染函數時,

原创 css 進度條

實現效果 完整代碼實現 1、html部分 下面展示一些 DOM結構。 // An highlighted block <div class="xui-wrapper xui-myPromption-wrapper"> <

原创 內需管理平臺的發佈流程

內需管理平臺的發佈 1、過網址https://deveops.8531.cn訪問到頁面 2、步驟二:新建工單 3、步驟三:新建工單(選擇對應工單和所屬組別) 3、步驟四:點擊‘執行’ 4、步驟五:獲得操作憑着,用於‘執行’的驗

原创 VUE 列表滾動效果

transition實現動效 - DOM 部分 <div class="scroll_bg"> <ul class="scroll_content" :style="{ top }"> <li v-for=

原创 Object.assign 合併多個JavaScript的對象

Object.assign 合併多個JavaScript的對象 常規用法,以及一些注意事項和說明: ES6新添加的接口 語法:Object.assign(target,source1,source2,source3); 屬於淺拷貝——>