在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

看來(lái)你對(duì)前端一無(wú)所知，改成下面：

PS: 請(qǐng)把你的script放到canvas元素的下方

<script>
function watermark(str){
   var img = document.getElementById("img");
   var canvas=document.getElementById("cvs");
   var ctx=canvas.getContext("2d");
   ctx.drawImage(img,0,0);
   ctx.font="20px microsoft yahei";
   ctx.fillStyle = "rgba(255,255,255,0.5)";
   ctx.fillText(str,100,100);
}
watermark('Hello world')
</script>

在線demo地址： https://codepen.io/zhipenglu/...

https://developer.mozilla.org...

不要拘泥于vue，jq這些，用萬(wàn)能的原生js，offsetWidth這些

以前用過(guò)一種方式：

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styles: [require('./app.component.scss').toString()]
})

同時(shí)你可能需要在webpack中進(jìn)行相應(yīng)的配置：

module: {
????rules: [
??????{
????????test: /\.scss$/,
????????exclude: /node_modules/,
????????use: [
??????????'style-loader',
??????????'css-loader?sourceMap',
??????????'postcss-loader',
??????????'resolve-url-loader',
??????????{
????????????loader: 'sass-loader',
????????????options: {
??????????????sassLoader: {
????????????????sourceMap: true
??????????????}
????????????}
??????????}
????????]
??????},??
???]
}

可以用css3做 ，做成一個(gè)六面盒子就可以
下面鏈接里面有一個(gè)3D盒子demo http://wwlin.cn/cssAnima.html

你這個(gè)應(yīng)該是瀏覽器兼容性問(wèn)題，我試了三個(gè)瀏覽器都是全屏顯示，不知道你用的是什么瀏覽器

你這是跑到chrome插件的腳本里面去了，可以啟用隱身tab再斷點(diǎn)調(diào)試或者把腳本block黑盒化~

路由沒(méi)錯(cuò)的話，activated觸發(fā)需要在router-view外套層keep-alive，有加么？
watch 不清楚

移動(dòng)端不出現(xiàn)滾動(dòng)條

已經(jīng)解決了，根據(jù)別人的提提醒，我發(fā)現(xiàn)這個(gè)綁定是不合理的，所以我通過(guò)getCheckNodes跟tags兩個(gè)數(shù)組循環(huán)對(duì)比，將新添加的push進(jìn)數(shù)組中，將點(diǎn)掉的splice調(diào)

我自己來(lái)填坑吧，vue中，忘了還有 prevent 這個(gè)修飾符，用上就行了，不過(guò)比較奇怪的是，如果不用這個(gè)修飾符，在后面的事件處理中就沒(méi)法再阻止了，估計(jì)是 Vue 是將傳入函數(shù)作為二次調(diào)用的，并不是直接綁定的

那你自己為啥阻止啊。。

無(wú)法限制用戶輸入了什么字符，不過(guò)你可以監(jiān)聽(tīng)input的keyup事件，然后在此事件里處理輸入的字符串。

<input type="text" [(ngModel)]="text" (keyup)="handle($event)">

handle(event){
// 在這里處理輸入的字符串，找到第一個(gè)不符合要求的字符，刪除它及它之后的所有字符

}

如果域名和路徑相同的話，直接設(shè)置一個(gè)currentGlobalStyle為false的cookie就會(huì)把之前的覆蓋掉

生成隨機(jī)數(shù)，判斷是否在前一次的數(shù)組中出現(xiàn)，如果不是就push到新數(shù)組里。

const generatorRandomArray = (function() {
  //用于保存前一次計(jì)算得到的數(shù)組
  let savedArray = []; 
  //生成隨機(jī)數(shù)的函數(shù)
  function generatorRandom(n) {
    return Math.ceil(Math.random() * n);
  }
  return function(n) {
    let newArray = [];
    for (let i = 0; i < 5; i++) {
      var num;
      while (true) {
        num = generatorRandom(n);
        //判斷隨機(jī)數(shù)是否在前一次數(shù)組中出現(xiàn)
        if (!savedArray.includes(num) && !newArray.includes(num)) {
          break;
        }
      }
      newArray.push(num);
    }
    savedArray = [...newArray];
    return newArray;
  };
})();

函數(shù)接受一個(gè)參數(shù)表示隨機(jī)數(shù)的邊界，比如generatorRandomArray(300)表示生成的隨機(jī)數(shù)在1～300

剛開(kāi)始沒(méi)看明白，以為講的是業(yè)務(wù)組件的事情。去搜了文章看才明白怎么回事。

文章來(lái)自知乎，題主以后類似問(wèn)題可以在題目中注明
https://zhuanlan.zhihu.com/p/...

這篇文章講的是組件庫(kù)的設(shè)計(jì)，全文有一個(gè)很明確的觀點(diǎn)，即組件庫(kù)應(yīng)該給使用者足夠高的自由度，以避免組件與外部的耦合，提高組件的靈活性。紅圈這里的回調(diào)并不是指一般意義上的請(qǐng)求或者事件的回調(diào)函數(shù)，而是指組件渲染的回調(diào)函數(shù)，通常組件提供這類回調(diào)時(shí)為了讓使用者聲明組件具體的渲染方式，以及數(shù)據(jù)的處理邏輯。

有一個(gè)很好的例子是antd的Table組件，該組件提供了一個(gè)展開(kāi)單行表格的功能。這里展開(kāi)的內(nèi)容就是通過(guò)回調(diào)函數(shù)來(lái)聲明的?；卣{(diào)函數(shù)提供每一行的數(shù)據(jù)（即紅圈處整個(gè)對(duì)象），由使用者負(fù)責(zé)處理數(shù)據(jù)，并返回一個(gè)DOM結(jié)構(gòu)。組件在實(shí)際渲染時(shí)，會(huì)循環(huán)調(diào)用這個(gè)回調(diào)函數(shù)，將返回的DOM結(jié)構(gòu)作為展開(kāi)行的實(shí)際內(nèi)容渲染。

如此一來(lái)，antd并不關(guān)心你傳入數(shù)據(jù)的結(jié)構(gòu)或者屬性名，因此實(shí)現(xiàn)了和后端，也就是數(shù)據(jù)源的解耦

import { Table } from 'antd';

const columns = [
  { title: 'Name', dataIndex: 'name', key: 'name' },
  { title: 'Age', dataIndex: 'age', key: 'age' },
  { title: 'Address', dataIndex: 'address', key: 'address' },
  { title: 'Action', dataIndex: '', key: 'x', render: () => <a href="#">Delete</a> },
];

const data = [
  { key: 1, name: 'John Brown', age: 32, address: 'New York No. 1 Lake Park', description: 'My name is John Brown, I am 32 years old, living in New York No. 1 Lake Park.' },
  { key: 2, name: 'Jim Green', age: 42, address: 'London No. 1 Lake Park', description: 'My name is Jim Green, I am 42 years old, living in London No. 1 Lake Park.' },
  { key: 3, name: 'Joe Black', age: 32, address: 'Sidney No. 1 Lake Park', description: 'My name is Joe Black, I am 32 years old, living in Sidney No. 1 Lake Park.' },
];

ReactDOM.render(
  <Table
    columns={columns}
    expandedRowRender={record => <p style={{ margin: 0 }}>{record.description}</p>}
    dataSource={data}
  />
, mountNode);

可展開(kāi)的組件

你把<a href="" name="a1">123</a>這句話中的href=""去掉就可以了，a標(biāo)簽中有了href=""，點(diǎn)擊a標(biāo)簽的時(shí)候會(huì)強(qiáng)制刷新頁(yè)面，導(dǎo)致你自定義的click點(diǎn)擊因頁(yè)面刷新無(wú)效。

不會(huì)有問(wèn)題的, 你把幾個(gè)幾個(gè)函數(shù)簡(jiǎn)化下只輸出一些文字, 排除函數(shù)執(zhí)行腳本出錯(cuò)

你為什么會(huì)需要在api.js里導(dǎo)入路由，路由一般都是在入口文件里加載么？
如果你需要做權(quán)限控制，那么應(yīng)該在每個(gè)路由的beforeEach里處理，或者在ajax的response處理

調(diào)wx.downloadFile把圖片資源下載下來(lái)，然后用canvas繪制就可以了