鍍金池/ 問(wèn)答/ 室內(nèi)設(shè)計(jì)問(wèn)答
喜歡你 回答

先看你的問(wèn)題，ajax，json，頁(yè)面。
一個(gè)個(gè)來(lái)回答

  1. 前后端分離的本質(zhì)是前后端分離開(kāi)發(fā)，幾乎無(wú)耦合，兩種通過(guò)接口文檔進(jìn)行對(duì)接，程序之前沒(méi)有依賴(lài)，前段依賴(lài)于接口。
  2. json是語(yǔ)言無(wú)關(guān)的數(shù)據(jù)交換格式，ajax是網(wǎng)頁(yè)用來(lái)異步加載數(shù)據(jù)的操作，跟json并沒(méi)有必然的關(guān)系，如果你用xml或者純文本交換數(shù)據(jù)，那就跟json真沒(méi)關(guān)系
  3. restapi的局限性太大，業(yè)務(wù)邏輯稍微復(fù)雜一點(diǎn)，直接玩完
  4. 你的表述應(yīng)該是一套API,N個(gè)客戶(hù)端，寫(xiě)好接口文檔，保障文檔質(zhì)量。

舉個(gè)實(shí)際例子。

  1. 我現(xiàn)在有個(gè)微信端的webapp，vue+php前后端分離開(kāi)發(fā)，JSON數(shù)據(jù)交換
  2. webapp用戶(hù)開(kāi)始大了，需要獨(dú)立開(kāi)發(fā)APP，后端這時(shí)候不用改業(yè)務(wù)，頂多適配下APP第三方授權(quán)登錄，業(yè)務(wù)接口照舊，后端幾乎無(wú)開(kāi)發(fā)成本
  3. 我要做PC網(wǎng)頁(yè)端，與2同理
  4. 我要PC桌面端，與2同理

后端開(kāi)發(fā)成本只有一次

忠妾 回答

background-image: url(back.svg); 可以直接這樣寫(xiě)嗎？不可以吧

命多硬 回答

可以修改webpackConfig參數(shù)：

mix.webpackConfig({
    module: {
        rules: [
            {
                test: /\.(woff2?|ttf|eot|svg|otf)$/,
                loader: 'file-loader',
                options: {
                    name: '../fonts/[name].[ext]?[hash]',
                    publicPath: '../foo/bar' // 該路徑
                }
            }
        ]
    }
});

別忘記了在package.json移除--config=node_modules/laravel-mix/setup/webpack.config.js

久不遇 回答

Ai好像只支持Flash導(dǎo)出吧，我記得Adobe有個(gè)Animate CC是用來(lái)做動(dòng)畫(huà)的，還可以直接輸出網(wǎng)頁(yè)不過(guò)沒(méi)試過(guò)……感覺(jué)SVG動(dòng)畫(huà)還是手寫(xiě)方便。

若相惜 回答

不會(huì)做，就用現(xiàn)成的吧，比如 https://github.com/ariutta/sv...

孤島 回答

沒(méi)辦法，原因是svg是矢量的。
子元素永遠(yuǎn)都是相對(duì)于父元素的位置關(guān)系。

初心 回答 
 on:{
       'on-change': () => {
          console.log('111')
      }
   }

重新回答

純妹 回答

所有SVG的東西，用DOM接口的時(shí)候，都要去找一個(gè)NS結(jié)尾的(幾乎)同名的接口，因?yàn)镾VG有自己?jiǎn)为?dú)的命名空間，這就是為什么會(huì)有一些SVG封裝庫(kù)，因?yàn)槊看紊賹?xiě)個(gè)NS能省不少事……

汐顏 回答 
<svg>
    <g class="content" id="g1>
        ...
    </g>
</svg>
<script>
var boxInfo = document.getElementById('g1').getBBox();
var rectInfo = document.getElementById('g1').getBoundingClientRect();

console.log(boxInfo, rectInfo);
</script>
懷中人 回答

因?yàn)槟愕倪@個(gè)圖標(biāo)使用了stroke（描邊）屬性，
但是作為圖標(biāo)是不應(yīng)該使用這個(gè)屬性的，應(yīng)該全部轉(zhuǎn)換成路徑。
就你提供的示例，其實(shí)就是一個(gè)指向右邊的箭頭吧？

從代碼結(jié)構(gòu)來(lái)看，這是一個(gè)兩條直線(xiàn)（也就是polyline標(biāo)簽）構(gòu)成，
然后讓這兩條直線(xiàn)的粗細(xì)變大（通過(guò)stroke-width屬性）
來(lái)讓這個(gè)線(xiàn)條看起來(lái)明顯一些。

你這個(gè)svg我看注釋?zhuān)怯胹ketch做的吧，
你讓設(shè)計(jì)在導(dǎo)出前，先拓展一下圖形（cmd + option + o）
完后再導(dǎo)出就好了

苦妄 回答

你不把JS貼出來(lái)還真不知道你要做什么; 看起來(lái)是用vue在操作svg什么東西;

對(duì)于拖拽總結(jié)兩點(diǎn)經(jīng)驗(yàn)給你:
mousemove 事件中 event.clientX 和 dom.getBoundingClientRect() 是絕配,基本上不用管父節(jié)點(diǎn)滾動(dòng)條什么的;
offsetX 不是標(biāo)準(zhǔn),而且還和dom掛鉤,不好用;
mousemove 事件最好是動(dòng)態(tài)綁到 document 上,體驗(yàn)會(huì)好些.

呆萌傻 回答

可以對(duì)它使用css樣式 transform:scale進(jìn)行縮放，比如下面的例子縮放50%

<polyline class="a" points="4960,1920 11040,8000 4960,14080 " style='transform:scale(0.5)'></polyline>
安于心 回答

原理上來(lái)說(shuō),沒(méi)有更簡(jiǎn)單的方法.
只是變相把所有svg加載到文檔中來(lái)而已

夢(mèng)囈 回答

你試試

<svg width="100px" height="100px" viewBox="0 0 100 100"> 
    <path d="M0 0 L50 50" stroke="black"></path>
</svg>
柚稚 回答

svg默認(rèn)應(yīng)該是relative的，我把它的top設(shè)為0，left也設(shè)為0就可以了。

毀與悔 回答

如果要控制path有個(gè)流動(dòng)的過(guò)程用stroke-dashoffset比較好，不知道你為甚么不用這個(gè)
例子

首頁(yè) 上一頁(yè) 1 2 3 4 下一頁(yè) 尾頁(yè)