原创 JS獲取網頁的高和寬 以及 點擊按鈕回到頂部或者底部動畫
網頁可見區域寬： document.body.clientWidth 網頁可見區域高： document.body.clientHeight 網頁可見區域寬： document.body.offsetWidth (包括邊線的寬)
2020-06-16 11:44:22
原创 js循環遍歷方法大全
1.while 循環: While語句包括一個循環條件和一段代碼塊，只要條件爲真，就不斷循環執行代碼塊。 while (條件) 語句; // 或者 while (條件) 語句; //舉例： var i =
2020-06-16 11:44:22
原创 HTML5 新內容 js數組方法 以及 字符串方法
js數組方法： filter foreach indexof… https://www.cnblogs.com/xiao-hong/p/3194027.html H5新內容： https://blog.csdn.net/flq
2020-06-16 11:44:22
原创 解決IE以及其他瀏覽器的css3樣式的兼容問題
border-radius： 需要PIE.js文件的引入 以及 behavior: url(路徑/PIE.htc); .southone{ width: 24px; height: 24px; borde
2020-06-16 11:44:22
原创 根據hash值 滑動到指定位置以及樓層效果
根據hash值 滑動到指定位置 eg： <a href="#page2">page2</a> <div id="page1">page1</div> nav.find("a[href^='#']").click(func
2020-06-16 11:44:22
原创 Jquery一些用法和技巧
1，禁用頁面的右鍵菜單 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false;
2020-06-16 11:44:22
原创 小程序與H5頁面之間的跳轉
小程序跳轉H5頁面 ： wxml： <view bindtap="clickTab"></view> js： clickTab: function (e) { var that = this; wx.naviga
2020-06-16 11:44:22
原创 判斷是否是微信環境下打開的頁面(微信頁面 小程序 H5)
var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){
2020-06-16 11:44:22
原创 解決html5 video audio 遇到的問題
1.在移動端無法播放或者白屏的問題 安卓 ios 加入 webkit-playsinline playsinline 即可 <video muted src="" loop="loop" autoplay="autoplay"
2020-06-16 11:44:22
原创 CSS動畫 圖片或者文字上下來回循環上下移動
CSS動畫 圖片或者文字上下來回循環上下移動 @keyframes dong { 0% { transform: translate(0px, 0px);
2020-06-16 11:44:22
原创 小程序圖片文字水平垂直居中對齊解決方案 以及 彈框出現禁止滾動
我們知道常用的居中對齊方式有很多種例如： text-align:center; align-items:center; justify-content: center; margin: auto; #子容器在父容器中居中 但是
2020-06-16 11:44:22
原创 js通過鍵取url地址欄的值 以及刷新頁面默認自動回到頂部
js通過鍵取url地址欄的值 function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$
2020-06-16 11:44:22
原创 安卓手機點擊input 自帶鍵盤會擋住輸入框的問題
1.寫個js即可（對於vue項目，將js寫在mounted即可） // 處理安卓手機輸入法遮擋輸入框問題 if ((/Android/gi).test(navigator.userAgent)) { wi
2019-07-30 05:51:16
48
原创 JQ slideToggle() 等等 動畫方法 防止多次點擊出現的BUG
第一種： if(!$(".panel").is(":animated")){ //****這裏有判斷 .panel這個元素 是否處於動畫****** $(".panel").slideToggle
2019-07-30 05:51:16
1
原创 vue常用第三方插件以及知識點
vue-router routes: [{ path: '/', name: 'Home', // component: Home 老方法 component: ()=>import('@/pag
2019-04-29 18:44:48