原创 【解決】移動端設備·橫豎屏時頁面內容字體大小調整的問題

首先判斷是不是橫豎屏導致的問題,所以要代碼檢驗一下。 window.orientation 對象在手機上纔可生效。 <script type="text/javascript"> var evt = "onorientati

原创 React 實現驗證碼倒計時功能

export default class Register extends React.Component { constructor(props) { super(props) console.log(props)

原创 如何改寫原生input type="radio"的樣式

默認的radio樣式: 需要實現的效果: <html lang="zh-CN"> <head> </head> <body> <div class="input_radio"> <input type="radio" n

原创 Ubuntu:Sublime3 安裝

Ubuntu 14.04 64位 1.添加sublime-text-3軟件包的軟件源 sudo add-apt-repository ppa:webupd8team/sublime-text-3 2.更新系統軟件源 sudo apt-g

原创 javascript 禁止下拉頁面 “橡皮筋“效果

下拉顯示的頂部深灰色區域即是橡皮筋效果 1.第一種 document.body.addEventListener('touchmove', function(event) { console.log(event.source);

原创 點擊menu導航切換,顯示不同的內容模塊

先上張需要實現的參考圖: 之前每次寫帶些交互的時候,總想着用javascript來實現,但是後來跟同事的交流下,現在開發,如果不得已一定要使用javascript來實現,一般我都會首選css來實現。 HTML 部分的內容: <div

原创 CSS 點擊事件on 和onclick有什麼區別? // CSS關於文本的那幾個實用的屬性

2.CSS文本 2.1 white-space: pre-line; 強制文字進行換行,前提是在文本中要先在文字中加” \n “,這樣css識別出來在此處進行強制換行。 word-wrap:normal | break-word, b

原创 css 實現 section(塊) 的左右滑動,以及塊內文字居中的效果

實現一個左右滑動的的效果(因爲這個偶爾會經常的用到,所以做一個整理,供日後參考,寫起來也方便些) 直接上代碼:HTML: <div class="resource_audios_section"> <ul>

原创 鼠標拖拽窗口效果(不允許拖出屏幕的可視區域)

html樣式 <body> <div id="div1"></div> </body> css樣式 #div1 { width: 200px; height: 200px; background: #deb

原创 關於CSS 僞類及僞元素

CSS 屬性: font: bold 20px/30px Arial; 意思代表的是:font-weight: bold; font-size: 20px; line-height: 30px; font-family: Arail

原创 Virtual-Box Ubuntu 16.04 你應該這樣來安裝Chrome google 瀏覽器

最近寫一個項目需要用到ruby來進行開發,但是作爲一個只能在windows pc 上來開發的程序員來說,固然需要在windows上做一堆的配置。已經把我搞的瘋掉了,沒錢買mac就只能VirtualBox上搭一個ubuntu來進行開發了。

原创 觸摸屏幕,滾動頁面內容到底部,上拉刷新顯示數據

今天學習的新知識點 1.上拉頁面到底部,刷新數據 $(document).ready(function() { $(window).scroll(function() { //獲取垂直滾動的距離

原创 仿微信移動端的底部導航切換,顯示高亮文字和圖片

在實現移動手機端的操作時,難免會需要用到切換icon 高亮的操作,下面就來說說切換這點事。 因爲之前沒寫過這養分開切換顯示的操作,只寫過針對當前對象進行切換,但是,其實原理和思路很簡單: 就是點擊選中當前元素,改變當前元素的顯示效果,當

原创 js點擊縮略圖,整屏居中放大圖片

需要實現的效果圖: 今天開發的時候,遇到要點擊縮略圖之後居中顯示圖片的大圖查看(大致效果如上圖所示)~想了好幾種實現方式,最開始的時候,是想通過animate來點擊圖片進行顯示,可是後來當我想要讓放大的圖片進行居中顯示和點擊別的地

原创 【H5開發】ubuntu(virtualBox)上通過橋接方式配置ip供手機端訪問

最近因爲開發H5,需要在手機上進行查看,修改。之前在windows上開發的時候,在手機端查看頁面的話,是通過nginx來進行配置和訪問的。但是zai virtual-box上跑ubuntu的時候,就出現了問題,因爲nginx無法配置,所以