float就不需要用inline-block了.product_layout中加上背景色, 看看文字是否超出容器的范圍因為 if(this.width==290){你只在第一次的時候檢測了,后來的 interval 里沒有去檢測,所以失敗。
//子組件
<template>
<div><canvas width="400" height="400" ref="drawing"></canvas></div>
</template>
<script>
var interval;//new added
export default {
mounted(){
interval=setInterval(this.drawing,200);
},
name: "canvas-animation",
data(){
return {width:100}
},
methods:{
drawing() {
var context=this.$refs.drawing.getContext("2d");
context.fillStyle="#409eff";
context.fillRect(10,10,this.width,this.width);
this.width=this.width+10;
if(this.width==290){
console.log("over");
clearInterval(interval);
}
}
}
}
</script>
<style scoped>
</style>setLoading是可有可無的,類型為setLoading的類型
localhost其實就是域名,類似baidu.com,對應(yīng)的IP地址通常是127.0.0.1,只能被自己的電腦的本地應(yīng)用所訪問,即使是在同一個局域網(wǎng),別人也訪問不了,他在自己的瀏覽器輸入localhost訪問的是他電腦上的應(yīng)用。所以可以按照樓上的做法,設(shè)置你的應(yīng)用所起的服務(wù)器的ip是自己電腦的IP地址,這樣同一局域網(wǎng)的其他人才可以訪問。
定時器 setInterval
setInterval() 方法重復(fù)調(diào)用一個函數(shù)或執(zhí)行一個代碼段,在每次調(diào)用之間具有固定的時間延遲。
返回一個 intervalID。
setInterval(function () {
var date1 = '2016/05/03 00:00:00';
var date2 = new Date();
var date3 = date2.getTime() - new Date(date1).getTime();
var days = Math.floor(date3 / (24 * 3600 * 1000));
var leave1 = date3 % (24 * 3600 * 1000);
var hours = Math.floor(leave1 / (3600 * 1000));
var leave2 = leave1 % (3600 * 1000);
var minutes = Math.floor(leave2 / (60 * 1000));
var leave3 = leave2 % (60 * 1000);
var seconds = Math.round(leave3 / 1000);
console.log(" 相差 " + days + "天 " + hours + "小時 " + minutes + " 分鐘" + seconds + " 秒");
}, 1000)你確實理解錯意思了。給的 n 是最后要生成的魔法幣數(shù)量,是從最開始的 0 個,怎么使用 1 和 2 這 2 個魔法機器生成 n。
解法:
1 號機器是 2x+1,是一個奇數(shù);2 號機器是 2x+2,是一個偶數(shù)。所以可以考慮從后往前推。比如給的示例 10,最后一步只能通過 2 號機器獲得,用 (10 - 2)/ 2 得到倒數(shù)第二步的結(jié)果是 4;說明還是用 2 號機器,用 (4 - 2)/ 2 得到倒數(shù)第三步的結(jié)果是 1;是奇數(shù),那肯定是用 1 號機器了。
最后將結(jié)果反過來,就是 122 了
你的blob是個字符串。
拿走,不謝。直接運行以下代碼會報跨域,你換個你同域地址?;蛘哐b個瀏覽器跨域插件
fetch(`https://static.segmentfault.com/v-5a7c12fe/global/img/logo-b.svg`).then(data=>{
const blob = data.blob();
return blob;
}).then(blob=>{
let reader = new window.FileReader();
reader.onloadend = function() {
const data = reader.result;
console.log(data);
};
reader.readAsDataURL(blob);
})
需要嗎,或許我可以
自定義動畫
執(zhí)行這個動畫就好了
@keyfarmes animate{
0% {left 0px, right 0px}
....
50% {left:500px, right:500px}
....
100% {left:0px, right:0px}
}
0-50% 第一個階段
50-100 第二階段
前端做不了的 實在想用js做的話
nodejs下用這個https://www.npmjs.com/package...
你的做法不對,不應(yīng)該用反向代理,你這些都是靜態(tài)資源,為何不直接放到nginx的目錄下?
使用animateMotion中的rotate屬性,這是為auto,傳送門https://www.w3.org/TR/SVG/ani...
[TOC]
為元素綁定一個 oncontextmenu 事件
<body>
<div id="app" oncontextmenu="self.event.returnValue=false">
// ...vue代碼/模板
</div>
</body>
思路: 右鍵元素(tree 節(jié)點)時觸發(fā)節(jié)點左鍵綁定的事件
<el-tree
:data="data"
:props="defaultProps"
@node-click="handleNodeClick"
@contextmenu.native='contextmenuTrigger=true'>
此處注意, 右鍵菜單綁定在 tree 組件上
tree 節(jié)點的信息methods: {
// handleNodeClick為 elementui 封裝的事件函數(shù)(@node-click), 左鍵點擊節(jié)點時觸發(fā);
// http://element-cn.eleme.io/#/zh-CN/component/tree#tree-shu-xing-kong-jian 搜索關(guān)鍵詞: node-click
handleNodeClick(data) {
console.log(data);
// !核心 : 節(jié)點數(shù)據(jù)被獲得
this.thisformdata = data;
}
}
// vue鉤子: 頁面加載完畢后 , 通onload
mounted() {
/**
* 部門管理 tree 組件, 右鍵功能
* 這里我借助了jq, 使用原生也可以, 核心思想即調(diào)用 tree 節(jié)點的左鍵事件
* */
$(document).on('contextmenu', '#departmentTree [role="treeitem"]', function (event) {
// 此處阻止冒泡是因為節(jié)點層級過深, 必須阻止
event.stopPropagation();
// 調(diào)用 tree 節(jié)點左鍵點擊綁定的事件
$(this).click();
});
},
建議參考: https://segmentfault.com/q/10...
授人予魚不如授人予漁
雖然有爛尾的嫌疑, 但是
來口交我啊!
最后一步使得 功能欄失焦的方法 實在 想不出來, 可以聯(lián)系我的qq, 在我的個人信息里;
加好友時請附上你的簡略信息
!
原文鏈接: https://segmentfault.com/q/10...
附錄1 :
附錄2 :
https://stackoverflow.com/que...
這個是chrome的可以參考一下。
你這個需求明顯與瀏覽器有關(guān),必然存在兼容問題。
一般來說,是兼容性問題,試試引如babel-polyfill,應(yīng)該可以解決你的問題
npm i babel-polyfill -S
import 'babel-polyfill'不知道答案,但是react這個16版本以后呢,就可以支持組建不需要返回一個容器,而是數(shù)組之類的,react16新特性,這樣既可以讓子組件和父組件同級,那么無論多后代的組件都可以;其他的還不確認。
line-height: 1
北大青鳥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)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務(wù)負責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)師。