原创 面試題總結(工作經驗1年,應聘前端開發)

通過漫長的找工作之旅,終於定下來了。怎麼說呢,過程很艱苦,結局是美好的。 下個月入職,享受最後休閒的時光,總結一下所遇到的前端面試題。 。。。下面的我會慢慢補充並且把羅列的問題對應的答案一點一點整理起來 基礎:(我基礎太差,惡補了一段

原创 vue.nextTick

決定寫一系列關於vue機制或語法的文章,先寫簡單的,慢慢補充 學習參考文章:https://www.jianshu.com/p/a7550c0e164f Vue.nextTick( [callback, context] ) 參數:c

原创 Vue + framework7筆記

首先附上Vue + framework7的開發文檔:http://framework7.io/vue/ Smart Select 問題描述:select數據是通過綁定放上去的,出現了兩個問題: 一 數據初始化後,默認答案沒有顯示

原创 css實現一行文字左右靠邊對齊

最近在鋪頁面時,設計給到的佈局是這樣子滴。。。 額。。。是很常見,但之前還真沒有去寫過,百度了下做法,有兩種方法 1、css屬性實現 text-align-last: justify 很神奇的屬性,以前一直不知道它的存在,用法也簡單

原创 一個經過思考的頁面佈局

頁面內容應有版權關係我就隨便拿一張圖和文字代替了 頁面要求:動態頁面,所有人物圖片、文字介紹皆可從後臺上傳 我的問題: 文字字數部分是沒有限制的,比如能力這個字段,如果它有5行,就說明它的文字需要圍繞圖片佈局,這就造成了文字展示的寬

原创 基於vue-quill-editor的富文本Demo

基於Vue的一個富文本編譯器的插件,安裝並簡單使用步驟: 1、項目:一個前端基於vue框架的項目。我用的是一個項目模板(下載路徑:https://github.com/nolimits4web/Framework7-Vue-Webpa

原创 @Media媒體查詢 ----筆記

整理一下關於@media適配的筆記: 1、適配主流分辨率 我所碰到的項目大都需要適配 1280*800, 1366*768, 1920*1080 分辨率:1280*800 /* 所適配的條件: 在1280*800下瀏覽器

原创 Yii 筆記:Pjax整理

走在 php 的路上:Pjax整理 首先什麼是pjax,官方解釋自己搜一下,對於現在的我來說,pjax 就是將我們平常寫的 ajax 加以優化了一下。 優點:     1、一樣的局部刷新,但是 pjax 可以更新 url     

原创 jQuery實現簡單瀑布流佈局

WaterFull 最近正在實習,痛苦的實習日子,不過學到了超多。。。。 前幾天剛好在做網頁的瀑布流佈局,本來使用的是masonry.js插件,但倒黴的是這個插件對jQuery版本有所限制,公司模板使用的是2.1.0,然而mosonry

原创 js實現評分功能---打星(包含半星)

結果展示圖: 所用的素材: 我的實現原理很簡單,就是根據點擊事件更換背景圖就好了。關鍵點就是5個背景圖變換時相關聯的,並不是獨立的。。。就是這樣 html代碼實現: <div class="setgrade"> <di

原创 前端修煉之圖片操作---查看

實現結果圖:                   簡單的實現照片的瀏覽查看,查看照片張數是根據你讀取了幾張照片,我例子裏是讀取了5張。 查看結構由一個主展示圖片塊和一個照片目錄塊組成。照片目錄可放多個,因寬度和喜好而定,例子中我放了

原创 Firfox:bootstrap小圖標無法顯示

正在做畢設,準備用bootstrap來寫後臺管理系統,既方便有美觀 在使用bootstrap圖標時,出現了問題,顯示如下: 原本是個垃圾筐的圖標,現在顯示錯誤了。以爲是庫沒連好,結果ie顯示 卻是正常的,是fiefox配置問題。

原创 前端修煉之圖片操作---添加

實現結果圖: 實現原理:該功能關鍵難點就是將input原始樣式隱藏,將input的點擊事件牽引到我們所想的地方或是圖片上。我將每個input包含在他們相應的label元素中,利用for屬性使他們相關聯,這樣label元素上就有了inp

原创 js實現滾動功能---公告欄

最近找工作找的頭昏腦脹,突然發現自己之前是多麼的幸福。。。。 閒下來,充實我的博客 滾動公告欄 滾動公告欄,之前在畢設中就實現過一次,現在翻出來重新寫一次。 原理:div公告欄(#part2)設置具體寬高,並設置溢出隱藏,這個地方就是

原创 css實現div於窗口居中

樣式圖: 首先頁面覆蓋整個窗口(無滾動條) html, body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hi