原创 前端中適配各種手機模式的一種解決辦法

在前端開發中因爲有時候需要適配手機而頭痛,之前我的解決辦法都是media和js一起來適配,但是會寫好多好多代碼,今天在羣裏看到有個人發的解決辦法很好,我就發出來分享一波 <!DOCTYPE html> <html> <head>

原创 H5直播時瘋狂點讚的實現

CSS3 實現 用 CSS3 實現動畫,顯然,我們想到的是用 animation 。 首先看下 animation 合併寫法,具體含義就不解釋了,如果需要可以自行了解。 animation: name duration timi

原创 創建一個函數來判斷給定的表達式中的大括號是否閉合,返回 True/False,對於空字串,返回 True

思路: 1,檢查字符串,將左括號看成是一類,右括號看成一類 2,左括號看成是入棧的信號,右括號看成是出棧的信號 3,將左括號放在一個數組裏面,如果有右括號就把左括號的數組刪除一個元素 4,直到左括號的元素沒有,判斷是true或fa

原创 解決小程序自定義tabbar欄切換閃屏的效果(uniapp自定義同樣解決)

話不多說,直接上代碼解決問題 自定義導航欄的時候會定義一個tabbar的頁面,如下:(需求不一樣代碼不一樣,大致效果是一樣的) <view class="tabbar"> <view class="tabbar-item" @

原创 H5頁面必會遇到的問題及解決辦法

前言 在我們開發H5頁面的時候必會遇到一些兼容性等爬過坑的問題,在這裏我將這些問題彙總一下,自己也做一下筆記 問題: 1,ios滑動不流暢 2,ios上拉邊界下拉出現白色空白 3,頁面件放大或縮小不確定性行爲 4,click點擊穿

原创 基於vue商品圖片輪播和放大鏡的方案

實現原理 放大鏡的原理用一句話概括,就是根據小圖上的鼠標位置去定位大圖。 原理圖(以2倍放大爲例) 相信原理圖已經畫的很明白了, 圖中,左側框是小圖框,其藍色區域爲圖片遮罩層(需放大區域),右側框是整個大圖目前所在區域,其藍色區

原创 彈出層一些注意點

注意點一 在寫彈出層動畫時一定要注意 none和block之間的切換(可能不一定是這個,其他的只要產生出現和沒有出現都是這種情況)在寫動畫的時候一定要延遲,不延遲的話就沒有動畫的過渡 注意點二 在彈出層出現之後底下的頁面不要滾動

原创 使用uni-app做小程序的坑

校驗https 這個坑是真的讓我很難受的,在小程序的開發者工具裏面,是不自動檢驗的,一定一定要把這個√給去掉,因爲測試版本確實不檢驗https但是正式版本的都需要檢驗,所以一定要用https 定位 使用uni-app定位時需要引入

原创 css世界(面試題)

1,介紹下 BFC 及其應用 概念:BFC就是塊級格式上下文,是頁面盒模型(ie和w3c標準)佈局中的一種css渲染方式,是一個獨立的容器,這個獨立容器裏面的元素和外面的元素互不干擾,不會影響外面的元素。 創建BFC: html

原创 蘋果營銷頁中幾個有趣的交互(粘性定位sticky,滾動視差 background-attachment)

翻蓋效果 一個是屏幕慢慢打開的效果,在屏幕打開的過程中,電腦圖片 是在屏幕中固定不動的,直到打開完畢或者關閉完畢的時候再讓 電腦圖片 隨着滾動條滾動。 粘性定位 sticky 可以簡單的認爲是 相對定位 relative 和 固

原创 TinyMCE富文本編輯器

安裝tinymce-vue npm install @tinymce/tinymce-vue -S 下載tinymce npm install tinymce -S 下載tinymce完成後在node_modules 中找到

原创 vue處理sku的一種方法(返回已有庫存組合好的)

總體實現思路 接口獲取現有庫存列表以及sku規格屬性列表(坑:庫存可能存在某個商品規格沒有,所以最全的規格屬性應該是接口獲取的,而不是渲染庫存得到的) sku規格屬性列表與庫存列表對比,將沒有庫存的選項置灰 點擊某一個具體的屬性

原创 小程序城市聯動

在字母滑動到對應的字母上 wxml <view class="searchLetter touchClass"> <view wx:for="{{searchLetter}}" style="color:#666666;fo

原创 nodejs簡單的爬蟲

爬蟲:代替瀏覽器去做一個自動訪問的程序 思路: 首先建一個空的文件夾,在裏面創建app.js 在命令行裏面運行 npm install --save cheerio 找到需要爬蟲的網址http://sports.sina.com

原创 js實現無重複字符的最長字串

思路: 1,先把字符串分割分字符數組str,新建兩個數組obj,list,一個變量max 2,循環str,沒有重複的存取到obj中,max實時存取obj的長度,list拷貝沒有重複字符之前的obj 3,當有重複字符時,將obj置空