From c63c7e29698e5250e8b3fff03f517688591bd921 Mon Sep 17 00:00:00 2001 From: zyronon Date: Tue, 23 Apr 2024 15:37:55 +0800 Subject: [PATCH] refactor: remove jquery --- docs/NOTE.md | 1 + env.d.ts | 4 + public/data/posts.json | 25 +++- public/data/posts.md | Bin 11253 -> 11272 bytes src/components/dialog/FromBottomDialog.vue | 35 +++--- src/components/slide/SlideAlbum.vue | 13 +- .../slide/SlideVerticalInfinite.vue | 114 +++++++++--------- src/main.ts | 2 - src/mock/index.ts | 2 +- src/pages/home/slide/Community.vue | 108 ++++++++--------- src/pages/message/chat/Chat.vue | 12 +- src/utils/dom.ts | 45 +++++++ src/utils/slide.ts | 11 +- vite.config.ts | 6 - 14 files changed, 223 insertions(+), 155 deletions(-) diff --git a/docs/NOTE.md b/docs/NOTE.md index 36181b0..25960f4 100644 --- a/docs/NOTE.md +++ b/docs/NOTE.md @@ -9,3 +9,4 @@ - 双指缩放 - AutoInput组件,在真机上无法输入 +- 真机上100vh显示异常的问题 diff --git a/env.d.ts b/env.d.ts index 122e4eb..3f2474a 100644 --- a/env.d.ts +++ b/env.d.ts @@ -3,6 +3,10 @@ declare const LATEST_COMMIT_HASH: string declare global { + interface Window { + isMoved: boolean + } + interface Navigator { control: any webkitGetUserMedia: any diff --git a/public/data/posts.json b/public/data/posts.json index ae32145..415acfe 100644 --- a/public/data/posts.json +++ b/public/data/posts.json @@ -137,6 +137,9 @@ }, "interact_info": { "liked_count": "2147", "liked": false }, "cover": { "url_default": "daZ662BX0lVMTq0Y6hIwR.png" }, + "image_list": [ + { "info_list": [{ "url": "daZ662BX0lVMTq0Y6hIwR.png" }] } + ], "type": "normal", "display_title": "无所谓了,互联网没有我在乎的人" }, @@ -176,7 +179,10 @@ "nickname": "芙•" }, "interact_info": { "liked": false, "liked_count": "1966" }, - "cover": { "url_default": "4a4TtExpq7RXnKK3hylKU.png" } + "cover": { "url_default": "4a4TtExpq7RXnKK3hylKU.png" }, + "image_list": [ + { "info_list": [{ "url": "4a4TtExpq7RXnKK3hylKU.png" }] } + ] }, "track_id": "2d0udv0xvhqne0t0nmd83", "ignore": false, @@ -233,6 +239,9 @@ }, "interact_info": { "liked": false, "liked_count": "1005" }, "cover": { "url_default": "dg16eh25m2SSI9Hc1fJuE.png" }, + "image_list": [ + { "info_list": [{ "url": "dg16eh25m2SSI9Hc1fJuE.png" }] } + ], "type": "normal", "display_title": "拍旗袍没人看 办公室随手拍就有流量是吧" }, @@ -321,7 +330,10 @@ "nick_name": "林木婷子" }, "interact_info": { "liked": false, "liked_count": "2700" }, - "cover": { "url_default": "z-XSh-g9MhKpYrFDHcxQT.png" } + "cover": { "url_default": "z-XSh-g9MhKpYrFDHcxQT.png" }, + "image_list": [ + { "info_list": [{ "url": "z-XSh-g9MhKpYrFDHcxQT.png" }] } + ] }, "track_id": "2d0udv0xvhqne0t0nmd83" }, @@ -629,7 +641,10 @@ "user_id": "5bf37f6651783a194c1e1da2" }, "interact_info": { "liked": false, "liked_count": "119" }, - "cover": { "url_default": "UaxqkI4aZ5LDu7k8KLw48.png" } + "cover": { "url_default": "UaxqkI4aZ5LDu7k8KLw48.png" }, + "image_list": [ + { "info_list": [{ "url": "UaxqkI4aZ5LDu7k8KLw48.png" }] } + ] } }, { @@ -888,6 +903,7 @@ }, "interact_info": { "liked": false, "liked_count": "1786" }, "cover": { "url_default": "n0SAcEY5gLucU7Ik7yP2P.png" }, + "image_list": [{ "info_list": [{ "url": "n0SAcEY5gLucU7Ik7yP2P.png" }] }], "type": "normal" }, "track_id": "2d0udv0xvhqne0t0nmd83", @@ -936,6 +952,9 @@ "model_type": "note", "note_card": { "cover": { "url_default": "Sf5mzf68e2GwZHZv7h1G2.png" }, + "image_list": [ + { "info_list": [{ "url": "Sf5mzf68e2GwZHZv7h1G2.png" }] } + ], "type": "normal", "display_title": "行吧,我重发 ", "user": { diff --git a/public/data/posts.md b/public/data/posts.md index 1eb7d971b4a26855a7292c654f187130945cd63b..b1f626e2cc83986eba8d576bc84ffb7c63ddf834 100644 GIT binary patch delta 9759 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�gaCF<2DQgo#d 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 delta 9740 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 alf)}B5;YdPwndWK0Tl)T03ZMW0000WG0xZk diff --git a/src/components/dialog/FromBottomDialog.vue b/src/components/dialog/FromBottomDialog.vue index 0ef97a6..d31f347 100644 --- a/src/components/dialog/FromBottomDialog.vue +++ b/src/components/dialog/FromBottomDialog.vue @@ -28,8 +28,9 @@ diff --git a/src/pages/message/chat/Chat.vue b/src/pages/message/chat/Chat.vue index 554a159..ed98619 100644 --- a/src/pages/message/chat/Chat.vue +++ b/src/pages/message/chat/Chat.vue @@ -191,7 +191,6 @@ import { computed, inject, nextTick, onMounted, onUnmounted, reactive, ref } fro import Loading from '@/components/Loading.vue' import { useBaseStore } from '@/store/pinia' import { _checkImgUrl, _no, _sleep } from '@/utils' -import $ from 'jquery' import { useRouter } from 'vue-router' import { useNav } from '@/utils/hooks/useNav' @@ -238,6 +237,7 @@ const mitt = inject('mitt') const router = useRouter() const nav = useNav() const store = useBaseStore() +const msgWrapper = ref() const data = reactive({ previewImg: new URL('../../../assets/img/poster/3.jpg', import.meta.url).href, videoCall: [], @@ -488,12 +488,16 @@ const data = reactive({ }) onMounted(() => { - $('img').on('load', scrollBottom) + msgWrapper.value + .querySelectorAll('img') + .forEach((item) => item.addEventListener('load', scrollBottom)) scrollBottom() }) onUnmounted(() => { - $('img').off('load', scrollBottom) + msgWrapper.value + .querySelectorAll('img') + .forEach((item) => item.removeEventListener('load', scrollBottom)) }) const isExpand = computed(() => { @@ -505,8 +509,6 @@ function handleClick() { data.showOption = false } -const msgWrapper = ref() - function scrollBottom() { nextTick(() => { let wrapper = msgWrapper.value diff --git a/src/utils/dom.ts b/src/utils/dom.ts index 49ef771..57fbc33 100644 --- a/src/utils/dom.ts +++ b/src/utils/dom.ts @@ -142,3 +142,48 @@ export default class Dom { return parseInt(val) } } + +export function _css(el, key, value?) { + const reg = /^\d+(px|pt|em|rem|vw|vh|%|rpx)$/i + if (value === undefined) { + let val = null + if ('getComputedStyle' in window) { + val = window.getComputedStyle(el, null)[key] + } else { + val = el.currentStyle[key] + } + return reg.test(val) ? parseFloat(val) : val + // return parseFloat(val) + } else { + if ( + [ + 'top', + 'left', + 'bottom', + 'right', + 'width', + 'height', + 'font-size', + 'margin', + 'padding' + ].includes(key) + ) { + if (!reg.test(value)) { + value += 'px' + } + } + // console.log(value) + if (key === 'transform') { + //直接设置不生效 + el.style.webkitTransform = + el.style.MsTransform = + el.style.msTransform = + el.style.MozTransform = + el.style.OTransform = + el.style.transform = + value + } else { + el.style[key] = value + } + } +} diff --git a/src/utils/slide.ts b/src/utils/slide.ts index 227e980..8449186 100644 --- a/src/utils/slide.ts +++ b/src/utils/slide.ts @@ -79,8 +79,7 @@ function canNext(state, isNext) { * @param state */ export function slideTouchStart(e, el, state) { - console.log('e', e, state.name) - return + // console.log('e', e, state.name) if (!checkEvent(e)) return Utils.$setCss(el, 'transition-duration', `0ms`) //记录起点坐标,用于move事件计算移动距离 @@ -245,7 +244,7 @@ export function slideReset(e, el, state, emit = null) { //根据当前index,获取slide偏移距离 //如果每个页面的宽度是相同均为100%,只需要当前index * wrapper的宽(高)度即可: -state.localIndex * state.wrapper.width -export function getSlideOffset(state, el) { +export function getSlideOffset(state: any, el: HTMLDivElement) { //横竖判断逻辑基本同理 if (state.type === SlideType.HORIZONTAL) { let widths = [] @@ -262,7 +261,10 @@ export function getSlideOffset(state, el) { return 0 // return -state.localIndex * state.wrapper.width } else { + //VERTICAL_INFINITE 列表只需要计算index * 高就行 if (state.type === SlideType.VERTICAL_INFINITE) { + return -state.localIndex * state.wrapper.height + } else { //同上 let heights = [] Array.from(el.children).map((v) => { @@ -271,9 +273,6 @@ export function getSlideOffset(state, el) { heights = heights.slice(0, state.localIndex) if (heights.length) return -heights.reduce((a, b) => a + b) return 0 - } else { - //VERTICAL_INFINITE 列表只需要计算index * 高就行 - return -state.localIndex * state.wrapper.height } } } diff --git a/vite.config.ts b/vite.config.ts index df599f3..e9eaf64 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -63,12 +63,6 @@ export default defineConfig(async () => { name: 'mockjs', var: 'Mock', path: 'https://lib.baomitu.com/Mock.js/1.0.1-beta3/mock-min.js' - }, - - { - name: 'jquery', - var: '$', - path: 'https://lib.baomitu.com/jquery/3.6.0/jquery.min.js' } ] })