我覺得最深不過直接回答編譯原理相關(guān)內(nèi)容過就好了。
最簡(jiǎn)單直接的回答就是可以用字符串替換實(shí)現(xiàn),根據(jù)css語法規(guī)范將sass、less替換成css: F(sass)=>css。實(shí)現(xiàn)這么一個(gè)字符串處理函數(shù)就好了,而如何實(shí)現(xiàn)可以用編譯原理的理論知識(shí)來說明。
粗略的個(gè)人見解,細(xì)節(jié)沒細(xì)說。
用一個(gè)包裹層設(shè)置 overflow: hidden 把內(nèi)層的滾動(dòng)條遮住.
在線demo: https://codepen.io/liximomo/p...
<div class="scrollerContainer">
<div class="scroller">
<div class="content">填充內(nèi)容, 請(qǐng)左右滾動(dòng)</div>
</div>
</div>
.scrollerContainer {
height: 40px;
overflow: hidden;
}
.scroller {
height: 40px;
width: 300px;
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 20px;
}
.content {
width: 600px;
}show me
在指令的構(gòu)造函數(shù)里面注入ElementRef,便可操作引用指令的元素
file對(duì)象上面有信息啊,對(duì)文件名做正則判斷啊
var draw = function(img) {
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
context.shadowBlur = 20;
context.shadowColor = "#000000";
context.drawImage(img, 0, 0);
var colorData = canvas.getPixelColor(1, 1); // 獲取x=1,y=1像素處的顏色
var color = colorData.rgba;
$("body").css("backgroundColor", color);
$("#currentColor").html("當(dāng)前像素(1, 1)顏色為: " + color);
}
$(document).ready(function () {
var img = new Image();
img.src = "images/demo.jpg";
$(img).load(function () {
draw(img);
});
});vue項(xiàng)目根目錄下有個(gè)static文件夾,靜態(tài)圖片和json等都在這個(gè)目錄下相對(duì)引用,打包之后這個(gè)文件夾下的內(nèi)容會(huì)打到發(fā)布項(xiàng)目的static,兩個(gè)路徑一致,就可以直接顯示了
在當(dāng)前組件的sass文件內(nèi)還要引入variables.scss才行,可是在styles.scss內(nèi)不是引入了嗎?而且去掉styles.scss內(nèi)的@import 'variables'也根本沒有影響,可是安裝ngx-bootstrap的文檔里加這個(gè)是有什么作用呢?
不能引用相對(duì)路徑中的圖片,要放到assets文件夾中
像樓上說的,應(yīng)該是websocket,這個(gè)代碼不同語言的代碼是不一樣的,你只需要了解websocket是什么,怎么用就行了,直接去百度吧。
兩種方法任選其一
1:把#btn{line-height:55px;}去掉,讓#icon 里的line-height去撐開它的父元素;
2:把#icon {display: inline-block}改為icon {display:block};
這個(gè)錯(cuò)誤的原因有很多種,能提供一下詳細(xì)的代碼片段嗎?
div模擬吧,你用火狐調(diào)試,alert都不生效了。
而且alert、confrim在各種瀏覽器下樣式不一,還是模擬的好。
使用Element.getBoundingClientRect()來獲取相對(duì)于viewport的位置,
2個(gè)元素top位置的差就是偏移量
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{
padding: 0;
margin: 0;
width: 100vw;
height: 100vh;
}
.container{
position: absolute;
left:10px;
top:10px;
width: 500px;
height: 500px;
background-color: #ffffff;
box-sizing: border-box;
border:1px solid #cccccc;
overflow: hidden;
}
.child{
width: 100%;
height: 200%;
background-color: red;
border: 1px solid red;
box-sizing: border-box;
}
.calcButton{
position: absolute;
left:0;
bottom:0;
width: 100px;
height: 50px;
box-sizing: border-box;
}
.child-wrapper{
position: absolute;
left:0;
right: 0;
top:0;
bottom:50px;
overflow-x: hidden;
overflow-y: auto;
}
</style>
</head>
<body>
<div class="container">
<div class="child-wrapper">
<div class="child"></div>
</div>
<button type="button" class="calcButton">計(jì)算</button>
</div>
<script>
document.querySelector(".calcButton").addEventListener("click",function(){
var childWrapperRect=document.querySelector(".child-wrapper") .getBoundingClientRect();
var childRect=document.querySelector(".child") .getBoundingClientRect();
this.innerText="當(dāng)前偏移-"+(childWrapperRect.top-childRect.top);
});
</script>
</body>
</html>需要把二進(jìn)制流轉(zhuǎn)成img
var kaiguan=1;
onclick=function(){
if(kaiguan){
alert('執(zhí)行第一次操作');
kaiguan = 0;
}
}
下面的代碼可以解決這個(gè)問題,但是手機(jī)訪問頁(yè)面,還是會(huì)報(bào) Connection reset by peer: socket write error 這個(gè)錯(cuò)誤,希望能有解決辦法。
public void test() {
try {
File f = new File("E:/cath264.mp4");
if (!f.exists()) {
response.sendError(404, "File not found!");
return;
}
RandomAccessFile randomFile = new RandomAccessFile(f, "r");//只讀模式
long contentLength = randomFile.length();
String range = request.getHeader("Range");
int start = 0, end = 0;
if(range != null && range.startsWith("bytes=")){
String[] values = range.split("=")[1].split("-");
start = Integer.parseInt(values[0]);
if(values.length > 1){
end = Integer.parseInt(values[1]);
}
}
int requestSize = 0;
if(end != 0 && end > start){
requestSize = end - start + 1;
} else {
requestSize = Integer.MAX_VALUE;
}
byte[] buffer = new byte[4096];
response.setContentType("video/mp4");
response.setHeader("Accept-Ranges", "bytes");
response.setHeader("ETag", "cath264");
response.setHeader("Last-Modified", new Date().toString());
//第一次請(qǐng)求只返回content length來讓客戶端請(qǐng)求多次實(shí)際數(shù)據(jù)
if(range == null){
response.setHeader("Content-length", contentLength + "");
}else{
//以后的多次以斷點(diǎn)續(xù)傳的方式來返回視頻數(shù)據(jù)
response.setStatus(HttpServletResponse.SC_PARTIAL_CONTENT);//206
long requestStart = 0, requestEnd = 0;
String[] ranges = range.split("=");
if(ranges.length > 1){
String[] rangeDatas = ranges[1].split("-");
requestStart = Integer.parseInt(rangeDatas[0]);
if(rangeDatas.length > 1){
requestEnd = Integer.parseInt(rangeDatas[1]);
}
}
long length = 0;
if(requestEnd > 0){
length = requestEnd - requestStart + 1;
response.setHeader("Content-length", "" + length);
response.setHeader("Content-Range", "bytes " + requestStart + "-" + requestEnd + "/" + contentLength);
}else{
length = contentLength - requestStart;
response.setHeader("Content-length", "" + length);
response.setHeader("Content-Range", "bytes "+ requestStart + "-" + (contentLength - 1) + "/" + contentLength);
}
}
ServletOutputStream out = response.getOutputStream();
int needSize = requestSize;
randomFile.seek(start);
while(needSize > 0){
int len = randomFile.read(buffer);
if(needSize < buffer.length){
out.write(buffer, 0, needSize);
} else {
out.write(buffer, 0, len);
if(len < buffer.length){
break;
}
}
needSize -= buffer.length;
}
randomFile.close();
out.close();
} catch (Exception e) {
e.printStackTrace();
}
}
ios二次分享時(shí),分享鏈接不能為安全域名+端口,只能時(shí)安全域名(默認(rèn)端口)
但是操蛋的時(shí)android二次分享時(shí),分享鏈接帶端口號(hào)沒問題,一切正常;
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問,美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。