1.在需要滾動的層scrollbar外再加一個層hide-scrollbar。
2.然后將這個層hide-scrollbar的overflow:hidden。
3.將層scrollbar的position:absolute,并且把需要滾動的那一邊的大小設(shè)置剛好滾動條的大?。ㄓ胏alc實現(xiàn))。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<title>Document</title>
<style>
body {
max-width: 325px;
padding: 10px 30px;
}
.hide-scrollbar {
position: relative;
width: 100%;
height: 100px;
overflow: hidden;
}
.scrollbar {
position: absolute;
width: calc(100% + 18px);
height: 100%;
background-color: #ccc;
overflow-y: auto;
}
.scrollbar ul {
margin: 0;
}
.scrollbar.row {
width: 100%;
height: calc(100% + 18px);
overflow-y: hidden;
overflow-x: auto;
}
.scrollbar.row ul {
white-space: nowrap;
}
.scrollbar.row ul li {
display: inline-block;
line-height: 100px;
}
</style>
</head>
<body>
<h4>豎向</h4>
<div class="hide-scrollbar">
<div class="scrollbar">
<ul>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
</ul>
</div>
</div>
<h4>橫向</h4>
<div class="hide-scrollbar">
<div class="scrollbar row">
<ul>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
<li>demo-list</li>
</ul>
</div>
</div>
</body>
</html>
BFC(Block formatting context)了解一下,面試必考
你的body與#main的margin重疊了,你可以讓body生成BFC,使兩者邊距不重疊
滿足以下條件之一即可創(chuàng)建BFC(不全)
Canvas
SVG
你是不是應(yīng)該寫吧屬性都寫在{}里面啊 你這種寫法在.sass文件里面不會爆紅
@media only screen and (device-width:1920px){
愛的點點滴滴
}
了解HTML/HTML5中的download屬性
HTML download 屬性
例如:
<a href="/images/myw3schoolimage.jpg" download="w3logo">
把上面的a標(biāo)簽做成按鈕樣子即可。
補充;
a - HTML 屬性
download 屬性
此屬性指示瀏覽器下載URL而不是導(dǎo)航到URL,因此將提示用戶將其保存為本地文件。
如果屬性有一個值,它將在保存提示中用作預(yù)先填寫的文件名 (用戶仍然可以根據(jù)需要更改文件名)。對允許的值沒有限制,但是/和被轉(zhuǎn)換為下劃線。大多數(shù)文件系統(tǒng)限制文件名中的一些標(biāo)點符號,瀏覽器會相應(yīng)地調(diào)整建議的名稱。
注意:
此屬性僅適用于同源 URLs。
可以使用 blob: URLs 和 data: URLs 以方便用戶下載 JavaScript 方式生成的內(nèi)容(例如使用在線繪圖的Web應(yīng)用創(chuàng)建的照片)。
如果HTTP頭的Content-Disposition:存在,并且賦予了一個和這個屬性不同的文件名,HTTP頭優(yōu)先于此屬性。
如果這個屬性存在 Content-Disposition 被設(shè)置為 inline,火狐優(yōu)先 Content-Disposition,像之前文件名??的情況下,而Chrome則優(yōu)先 download 屬性。
行內(nèi)塊級元素有間隙
方法一 不換行
<div class="site-page">
<div class="site-nav"></div><div class="site-body"></div>
</div>
如果為了美觀一定要換行 方法二
用注釋連接
<div class="site-page">
<div class="site-nav"></div><!--
--><div class="site-body"></div>
</div>
其余方法請自行搜索
為什么我復(fù)制你的代碼報錯了,我自己加了一個 js,less,cdn鏈接
在dispatch ajax前將conent值設(shè)置為空。
這應(yīng)該是最簡單的辦法了。
"proxy":{
"/api":{
"target":"https://h5.ele.me",
"changeOrigin":true,
"pathRewrite": {
"^/api": "/"
}
}
}
1.細分組件
2.提取公共方法,使用的時候import進來
imageMagick 首先考慮這個工具吧 應(yīng)該是最強大的圖片處理工具了。
PC端的話有個ElementUI可以看看,和Vue是配套的,地址:http://element-cn.eleme.io/2....
dev 環(huán)境中 output 的 publicPath 是關(guān)鍵, webpack-dev-server 會默認從publicPath為基準(zhǔn)來啟動服務(wù),故導(dǎo)致錯誤。
所以設(shè)置output的path為你想生成的文件目錄, 然后publicPath 設(shè)置為默認的'/'。
感覺你現(xiàn)在做的是 藍圖 的形式。
先確定一下,你的兩個項目里的編譯器位置是否是同一個,如果是同一個,那么你就得設(shè)置藍圖。
建議參考lib-flexible源碼讀后感:
最后給body設(shè)置font-size,作者團隊也解釋了(原話):
body上設(shè)置12 * dpr的font-size值,為了重置頁面中的字體默認值,不然沒有設(shè)置font-size的元素會繼承html上的font-size,變得很大。
有可能是有pdf不支持的字體格式,引入pdf.js的字體試試
const CMAP_URL = 'https://unpkg.com/pdfjs-dist@2.0.489/cmaps/';
pdfjsLib.getDocument({
data: pdfData,
cMapUrl: CMAP_URL,
cMapPacked: true,
})thinkphp是基于http的,本身http自身是不提供客戶端和服務(wù)器間連接持續(xù)更新機制的,而且服務(wù)器端本身是不會主動向客戶端傳遞的,所有的訪問只能是服務(wù)器端響應(yīng)客戶端的請求。
所以實質(zhì)是客戶端要主動持續(xù)的進行請求
workerman是PHP socket 服務(wù)框架,而socket是可以面向連接的
要結(jié)合,想必客戶端要轉(zhuǎn)換為應(yīng)用socket連接,而不是http連接,此外thinkphp要專為socket。
localStorage 只能保存文本內(nèi)容,對于一個 DOM 對象來說如果需要保存則要進序列化處理,而不能直接扔到 localStorage 中,比如可以通過 outerHTML 來進行序列化操作:
localStorage.setItem('key', liEl.outerHTML)
更推薦你把需要的數(shù)據(jù)進行提取,只存儲一個更簡單的數(shù)據(jù)結(jié)構(gòu),這種做法更符合現(xiàn)代前端開發(fā)的思想。
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負責(zé)iOS教學(xué)及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。