原创 jQuery移動端拆紅包功能的實現

window.onload = function(){ var arr = winningArr(9,3);// 可抽獎次數var i = 2;// 已經抽獎次數var j = 0;// 抽獎$('.redPacket_ul li').

原创 zr20170110-html

html標籤(早上) <div>主要是用來劃分結構的</div><!--打div之後按tab鍵可以顯示全部--><p>p是段落標籤,也可以用來劃分結構</p><!--div,p,h1到h6是塊級標籤--><b>b標籤有加粗效果</b><!

原创 zr20170116-css

1.css的三種樣式鏈接方式 a.行內樣式方法。例如:<div class="box" style="width: 500px; height: 500px;"> b.內聯樣式方法。例如:<style type="text/css">.b

原创 移動端rem單位自適應的用法

規範html的自適應字體大小,使得單位rem能夠自適應: (function(doc, win) {var docEl = doc.documentElement, resizeEvt = 'orientationchange' in w

原创 解決ios13+動作與方向的權限的獲取問題,從而導致無法實現搖一搖

function iosGrantedTips(){     var ua = navigator.userAgent.toLowerCase();     if(ua.indexOf("like mac os x") > 0){    

原创 zr20170114-html+css

html表單: method屬性:表單數據可以作爲 URL 變量(method="get")或者 HTTP post (method="post")的方式來發送 input的type屬性:color可以選擇顏色;range可以左右調節(類

原创 jQuery九宮格抽獎功能的實現

var lottery={     index:-1,    //當前轉動到哪個位置,起點位置     count:0,    //總共有多少個位置

原创 原生js實現公告欄向上滾動

window.onload = function(){ //調用滾動條函數的界面notice(".notice_ul",5);, } function notice(node,num){//信息滾動,獲取ul的dom元素var news_

原创 zr20170117-css

1.精靈圖 主要是通過多個小圖標放在一張大的圖片上面,在用到的時候通過nth-child(3)來調整所需的圖片位置。例如background: url(img/sprite_01.jpg) no-repeat 0 -80px中的-80就是

原创 js移動端判斷手機系統

var u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手機 alert("安卓手機"); // window

原创 Vue:不同頁面之間的傳遞參數--params

1.參數在url中顯示 首先你要確定自己要傳的參數,並在控制路由的文件中的Router中path內添加對應的字段如: {       path: '/details/:id',       name: 'details',      

原创 vue.js 2.x 版本腳手架中沒有dev-server.js 如何進行數據模擬

參考了別人的代碼,可以用,記下來:最新的vue裏dev-server.js被替換成了webpack-dev-conf.js在模擬後臺數據的時候直接在webpack-dev-conf.js文件中修改第一步,在const portfinder

原创 Sublime Text 3安裝及常用插件安裝

1.  崇高文字3下載:直接上百度輸入Sublime Text 3點進官網,然後點導航欄的下載按鈕進去,就可以看到選擇不同操作系統的下載2。 Sublime Text 3安裝:傻瓜式安裝,一直點下一步即可。3. Sublime Text

原创 git(碼雲)的使用:線上代碼和線下代碼的統一

一的.ssh公鑰的生成1.先在碼雲上面建一個項目的私有倉庫,打開碼雲的設置選項,選中SSH公鑰選項2.公鑰的生成:b必須得先安裝好git,驗證電腦上是否安裝好git可以直接通過cmd敲git --version的命令來查看git版本,同時

原创 CSS實現單行、多行文本溢出顯示省略號

如果實現單行文本的溢出顯示省略號同學們應該都知道用text-overflow:ellipsis屬性來,當然還需要加寬度width屬來兼容部分瀏覽。實現方法:overflow: hidden; text-overflow:ellipsis;