嘗試用音頻視頻插件可是把問題弄的好復雜,最后的最后我放棄了better-scroll。
Vuejs單頁應用需要開啟Router的 history功能.才能更好的去實現(xiàn)前進后退
其實這個問題屬于前端如何切換主題
不要總是陷入react框架里面
你先看看原生的怎么實現(xiàn)的吧
react就自然懂了
https://www.jianshu.com/p/fe8...
https://segmentfault.com/q/10...
Uncaught ReferenceError: x is not defined at <anonymous>:6:13
代碼中x未被定義,你可能是在其他地方定義了全局x=6了,所以才會出現(xiàn)你說的x打印出來是6
你的第一個問題:返回的是undefined呢?看到問題第一反應是用變量提升來幫你解答,但是看到第二個問題,你竟然問:不是應該也返回10嗎?突然猶豫要不要解答第一個問題了。
本來寫法:
function fn1(){
for(var i=0;i<4;i++){
var tc=setTimeout(function(){
console.log(i);
clearTimeout(tc)
},10);
}
}
fn1()
定時器回調函數(shù)里的i
是fn1函數(shù)
里for循環(huán)的i
。fn1函數(shù)
執(zhí)行完畢,定時器回調函數(shù)還保留著對fn1函數(shù)
的變量對象的引用。
結果:一次性輸出4。
你問題里的寫法:
每次 for 循環(huán)的i
作為參數(shù)實時傳給了定時器回調函數(shù),這樣就沒有閉包什么事了~~
step 1: 畫個圓。
step 2: 劃分獎項區(qū)域,如0~60°一等獎....
step 3: 在0~360隨機生成一個角度(此時獎項已生成),
step 4: 設置默認快速旋轉n圈,結束之后速度遞減旋轉到生成角度位置。
只是提供一個思路
在webpack里配置這個插件eslint-loader
用flex布局可以解決這個問題
跟你一樣的div結構,為了便于看清和區(qū)分,里面寫了字母。樣式里每個div都加了背景色。完整代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Title</title>
</head>
<style>
body {
margin: 0;
}
.contain {
background: gray;
height: 400px;
display: flex;
flex-direction: column;
}
.A {
background: red;
}
.B {
background: yellow;
flex-grow: 1;
}
.C {
background: blue;
}
</style>
<body>
<div class="contain">
<div class="A">a</div>
<div class="B">b</div>
<div class="C">c</div>
</div>
</body>
</html>
運行效果如下:
下面白色的部分是網(wǎng)頁的空白部分??梢钥闯?,已經(jīng)實現(xiàn)了你要的效果。A B C我都沒有給高度,B的高度是自動填滿contain的,所以壓根看不到contain的灰色。
你可以復制代碼自己運行一下,在瀏覽器里隨意的改contain、A、C的高度,不管怎么改,B都會自動填充。
如果解決了你的問題,給我個采納吧!
var fetch = require('node-fetch');
async function gen () {
let url = 'https://api.github.com/users/github';
let result = await fetch(url);
let json = await result.json();
console.log(json);
}
gen()
.then(json => console.log(json));
非要用 generator 的話,根據(jù)它的原理,必須修改 gen 函數(shù):
function* gen () {
let url = 'https://api.github.com/users/github';
let result = yield fetch(url);
console.log(result);
}
const gened = gen();
let result = gened.next();
result.value.then(fetch => fetch.json())
.then(json => {
gened.next(json);
});
此段代碼可以在阮一峰的 ES 異步任務的封裝 中找到。
你的代碼省略掉了關鍵部分,這個刪除應該有網(wǎng)絡異步請求。頁面卸載了,執(zhí)行setState當然報錯
123123
前后端分離,項目不大的話就是直接調用后端API,只要能提供API,用什么語言無所謂。
不按需加載也包含啊。
webpack 的理念就是把所有的東西都作為模塊,js、css、fonts、json、images、……
如果不在 jsx 文件里面 import,可以直接在 html 里面引入
這個問題終于被哥攻克了
在Menu里添加@on-select="routeTo"
然后在
methods: {
routeTo(e) {
this.$router.push(e);
}
}
import pandas as pd
data1 = [{'a': '1', 'b': ''}, {'a': '', 'b': '2'}]
data2 = [{'a': '', 'b': '3'}, {'a': '4', 'b': ''}]
df1 = pd.DataFrame(data1)
df2 = pd.DataFrame(data2)
for i, row in df1.iterrows():
for key in row.keys():
if not row[key]:
row[key] = df2.loc[i][key]
print df1
可以試試Vanilla.js中的慣性滾動和視差效果插件luxy.js
https://github.com/min30327/l...
DEMO:https://min30327.github.io/lu...
luxy.js / targetsUpdate
:) 其實我對這個也不是很熟。
luxy.js是視覺差效果插件,似乎不支持元素寬高的改變,demo的字體放大效果也是改變元素的3d位置帶來的視差效果(并沒有真正放大hiahia)。但是對元素的update事件是在targetsUpdate這個函數(shù)里執(zhí)行的,
targetsUpdate : function(target){
target.top += (this.scrollTop * Number(this.settings.targetSpeed) * Number(target.speedY) - target.top) * this.settings.targetPercentage;
target.left += (this.scrollTop * Number(this.settings.targetSpeed) * Number(target.speedX) - target.left) * this.settings.targetPercentage;
var targetOffsetTop = ( parseInt(target.percentage) - target.top - parseInt(target.offset) );
var offsetY = Math.round(targetOffsetTop * -100) / 100;
var offsetX = 0;
if(target.horizontal){
var targetOffsetLeft = ( parseInt(target.percentage) - target.left - parseInt(target.offset) );
offsetX = Math.round(targetOffsetLeft * -100) / 100;
}
target.elm.style.transform = 'translate3d(' + offsetX + 'px ,' + offsetY + 'px ,' + 0 +')';
},
想要實現(xiàn)上述效果的話,在這里加生你想要的css3效果應該能行吧?當然這里做了改動就會影響全局的效果,如果只是個別元素需要縮放,可以仿照這個函數(shù)單獨添加一個縮放函數(shù)、或在當前函數(shù)下傳入?yún)?shù)并判斷(縮放可用css3/cubic-bezier等屬性實現(xiàn))
下為改變元素3d位置的源碼位置。
target.elm.style.transform = 'translate3d(' + offsetX + 'px ,' + offsetY + 'px ';
當然,還有基于Animate.css的wow.js也是很不錯的插件
wow.js
animate.css
官網(wǎng)示例:
<button v-on:click="warn('Form cannot be submitted yet.', $event)">
Submit
</button>
// ...
methods: {
warn: function (message, event) {
// 現(xiàn)在我們可以訪問原生事件對象
if (event) event.preventDefault()
alert(message)
}
}
data是一個方法,不是一個對象,你這樣寫vue編譯的時候就報錯了吧,還打什么包
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學院和江蘇省首批服務外包人才培訓基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術與教育服務機構,發(fā)展為教育服務業(yè)的綜合性企業(yè)集團,成為集合面授教學培訓、網(wǎng)
達內教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務負責iOS教學及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術, 熟練的跨平臺面向對象開發(fā)經(jīng)驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術顧問,美國Dachieve 系統(tǒng)架構師,美國AngelEngineers Inc. 系統(tǒng)架構師。