&

分類:

推薦最新等你回答

伐木累回答

html

<div class="container">
  <div class="left">
  </div>
  <div class="right-1">
  </div>
  <div class="right-2">
  </div>
  <div class="right-3">
  </div>
  <div class="right-4">
  </div>
  <div class="right-5">
  </div>
  <div class="right-6">
  </div>
  <div class="right-7">
  </div>
  <div class="right-8">
  </div>
  <div class="right-9">
  </div>
  <div class="right-10">
  </div>
  <div class="right-11">
  </div>
</div>

css

.container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  grid-auto-rows: 50px;
}

.container div {
  background-color: #1c78d0;
}

.left {
  grid-column: 1 / 2;
  grid-row: 1 / 18;
}

.right-1 {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
}

.right-2 {
  grid-column: 3 / 4;
  grid-row: 1 / 3;
}

.right-3 {
  grid-column: 4 / 5;
  grid-row: 1 / 3;
}

.right-4 {
  grid-column: 2 / 5;
  grid-row: 3 / 4;
}

.right-5 {
  grid-column: 2 / 5;
  grid-row: 4 / 6;
}

.right-6 {
  grid-column: 2 / 5;
  grid-row: 6 / 8;
}

.right-7 {
  grid-column: 2 / 5;
  grid-row: 8 / 10;
}

.right-8 {
  grid-column: 2 / 5;
  grid-row: 10 / 12;
}

.right-9 {
  grid-column: 2 / 5;
  grid-row: 12 / 14;
}

.right-10 {
  grid-column: 2 / 5;
  grid-row: 14 / 16;
}

.right-11 {
  grid-column: 2 / 5;
  grid-row: 16 / 18;
}

說明

grid-column以及grid-row后面的2 / 3，不是三分之二的意思，是指從第2列開始，到第3列結(jié)束。搞明白這個(gè)意思，就知道grid該怎么做了。

效果

https://codepen.io/fengerzh/p...

參考資料

https://developer.mozilla.org...
https://css-tricks.com/snippe...

H5調(diào)用用戶電腦攝像頭出現(xiàn)錯(cuò)誤：Only secure origins are allowed。

離殤回答

已解決。
后臺(tái)是flask,在啟動(dòng)時(shí)加ssl參數(shù)即可。

超出范圍只出現(xiàn)縱向滾動(dòng)條不出現(xiàn)橫向滾動(dòng)條的實(shí)現(xiàn)方式？

空痕回答

div加最小寬度，不要定死寬度

<!DOCTYPE html>與onmousedown發(fā)生沖突是event不生效，為什么會(huì)這樣？要怎么修改？

避風(fēng)港回答

1、文檔模式
沒有文檔模式時(shí)，是處于混雜模式下，html 和 body 會(huì)充滿全屏。
<!DOCTYPE html> 會(huì)開啟標(biāo)準(zhǔn)模式，標(biāo)準(zhǔn)模式下默認(rèn) html 和 body 沒有高度。
這時(shí)可以這樣設(shè)置。

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

2、傳入事件
如果是在 html 標(biāo)簽中，想傳入事件，應(yīng)該用 event 而不是 e 。

<body onmousedown="show_coords(event)">

想做一個(gè)類似模糊查詢的東西

尤禮回答

Route設(shè)計(jì)的匹配方式比較open，按照這種匹配方式只會(huì)匹配details/merchant/下的路由。他直接把搜索的關(guān)鍵是傳遞給searchFn函數(shù)，通過調(diào)用history的方法來改變地址欄的路由來實(shí)現(xiàn)路由的切換。Merchant組件獲取url的關(guān)鍵字去數(shù)據(jù)庫調(diào)數(shù)據(jù)。

phpstorm軟件沒有識(shí)別.php文件

忠妾回答

看看設(shè)置里面有無.php

蘋果濾鏡js函數(shù)

何蘇葉回答

你可以自己輸入和輸出來擬合函數(shù)啊，都有那么多參照點(diǎn)了。
也就是會(huì)說你輸入一個(gè)標(biāo)準(zhǔn)照片，分別采用各種濾鏡得到輸出照片，根據(jù)原始和輸出數(shù)據(jù)的關(guān)系，就可以擬合一個(gè)濾鏡函數(shù)出來（可能有誤差的）

angular2中如何使用ckplayer.js

吢涼回答

@LieRabbit 那樣是行不通的，提示的錯(cuò)誤信息在下面：
圖片描述

一個(gè)大的DOM結(jié)構(gòu)，里面的元素node是否有唯一且穩(wěn)定的標(biāo)示，可以在刷新后再選中它？

淚染裳回答

我們遇到的難題是：當(dāng)用戶離開后，再次打開這個(gè)頁面時(shí)，我們?nèi)绾味ㄎ换厝ミ@個(gè)節(jié)點(diǎn)node。（已知：網(wǎng)頁的節(jié)點(diǎn)不會(huì)變化，因?yàn)槲覀兙彺娴模?/blockquote>
結(jié)構(gòu)不變的情況下，XPATH 就是標(biāo)識(shí)啊， jQuery 的 selector 也一樣。

angular6和node升級(jí)，新建工程報(bào)錯(cuò)

不將就回答

更新npm被墻了，所以要用淘寶的源
cnpm install -g angular-cli@latest
萬惡的防火墻

請(qǐng)教一個(gè)微信公眾號(hào)【自定義分享給朋友功能】在部分手機(jī)失敗的問題

爛人回答

蘋果跳轉(zhuǎn)的時(shí)候地址欄其實(shí)沒動(dòng) 可以用a 去跳轉(zhuǎn)

td 中的div怎么垂直居中

賤人曾回答

td設(shè)置vertical-align:middle

reflect-metadata shim is required when using class decorators

我不懂回答

main.ts里面沒有引入polyfills.ts

微信小程序動(dòng)態(tài)加載的圖片列表，怎么點(diǎn)擊某張圖片更改樣式？

大濕胸回答

就是一個(gè)選項(xiàng)卡功能
wxml

 <view wx:for="{{banners}}"  wx:for-item="banner" wx:for-index="idx" >
 <image src="{{banner.img}}" />
 <view>
  <image wx:for="{{banner.imgs}}" data-idx="{{idx}}"  data-index="{{index}}"class="thumbnail {{banner.index==index?'cur':''}}" src="{{item}}"  catchtap="showBanner" />
 <text> {{banner.index}}</text>
 </view>
</view>

wxss

.thumbnail{
  width: 100rpx;
  height: 100rpx;
  margin-right: 10rpx;
   border: 2px solid transparent;
}
.cur{
  border: 2px solid red;
}

Page({
    data: {
         banners: [
          {
            index: 0,
            img: 'https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=a80e4a17ae014c080d3620f76b12696d/42166d224f4a20a40709fb7997529822720ed07d.jpg',
            imgs: ['https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=a80e4a17ae014c080d3620f76b12696d/42166d224f4a20a40709fb7997529822720ed07d.jpg', 'https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=00c4cfe352fbb2fb202650402e234bc1/d62a6059252dd42a711ec615043b5bb5c9eab87d.jpg', 'https://gss0.bdstatic.com/-4o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike150%2C5%2C5%2C150%2C50/sign=66342e1187d4b31ce4319ce9e6bf4c1a/54fbb2fb43166d22639320c64a2309f79152d2ff.jpg', 'https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike180%2C5%2C5%2C180%2C60/sign=9e8ac1c952df8db1a8237436684ab631/3ac79f3df8dcd100784b38707e8b4710b8122f88.jpg'],

          },
          {
            index: 0,
            img: 'https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=005e5fcd9aef76c6c4dff379fc7f969f/9358d109b3de9c8234db74636681800a18d843a4.jpg',
            imgs: ['https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=005e5fcd9aef76c6c4dff379fc7f969f/9358d109b3de9c8234db74636681800a18d843a4.jpg', 'https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike180%2C5%2C5%2C180%2C60/sign=53d730f8daa20cf4529df68d17602053/8d5494eef01f3a2927a062b19325bc315c607c60.jpg', 'https://gss0.bdstatic.com/-4o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=d45d73693f7adab429dd1311eabdd879/562c11dfa9ec8a134f6397a1fe03918fa0ecc072.jpg', 'https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike180%2C5%2C5%2C180%2C60/sign=5354a1279925bc313f5009ca3fb6e6d4/7e3e6709c93d70cf4566dee4f8dcd100bba12bbe.jpg'],

          },
          {
            index: 0,
            img: 'https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=47772d4895510fb36c147fc5b85aa3f0/8326cffc1e178a8218bb1c51fd03738da877e8b8.jpg',
            imgs: ['https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=47772d4895510fb36c147fc5b85aa3f0/8326cffc1e178a8218bb1c51fd03738da877e8b8.jpg', 'https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=4ab22f86f91fbe090853cb460a096756/e850352ac65c1038623ade32b9119313b17e89fd.jpg', 'https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike180%2C5%2C5%2C180%2C60/sign=82905fe6e0f81a4c323fe49bb6430b3c/5882b2b7d0a20cf4bf0e134d7d094b36adaf9982.jpg', 'https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike180%2C5%2C5%2C180%2C60/sign=83659ab63212b31bd361c57be7715d1f/622762d0f703918f50043b3b5a3d269758eec46e.jpg', 'https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=c2765b7686b1cb132a643441bc3d3d2b/b8014a90f603738d5fa93cbbb81bb051f919ec4c.jpg'],

          },
        ],
    },
    showBanner:function(e){
      let i = e.target.dataset.idx,
          j = e.target.dataset.index,
          banners = this.data.banners;
      banners[i].index=j;
      banners[i].img = banners[i].imgs[j]
      this.setData({ 
        banners: banners
      })
    }
})

完整案例

node.js中的requier如何使用變量作為參數(shù)

愛是癌回答

不知道你是不是想說，當(dāng)前路徑的文件a.js，在使用其他路徑的b.js，路徑就不以a.js為準(zhǔn)，如果是可以看看 require的方法具體是什么，其中有個(gè)__dirname參數(shù)代表當(dāng)前文件夾路徑。

reactNative有沒有知識(shí)產(chǎn)權(quán)的問題，為什么還多公司不用了

只愛你回答

之前facebook給他們很多產(chǎn)品都使用了BSD+Patents協(xié)議

Facebook BSD+Patents 是 The 3-Clause BSD License 協(xié)議的一個(gè)變種。BSD 的授權(quán)本身是簡(jiǎn)單，開放，沒有限制的，但 Facebook 在此基礎(chǔ)增加了一個(gè) 專利協(xié)議。簡(jiǎn)單來說就是基于 Facebook BSD+Patents 授權(quán)的軟件使用者，以及基于該許可協(xié)議開發(fā)衍生代碼的開發(fā)者，一旦被許可人對(duì) Facebook 及其子公司甚至關(guān)聯(lián)公司提出直接的或間接專利訴訟，無論該訴訟是與所涉及項(xiàng)目有關(guān)還是無關(guān)，亦或是硬件專利訴訟，甚至是 Facebook 主動(dòng)提出的專利訴訟而被告者進(jìn)行的專利反訴，該協(xié)議授予用戶的專利權(quán)利即刻自動(dòng)終止。

總之，這個(gè)協(xié)議你可以認(rèn)為是流氓協(xié)議，小公司沒問題，但是對(duì)于很多大公司造成了安全隱患，所以前段時(shí)間，包括Apache，百度在內(nèi)的一些公司都在更改公司內(nèi)部的技術(shù)棧，去react等BSD+Patents協(xié)議開源產(chǎn)品。

后來Facebook迫于壓力終于把部分開源產(chǎn)品的協(xié)議修改為更為通用、無害的MIT協(xié)議，具體詳情參考Relicensing React,Jest,Flow,and Immutable.js

dom0級(jí)，dom2級(jí)，dom3級(jí)事件處理程序

尋仙回答

沒有 DOM 3 級(jí)事件處理程序，那是別人自己封裝的，你直接用當(dāng)然報(bào)錯(cuò)；

可以自定義vue編譯打包生成的dist的目錄嘛,不想生成在項(xiàng)目目錄

舊顏回答

看文檔吧。。。
https://webpack.js.org/concep...