前言 首先為什么不直接使用css的hover？因?yàn)橛卸鄠€(gè)地方都有這個(gè)，每個(gè)元素都包裹一個(gè)彈窗可以是可以，但是dom就堆積太多了。而且若父元素設(shè)置overflow：hidden...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
vue3 手寫鼠標(biāo)hover元素顯示詳情的組件，支持click，并優(yōu)化鼠標(biāo)滾輪與鼠標(biāo)移入事件沖突導(dǎo)致的交互問(wèn)題 -
js金額計(jì)算解決精度問(wèn)題
問(wèn)題描述在項(xiàng)目有大量浮點(diǎn)數(shù)價(jià)格計(jì)算的情況下,Javascript中toFixed()方法計(jì)算金額會(huì)出現(xiàn)精度缺失問(wèn)題 具體如下 一 計(jì)算機(jī)二進(jìn)制環(huán)境下浮點(diǎn)數(shù)的計(jì)算精度缺失問(wèn)題 ...
-
百度圖表echarts雙Y軸時(shí)，如何讓左右兩邊刻度保持一致如下圖，左右兩邊的Y軸線不在同一刻度上。 1.計(jì)算出Y軸左右兩邊最大值Max1與Max2 2.設(shè)置Y軸 修改后效果圖如下： 上面的代碼也稍有不足的地方：如果一個(gè)數(shù)組，所有值都...
-
vue將頁(yè)面導(dǎo)出pdf（前端）
vue導(dǎo)出pdf 1.使用npm下載兩個(gè)插件 2.在utils文件夾中創(chuàng)建一個(gè)名字叫個(gè)htmlToPdf.js的文件，內(nèi)容如下： 在main.js中注冊(cè)我們自定義的插件htm...
-
vue3 + element-plus 用 image-conversion 插件以及 canvas 在上傳前對(duì)圖片進(jìn)行壓縮處理
自動(dòng)上傳 image-conversion[https://www.npmjs.com/package/image-conversion] NPM 地址 安裝插件 利用bef...
-
vue-fullcalendar 用法詳解 （vue 2.0的日歷插件）一、下載 http://www.itdecent.cn/p/1b4858e06662 二、顯示在頁(yè)面上 1、main.js 2、用到日歷的組件 參考：https://git...
-
vue-awesome-swiper點(diǎn)擊事件失效問(wèn)題
最近做項(xiàng)目遇到了vue-awesome-swiper在loop模式下點(diǎn)擊失效問(wèn)題，經(jīng)過(guò)多番嘗試，找到了比較好的解決方式，記錄下來(lái)，希望能幫助更多的朋友越過(guò)這些坑，話不多說(shuō)，上...
-
Vue render函數(shù)前幾天想學(xué)學(xué)Vue中怎么編寫可復(fù)用的組件，提到要對(duì)Vue的render函數(shù)有所了解?？勺屑?xì)一想，對(duì)于Vue的render函數(shù)自己只是看了官方的一些介紹，并未深入一點(diǎn)去了解這方...
-
Web直播之RTMP協(xié)議：vue-video-player + videojs-flash
視頻直播服務(wù)目前支持3種直播協(xié)議：RTMP、HLS、HTTP-FLV。本文主要講解在 Vue 項(xiàng)目中如何使用 vue-video-player 播放器播放 rtmp 流。 1...
-
前端同學(xué)，你要轉(zhuǎn)后端嗎？
一、背景 如果一枚前端想要入手后端，如何短期內(nèi)可以提起興趣？答案大部分是： 按照官方某個(gè)技術(shù)棧的demo實(shí)踐 視頻學(xué)習(xí) 看書 我的體會(huì)是： 官方demo一般只關(guān)注某一兩個(gè)技術(shù)...
-
前端JS UTC時(shí)間轉(zhuǎn)北京時(shí)間
看了網(wǎng)上好多范例，代碼多不說(shuō)，返回的結(jié)果還有問(wèn)題。這里推薦兩個(gè)最簡(jiǎn)單的做法： new Date(utcStr)，會(huì)自動(dòng)轉(zhuǎn)為當(dāng)前時(shí)區(qū) 推薦：Moment.js[http://m...
-
基于vue實(shí)現(xiàn)h5頁(yè)面分享微信以及朋友圈功能（以及兼容iOS）記錄一下，分享真的有好多坑（本篇文章只講述前端遇到的問(wèn)題，不提供后端數(shù)據(jù)） 每行代碼以及每行字都有用，要靜下心看完（不要和任何人去攀比，每個(gè)人都是獨(dú)一無(wú)二的） 如果看技術(shù)問(wèn)題...
-
vue中常用60余種工具類
1.郵箱 2.手機(jī)號(hào)碼 3.電話號(hào)碼 4.是否url地址 5.是否字符串 6.是否數(shù)字 7.是否boolean 8.是否函數(shù) 9.是否為null 10.是否undefined...
-
javascript與typescript語(yǔ)法總結(jié)
一、JavaScript篇[https://www.w3school.com.cn/js/index.asp] JavaScript常見(jiàn)輸出 window.alert() ...
-
使用<link rel="preload">進(jìn)行預(yù)加載
元素的 rel 屬性的屬性值preload能夠讓HTML頁(yè)面中 元素內(nèi)部書寫一些聲明式的資源獲取請(qǐng)求，使得資源可以更早的得到加載。 在這里，我們會(huì)先加載style.css和...
-
vue使用Google地圖最近用Vue開(kāi)發(fā)后臺(tái)系統(tǒng)時(shí)，有些數(shù)據(jù)需要在地圖上標(biāo)注出來(lái)，需要用到地圖功能，因?yàn)槭菄?guó)際項(xiàng)目，國(guó)內(nèi)的地圖不太適用，所以選用了Google地圖，谷歌地圖API：https://d...
-
vue項(xiàng)目 使用google地圖谷歌和高德地圖都需要安裝相關(guān)的js-api-loader google地圖與高德地圖都需要有API密鑰以google map為例： 創(chuàng)建google賬號(hào)后 還需要生成對(duì)應(yīng)的a...
-
高德地圖如何接入谷歌碎片實(shí)現(xiàn)顯示國(guó)外地址
一.先上代碼,網(wǎng)上我查了很多，有兩種方法，如下 1.MapsInitializer.loadWorldGridMap(true); 這個(gè)方法我試了，MapsInitializ...
-
elementui復(fù)選框循環(huán)迭代表單校驗(yàn)問(wèn)題解決（滿滿干貨！）相信很多朋友都有使用vue+elementui這么一套技術(shù)來(lái)開(kāi)發(fā)，elementui里有很多問(wèn)題不知道在哪解決，今天分享一個(gè)elementui復(fù)選框循環(huán)迭代表單校驗(yàn)的問(wèn)題解決...