popup精品文章

• 

  vue彈窗插件實(shí)戰(zhàn)

  ...動(dòng)端經(jīng)常碰到彈窗的需求, 這里寫(xiě)一個(gè)功能簡(jiǎn)單的vue彈窗 popup.vue {{text}} 組件html結(jié)構(gòu), 外層divposition:fixed定位, 內(nèi)層div顯示彈窗內(nèi)容 export default { name: popup, props: { text: { //文字內(nèi)容 type: String, defa...

  ZweiZhao 2019-08-23 11:50 評(píng)論0 收藏0
• 

  <<編寫(xiě)可維護(hù)的javascript>> 筆記7(事件處理)

  ...面這段代碼. // 不好的寫(xiě)法 function handleClick(event) { var popup = document.getElementById(popup); popup.style.left = event.clientX + px; popup.style.top = event.clientY + px; popup.classNam...

  microelec 2019-08-21 17:10 評(píng)論0 收藏0
• 

  Chrome 擴(kuò)展開(kāi)發(fā)——編寫(xiě)一個(gè)自己的瀏覽器插件

  ..._title: Hello CC, //鼠標(biāo)移到圖標(biāo)顯示的文字 default_popup: popup.html //單擊圖標(biāo)執(zhí)行的文件 }, permissions: [ //允許插件訪問(wèn)的url http://*/, bookmarks, tabs, history ],...

  SunZhaopeng 2019-08-20 11:09 評(píng)論0 收藏0
• 

  谷歌插件Image downloader開(kāi)發(fā)之popup

  ...事件，頁(yè)面收集完圖片后，將對(duì)應(yīng)的圖片地址數(shù)組發(fā)送給popup頁(yè)處理。popup頁(yè)就是點(diǎn)擊谷歌插件圖標(biāo)所彈出來(lái)的頁(yè)面。Image downloader的popup頁(yè)是長(zhǎng)成這樣的： popup頁(yè)包含的功能 popup頁(yè)采用了vue1.0來(lái)做數(shù)據(jù)綁定，主要包含了以下功能...

  supernavy 2019-08-22 10:49 評(píng)論0 收藏0
• 

  js編碼中的一些細(xì)節(jié)

  ...離應(yīng)用層邏輯 //不好的寫(xiě)法 function handleClick(event){ var popup = document.getElementById(popup); popup.style.left = event.clientX + px; popup.style.top = event.clientY + px; } addEventListener...

  zorpan 2019-08-19 17:39 評(píng)論0 收藏0
• 

  純CSS打造淘寶導(dǎo)航菜單欄

  ...0 0 #3487ed;} /*下拉菜單圖標(biāo)*/ .skin-box-bd .menu-list .menu .link .popup-icon{ height: 12px; width: 12px; background: url(//gdp.alicdn.com/tps/i1/T18WsRFcpdXXXPXsT8-51-381.gif) -14px -179px...

  番茄西紅柿 2019-04-23 13:39 評(píng)論0 收藏0
• 

  一個(gè)簡(jiǎn)單的chrome拓展程序開(kāi)發(fā)

  ...iption: 新標(biāo)簽打開(kāi)鏈接, browser_action: { default_popup: popup.html }, content_scripts:[ { matches: [http://*/*,https://*/*], js: [back.js], ...

  vslam 2019-08-20 12:23 評(píng)論0 收藏0
• 

  實(shí)現(xiàn)一個(gè)簡(jiǎn)單的chrome插件

  ... default_title: 記錄瀏覽地址, default_popup: popup.html } browser_action 字段配置好之后，插件加載后在瀏覽器的地址欄右側(cè)就會(huì)生成一個(gè)入口圖標(biāo)，如下圖所示。 default_icon字段配置圖標(biāo)的地址， defa...

  rubyshen 2019-08-23 13:58 評(píng)論0 收藏0
• 

  實(shí)現(xiàn)一個(gè)簡(jiǎn)單的chrome插件

  ... default_title: 記錄瀏覽地址, default_popup: popup.html } browser_action 字段配置好之后，插件加載后在瀏覽器的地址欄右側(cè)就會(huì)生成一個(gè)入口圖標(biāo)，如下圖所示。 default_icon字段配置圖標(biāo)的地址， defa...

  lieeps 2019-08-02 12:12 評(píng)論0 收藏0
• 

  實(shí)現(xiàn)一個(gè)簡(jiǎn)單的chrome插件

  ... default_title: 記錄瀏覽地址, default_popup: popup.html } browser_action 字段配置好之后，插件加載后在瀏覽器的地址欄右側(cè)就會(huì)生成一個(gè)入口圖標(biāo)，如下圖所示。 default_icon字段配置圖標(biāo)的地址， defa...

  fjcgreat 2019-08-29 17:31 評(píng)論0 收藏0
• 

  Leaflet快速開(kāi)始教程

  ...添加其他一些東西，包括marker、polylines、polygons、circles和popups。 添加marker var marker = L.marker([51.5, -0.09]).addTo(mymap); //可以添加相應(yīng)的options 添加circle //通過(guò)傳入相應(yīng)options控制circle樣式 var circle = L.circle([51.508, -...

  gecko23 2019-08-23 15:39 評(píng)論0 收藏0
• 

  react、react-router、redux 也許是最佳小實(shí)踐1

  ...slist li div span{ text-decoration: underline; padding: 0 10px; } .popup{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0...

  Betta 2019-08-20 17:05 評(píng)論0 收藏0
• 

  動(dòng)手寫(xiě)一款簡(jiǎn)單的chrome天氣插件

  ...圖： 創(chuàng)建文件 新建weather文件夾，里面包含manifest.json，popup.html和images文件夾。images文件夾放16,48,128三種不同尺寸的圖標(biāo) manifest.json內(nèi)代碼如下： { manifest_version:2, name:極簡(jiǎn)天氣, description:極簡(jiǎn)天氣預(yù)報(bào), version:1.0, ...

  shixinzhang 2019-08-19 18:20 評(píng)論0 收藏0