先看下靜態(tài)效果圖 實(shí)現(xiàn)的效果是滑動(dòng)右側(cè)潜沦，左側(cè)跟隨實(shí)際高度滾動(dòng) 實(shí)現(xiàn)點(diǎn)擊左側(cè)，右側(cè)滾動(dòng)到指定位置 廢話不多說陈肛，直接上代碼，分步驟： 先上DOM兄裂，這里用到了vant的tabs和s...
發(fā)簡信
IP屬地：天津
-
vue利用better-scroll插件實(shí)現(xiàn)分類頁左右聯(lián)動(dòng)效果并實(shí)現(xiàn)點(diǎn)擊左側(cè)结执，滾動(dòng)右側(cè) -
三種左右兩個(gè)列表聯(lián)動(dòng)效果這個(gè)效果我們經(jīng)常會(huì)看到比如外賣句旱，電商App的分類頁面上看到，大概就是這樣： 點(diǎn)擊左側(cè)列表右側(cè)會(huì)跳到指定位置晰奖，滑動(dòng)右側(cè)左側(cè)會(huì)跟著切換谈撒，就是這么個(gè)東西。 然后常見的交互效果有兩種...
-
仿餓了么詳情頁 左右聯(lián)動(dòng) vue+jquery
今天匾南， 給大家分享一個(gè)仿餓了么商品詳情頁的左右聯(lián)動(dòng)本方法是通過 jquery.js + vue.js 來實(shí)現(xiàn)的啃匿，小伙伴們不要忘記引入哦 HTML: css: JS:
-
前端面試總結(jié)
最近換工作，面試了幾家大廠（阿里蛆楞、網(wǎng)易溯乒、依圖科技、美團(tuán)豹爹、新H3C裆悄、丁香園、每科等）帅戒，有的拿到了offer灯帮，有的則是被當(dāng)作備胎，也有的沒有走到終面逻住。鄙人工作快6年钟哥，所以對標(biāo)崗位...
-
17場前端面試官經(jīng)驗(yàn)總結(jié)
最近小組被安排了新的開發(fā)項(xiàng)目，需要急招一個(gè)中級前端瞎访，所以在5天時(shí)間面試了17個(gè)人腻贰，我負(fù)責(zé)其中的一面環(huán)節(jié)，最后給了4個(gè)人合格扒秸，特以本文記錄我這5天的面試經(jīng)驗(yàn)播演。 1.簡歷的注意點(diǎn)...
-
【Js-002】洗牌算法具體指的是什么？大家好伴奥，我是IT修真院北京分院第27期學(xué)員写烤，一枚正直善良的前端程序員今天跟大家分享一下洗牌算法的使用。 今天講下深度思考中的知識(shí)點(diǎn) ————洗牌算法具體指的是什么拾徙？ 1.背景...
-
常見 CSS 布局方式
前言 溫馨提示：本文較長洲炊，圖片較多，本來是想寫一篇 CSS 布局方式的，但是奈何 CSS 布局方式種類太多并且實(shí)現(xiàn)方法太多暂衡，所以本文主要是介紹 flex 布局和 grid 布...
-
-
Flexbox 布局示例
感謝阮一峰老師的教程Flex 布局教程：語法篇參考資料 Flexbox——快速布局神器 本文主要用于學(xué)習(xí)Flexbox布局询微，并將教程上的布局示例操作一遍 懶得寫案例和截圖了，...
-
-
Vue3組件（七）封裝選擇類的組件分類 選擇類的組件可以細(xì)分為： 勾選 （一個(gè)CheckBox） 開關(guān) （Switch） 下拉選擇 （Select） 單選組 （radio-group） 多選組 （checkb...
-
基于Element組件封裝業(yè)務(wù)組件Element作為一個(gè)Vue的組件庫，除了有一些bug之外還是挺好用的唧领。比如實(shí)現(xiàn)一個(gè)下拉框 但如果一個(gè)系統(tǒng)中很多頁面需要用到這個(gè)東西藻雌，每次都要重寫，也是挺麻煩的疹吃，所以可以考慮...
-
封裝第三方組件（六）封裝選擇類組件
element 里面的 選擇類分的比較細(xì)致蹦疑，那么我們依次封裝一下就好。 其中 Switch 這類的好辦萨驶，沒啥特別的歉摧，Checkbox 這類的需要對 選項(xiàng)做一下統(tǒng)一規(guī)范。 ch...
-
-
vue組件封裝v-model，組件嵌套組件時(shí)封裝v-model
首先來理解下 v-model 是語法糖 與組件一起使用時(shí)核畴，簡化為 所以對于一個(gè)組件來說v-model膝但，它應(yīng)該（這些可以在2.2.0+中配置）：1.接受value道具2.用新值...
-
Stay Hungry Stay Foolish<br>常葆求知若饑 常存虛懷若愚<br><br>Blog：<a href="https://links.jianshu.com/go?to=https%3A%2F%2Fzhwhong.cn" target="_blank">https://zhwhong.cn</a><br>(原地址zhwhong.ml暫時(shí)無法訪問)
-
深度學(xué)習(xí)新星：GAN的基本原理跟束、應(yīng)用和走向(本文轉(zhuǎn)自雷鋒網(wǎng)，轉(zhuǎn)載已獲取授權(quán)丑孩，未經(jīng)允許禁止轉(zhuǎn)載)原文鏈接：http://www.leiphone.com/news/201701/Kq6FvnjgbKK8Lh8N.htm...
