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

先看你的問題，ajax，json，頁面。
一個(gè)個(gè)來回答

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

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

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

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

忠妾 回答

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

命多硬 回答

可以修改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

若相惜 回答

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

久不遇 回答

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

孤島 回答

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

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

重新回答

純妹 回答

所有SVG的東西，用DOM接口的時(shí)候，都要去找一個(gè)NS結(jié)尾的(幾乎)同名的接口，因?yàn)镾VG有自己單獨(dú)的命名空間，這就是為什么會(huì)有一些SVG封裝庫，因?yàn)槊看紊賹憘€(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>
呆萌傻 回答

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

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

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

對于拖拽總結(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ì)好些.

懷中人 回答

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

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

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

安于心 回答

原理上來說,沒有更簡單的方法.
只是變相把所有svg加載到文檔中來而已

夢囈 回答

你試試

<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)的過程用stroke-dashoffset比較好，不知道你為甚么不用這個(gè)
例子

首頁 上一頁 1 2 3 4 下一頁 尾頁