原创 關於強制換行的總結

前言:工作時,遇到了很多關於換行的一些問題,才發現自己對css的樣式有些理解的並不透徹。現在根據我目前做的項目來具體問題具體分析下。(PS:感謝細微不至的測試妹子幫我挖掘的無窮無盡的bug==!) 上圖是我沒加任何換行限制,瀏覽器默認狀

原创 關於jquery的彈窗組件簡單封裝

前言:由於自己工作時多數是基於移動端的頁面工程,很多時候都需要用到彈窗組件,網上也有很多好用,五花八門的彈窗插件,但是由於網上各個版本有些功能過於強大,導致插件大小比較大,有些樣式不好自己進行各種自定義設計,有些則是達不到自己想要的那種需

原创 基於angularJs重構一個基於jquery的項目

前言 公司裏面的項目全部都是基於jquery庫的,講真的,jquery真的是腳本中的鴉片,一旦碰上真是難以戒掉,像我在學校讀書的時候也沒有多瞭解外面有哪些比較牛逼比較高大上的js插件,原生腳本學的差不多就立馬用jquery,導致現在很懶用

原创 web錯題筆記(二)

touchstart、touchmove、touchend等是html5上的觸摸事件,所以只能以類 似$('**').on('touch',**) 的方式,而不能用$(**).touch defer=’defer’延遲腳本(一個頁面最

原创 用Jquery簡單封裝一個可重複調用的省市級聯動插件

前言:基於公司項目簡單封裝的一個省市聯動組件,由於只涉及廣東省內,故省份默認廣東省,由於比較簡單,自己可以重新改寫插件(樣式也可以自己定義) 效果圖: 點擊選擇城市: 選擇地區: 代碼結構: 自定義樣式: .cascade-cont

原创 解決處理後臺返回json數據格式問題

最近在做一個移動端前端項目,需要大量處理php後臺開發同事返回給我的json數據,但是返回的數據格式不是很規範,導致我這邊經常會出現以下圖各種格式問題: 於是我就加上JSON.parse 但是,又很坑爹了,這個json沒問題,其他一些

原创 gulp的使用與遇過的坑

一: 記錄錯誤: Gulp Error: Cannot find module ‘jshint/src/cli’ 問題原因: 插件安裝不完全,新版本gulp做了一些調整好像。。。。 解決方法: 使用npm install –save

原创 一個小小的移動web版音樂播放器

這個小東西是在去年八月份就完成的啦,但是由於自己一拖再拖沒有來更新博客,直到今天心血來潮想來更新下博客。 今天就來記錄下自己做完這個小小的迷你小項目—music-player。 哈哈,由於自己藝術細胞有限,再加上是個簡潔控,自己粗略設

原创 vue的坑

1. <style lang="sass" scoped type="text/css"></style> 錯誤寫法 報錯: <style lang="scss" scoped type="text/css"></style> 正確

原创 解決比較數值時候出現的異常

最近在項目中遇到一個低級錯誤,特此記下來提醒自己不再重犯。 項目情景: 後臺會返回一個當前修改次數curAsNum與上限修改次數asNum,當curAsNum等於或大於asNum時彈窗提醒用戶無法再次修改,已抵達上限。 而我最初是這

原创 解決iframe裏面又出現iframe問題

情景重現:開發後臺系統,左邊爲固定菜單欄,右邊則是一個iframe存放用戶點擊後的不同內容 如下圖所示: 但是,當用戶登陸session過期時候iframe裏面出現了一個登陸頁面,點擊登陸以後,裏面又在出現一個iframe,如下圖所示

原创 to be a better me--hello 2017

新的學習計劃 整理自己的項目成果(√ 截至2017.6.5) 掌握一些優化方法(√ 截至2017.6.5) 重構自己的部分代碼(√ 截至2017.6.5) 整理自己的小插件(√ 截至2017.6.5) 玩幾個微

原创 記一次面試

面試問題 如何居中一個div margin:0 auto 有什麼缺陷 如何編譯sass文件 webpack的作用,你在工作時候如何利用它工作 angular項目如何構建部署 pc端如何兼容各大瀏覽器 你對mvc的理解 vue.js與an

原创 angular.js學習筆記(二)

驗證 ng-model 指令可以爲應用數據提供狀態值(invalid, dirty, touched, error) <form ng-app="" name="myForm"> Email: <input type="e

原创 基於angularJS的抽獎單頁實踐

前言:之前籠統的學習了angular框架,紙上得來終覺淺,這次自己獨立完成了一個簡單的抽獎單頁。也算是給自己前面的學習一個總結和交代。 界面效果: 業務流程: 首先用戶在首頁點擊抽獎按鈕,進入抽獎界面,紅色磚塊將會快速隨機跳動,最