- 博客(22)
- 收藏
- 关注
RSS订阅原创 uni 封装request请求 + refreshToken无缝换token
【代码】uni 封装request请求 + refreshToken无缝换token。
2023-02-28 14:46:46
902
原创 JavaScript判断文件是否存在
var xmlhttp=new XMLHttpRequest("Microsoft.XMLHTTP")xmlhttp.open("GET", `文件地址`, false)xmlhttp.send()if(xmlhttp.readyState == 4){ loading.close() if(xmlhttp.status == 404) { this.$message({ type: 'warning', message: '该文件不存在' })
2021-07-30 17:00:33
240
原创 elementUI上传组件封装
elementUI上传组件封装<template> <div class="c-upload-wrapper c-text-align upload-image-box"> <template v-if="acceptType.split('image').length === 2"> <template v-for="(item, index) in uploadFileBase64"> <image-mine
2021-07-30 16:51:32
723
原创 div contenteditable 的光标定位（仿input的maxlength）
div contenteditable 的光标定位（仿input的maxlength） <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc...
2020-02-24 22:51:42
1841
原创 Vue数据双向绑定原理
Vue数据双向绑定原理vue实现数据双向绑定主要是通过 采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter和getter方法；在数据变动时发布消息给订阅者，触发相应监听回调。当把一个普通的js对象传给Vue实例来作为他的data选项时，Vue将遍历他的属性，用Object.defineProperty()将他们转为gette...
2020-01-09 17:12:44
1026
原创 写项目前的准备
写项目前的准备是否需要适配（rem）表格校验问题，如果校验不通过，该如何提示输入框长度、非法字符校验分页显示规则，超出一页显示还是有数据则显示？是否是一屏页面...
2019-12-20 16:16:11
138
原创 判断是否是手机端
判断是否是手机端export default function ({ isServer, req, redirect, route}) { let isMobile = (ua) => { return !!ua.match(/AppleWebKit.*Mobile.*/) } let userAgent = req ? req.headers['user-agent'...
2019-12-09 14:24:09
198
原创 scss常用变量声明
scss常用变量声明$prefix-cls = ‘jeremy-’1、scss属性值引用变量$prefix-btn-cls: '#{$prefix-cls}btn'2、属性名称使用变量.#{$prefix-btn-cls}{ background-color: red}
2019-12-03 14:50:58
1598
原创 Css实现流光效果
流光效果实现一个类似流星尾巴的效果代码<div></div>css div{ &:before{ content: ''; display: block; width: 9.4rem; height: .05rem; backgr...
2019-11-28 10:00:18
1433
原创 iview中tabs嵌套table，table无限延长问题
iview中tabs嵌套table，table无限延长问题之前在做项目的时候，使用的是Vue + iview框架；项目中有个需求，就是 需要在tab切换中，嵌套一个表格；后来布局完成之后，一看效果，好家伙，这表格怎么还玩了个无限宽度呢？后来经过一番探索之后，发现原来是tab的动画效果导致的，只要把tab组件的 animate属性设置成false就可以了；原因：使用动画后，是基于trans...
2019-11-12 10:23:59
2022
原创 iview中的Form表单校验
iview Form表单检验<Modal class='frequency-box' v-model="isShowModel" :title="data.name" :loading="loading" @on-ok="ok" @on-cancel="cancel"> <Form ref="f...
2019-11-05 17:37:17
1112
原创 如何避免自动填充用户名密码
如何避免自动填充用户名密码html <Form class='base-content' autocomplete="off" > <FormItem> <Input placeholder="请输入" autocomplete="off" v-model='formValidate.sourceUser'/> </FormItem> ...
2019-10-30 14:24:26
396
原创 CSS实现圆圈发光效果
CSS实现圆圈发光效果html<div class="round"> <div class="circle"> <a href="https://www.jsdaima.com/" target="_blank">大数据</a> </div> <div clas...
2019-10-29 14:03:28
5743
原创 封装UI组件，打包node
第一步：创建一个自己的项目vue init webpack-simple <project-name>第二部：下载依赖npm install 或者 cnpm install第三步：创建自己的组件（页面输出一段话，随便写的）1、目录结构如下，name与以后引用名称一致2、index.js中内容 import Loading from './loading.vue...
2019-10-24 17:12:40
474
原创 判断浏览器是否支持webp格式图片
判断浏览器是否支持webp格式的图片js(function(doc, _this) { // 给html根节点加上webps类名 function addRootTag() { doc.documentElement.className += " webpa"; } var image = new Image(); /...
2019-10-23 14:16:25
649
原创 js封装返回顶部功能
返回顶部功能html <div class="back-bottom" @click="goBackTop"> <span class="iconfont">返回顶部</span> </div>js public goBackTop() { let timer = setInterval(funct...
2019-10-23 14:11:39
159
原创 nuxt+tsx项目 class报错
nuxt+tsx项目 class报错原因tsx是基于react封装的语法格式，类名使用className声明的，而不存在class；但是在vue中是不存在className的，所以是不可以用className的解决方案：修改react 底层jsx 属性定义interface HTMLAttributes<T> extends AriaAttributes, DOMAttri...
2019-10-23 14:06:45
1116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人