随笔分类 -  HTML

H5移动端图片查看器
摘要：一、新建名为ImageViewer.vue的组件，代码如下： <!-- ImageViewer.vue --> <template> <div class="fullscreen-viewer" v-if="visible" @click="closeViewer"> <div class="vie 阅读全文
posted @ 2025-10-13 11:40 莫颀 阅读(27) 评论(0) 推荐(0)
Vue前端开发 转 React 指南
摘要：Vue前端开发 转 React 指南JSX 先介绍 React 唯一的一个语法糖：JSX。 理解 JSX 语法并不困难，简单记住一句话，遇到 {} 符号内部解析为 JS 代码，遇到成对的 <> 符号内部解析为 HTML 代码。 当你写下这个 React 组件时： import React from 'react'; function 阅读全文
posted @ 2024-09-04 15:57 莫颀 阅读(437) 评论(0) 推荐(0)
基于vis.js实现网络拓扑图等关系图谱
摘要：vis.js是一个动态的、基于浏览器的可视化库。该库被设计为易于使用，可以处理大量动态数据，并支持对数据的操作和与数据的交互。该库由组件DataSet, Timeline, Network, Graph2d和Graph3d组成。 现在使用vis.js实现一个简单的网络类似网络拓扑的关系图谱，效果如下 阅读全文
posted @ 2024-05-20 14:20 莫颀 阅读(1467) 评论(0) 推荐(0)
CSS设置多余文字自动省略
摘要：在写界面的过程中，常用到文字排版的问题，多余文字需要自动省略为”.....“，这里分享一个自己用到的方法，效果如下图： 使用方法： 在需要省略的文字css样式中写入如下代码即可： display: -webkit-box; word-break: break-all; text-overflow: 阅读全文
posted @ 2023-01-06 08:47 莫颀 阅读(635) 评论(0) 推荐(0)
基于cornerstone.js的dicom医学影像查看浏览功能
摘要：最近由于项目需求，需要医学影像.dcm文件的预览功能，功能完成后，基于原生Demo做一个开源分享。 心急的小伙伴可以先看如下基于原生js的全部代码： 一、全部代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文
posted @ 2022-07-25 09:34 莫颀 阅读(4794) 评论(0) 推荐(4)