web
关注
分享
扫一扫
你好小马哥
这个作者很懒，什么都没留下…
展开
-
vue单项数据传输流式回复功能，post传值可关闭请求（@microsoft/fetch-event-source）
vue实现单项传输流式答复功能原创 2023-08-11 15:08:36 · 6767 阅读 · 23 评论 -
vue2大屏数字滚动效果
vue2大屏数字滚动效果原创 2022-07-11 17:08:01 · 1221 阅读 · 0 评论 -
vue3 setup语法糖 常用操作
vue3 setup 语法糖基本使用原创 2022-06-16 17:16:41 · 423 阅读 · 0 评论 -
hooks中使用swiper6.8.4版本（分页、轮播、切换默认页）
上代码1、 页面引入swiper import { Swiper, SwiperSlide } from 'swiper/react'; import SwiperCore, { Pagination } from "swiper"; import 'swiper/swiper.min.css'; import 'swiper/swiper.scss'; import 'swiper/components/pagination/pagination.scss' SwiperCore.use([原创 2022-03-22 10:50:56 · 1975 阅读 · 0 评论 -
js 正则转换千分位（带小数）
// 注：保留三位小数是避免toFixed()向上取整// 截取值保留3位小数const num = Number(-176567855.7784514000.toString().match(/^\d+(?:\.\d{0,3})?/));// 正则修改千分位const new = num.toFixed(3).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");代码仅供参考，如有问题，我修改...原创 2022-02-14 14:53:23 · 1297 阅读 · 0 评论 -
css3边框闪烁效果
废话不多说，，上代码 <!-- DOM --><div class="zoumadeng-text phbox animation-flash"> </div> <!-- CSS --> .animation-flash { animation: myfirst 0.5s linear; -webkit-animation: myfirst 0.5s linear; animation-iteration-count: infinite;原创 2021-12-23 15:40:03 · 1297 阅读 · 0 评论 -
react/vue打开新标签页
废话不多说，，上代码try { const a = window.document.createElement('a'); // 判断是否有参数 if (search) { a.setAttribute('href', `${url}?${search}`); } else { a.setAttribute('href', `${url}`); } a.setAttribute('target', '原创 2021-11-19 16:15:31 · 1173 阅读 · 0 评论 -
antd-mobile-InputItem ios下键盘换行修改前往
话不多说，上代码 <form action="javascript:return true" > <InputItem placeholder="搜索" value={search} > </InputItem> </form>代码仅供参考，如有错误、抄袭，及时删除原创 2021-11-15 14:08:33 · 2520 阅读 · 0 评论 -
antd DatePicker不可选范围
废话不多说，上代码// DOM<DatePicker style={{ width: '100%' }} disabledDate={disableDateOfMonth} picker="month" />// 方法// 不可用逻辑校验 const disableDateOfMonth = (current) => { return !( // 判断是否有值 current // 判断当前时间大于某个时间 &&原创 2021-10-28 15:25:10 · 245 阅读 · 0 评论 -
react+antd锚点无效
上代码注：需阻止Anchor默认事件// 阻止link默认行为 const handleAnchorClick = (e) => { e.preventDefault(); };<Anchor onClick={handleAnchorClick}> <Link href="#join-Join" className={styles.buttons} title="TO HRER" /> </Anchor>原创 2021-09-18 14:21:38 · 955 阅读 · 0 评论 -
jq 判断iframe url 是否有效
废话不多说，，上代码$.ajax({ type: "GET", cache: false, url: ‘iframe路径’, data: "", success: function(res) { //正确 }, error: function(res) { //错误原创 2021-06-01 16:53:04 · 409 阅读 · 0 评论 -
js base64转io流
上代码//base64转io流function base64byio(dataURI,type) { var i = dataURI.indexOf("base64,")+7;//获取前缀data:image/gif;base64,的坐标 var newImage = dataURI.substring(i, dataURI.length);//去除前缀 var binary = base64decode(newImage); var ar原创 2021-04-29 11:26:42 · 387 阅读 · 0 评论 -
vue部署项目页面跳转404
vue部署时连接不加# 使用history模式跳转页面404，刷新也会404须修改部署的文件。在nginx.conf配置（路由使用mode:history）server { location / { try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404 index index.html index.htm; } #对应上面的@原创 2020-12-28 16:24:04 · 1336 阅读 · 2 评论 -
vue 显示led数码字体
1、下载ttf文件2、css 文件引入ttf文件3、局部使用4、效果仅供参考原创 2020-07-23 14:20:47 · 2078 阅读 · 6 评论 -
vue-socket跨域问题
1、可在config/index.js 配置 proxyTable: { '/socket.io': { target: 'ip地址', //代理的服务地址 changeOrigin: true, // needed for virtual hosted sites logLevel: 'debug' } },2、main.js原创 2020-07-20 16:06:57 · 2509 阅读 · 0 评论 -
vue 使用socke报错
报错信息（socke 版本低的问题）：1、解决方案 npm install socket.io-client vue-socket.io@3.0.7 -S import SocketIO from 'socket.io-client'; import VueSocketIO from 'vue-socket.io'; Vue.use(new VueSocketIO({ debug: true, connection: SocketIO(’ip地址’) }); data原创 2020-07-20 15:57:54 · 426 阅读 · 0 评论 -
vue+element 使用swiper自动轮播不生效、小圆点不显示
直接上代码1、下载依赖（不带版本号会缺少文件）npm install vue-awesome-swiper@2.6.7 --save2、main.js 引入import VueAwesomeSwiper from 'vue-awesome-swiper'import 'vue-awesome-swiper/node_modules/swiper/dist/css/swiper.css'Vue.use(VueAwesomeSwiper)3、在单页面中使用//dom层<swiper原创 2020-07-08 18:16:03 · 1917 阅读 · 0 评论 -
css order使用
css order:设置弹性盒对象元素的顺序1、order默认为0 。不起作用2、从小到大排序，1在前，以此类推<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #main { width:500px; height:500px; borde原创 2020-06-28 17:36:26 · 3340 阅读 · 0 评论 -
element 下拉框不显示
使用element下拉框组件时绑定属性，却不显示，这是为何！上代码<el-form-item label> <el-checkbox-group v-model="form.selects"> <el-checkbox label="海淀区" name="type"></el-checkbox> <el-checkbox label="昌原创 2020-05-21 15:06:35 · 1979 阅读 · 0 评论 -
vue路由传参
使用path跳转路由传参，用query,不可用params//给子组件传入参数，this.$router.push({ path: "/condition", query: { index: 1 } });//子组件接收参数 this.$route.query.index//给子组件传入参数this.$router.push({ name: "/condition", params : { index: 1 } });//子组件接收参数 this.$route.params .index原创 2020-05-21 14:56:14 · 184 阅读 · 1 评论 -
vue+element ui 实时刷新弹出框
上代码了 <!--设置权限 动态设置key 绑定时间--> <el-dialog class="modalBox" :key="timer" > </el-dialog> this.timer = new Date().getTime() // 每次打开模态框传入新的时间戳 ，就会刷新了...原创 2019-12-30 17:33:58 · 5645 阅读 · 4 评论 -
appcan 文件下载到根目录（pdf）
有一篇文章写的有点问题，现在改正。上代码（代码仅供参考） if(!downloader){ alert("下载失败!"); }; var headJson = {'X-Access-Token': token,'contentType': "application/json",}; var ret = uexDownloaderMgr.setHeaders(down...原创 2019-12-06 21:09:28 · 425 阅读 · 0 评论