ximinglei的博客

原创 css 自定义字体

【代码】css 自定义字体。

原创 前端文件下载 导出

前端文件下载 导出。

转载 javaScript正则截取自定义标签

1、匹配双标签(包括内容)，过滤标签，不保留内容。3、去掉标签内的属性（比如style和class）2、匹配标签（不包括内容），过滤标签，保留内容。4、匹配指定标签和 未知内容。

原创 vue内容超出时 展示tooltip

划入事判断父元素是否超出 内容的宽度 判断是都展示tooltip。

原创 React Native API

React Natvie 初级api

原创 antd类名

Modal 对话框的外部样式 wrapClassName输入框的 对话框 dropdownClassName如果对话框上面有和类名包住了可以用getPopupContainer然后 scipt下的div数据结构回到body类名下 <div class="box"> <Select onChange={SelectDate} dropdownClassName="option-name" defaultValue={calen

原创 vue 修饰符

//@click.stop.prevent 点击事件阻止冒泡和去除默认事件事件修饰符：.stop 阻止单机事件冒泡.prevent 阻止默认行为（比如 @submit.prevent 会阻止提交后刷新页面）.capture 添加事件侦听器时使用捕获模式.self 只有事件在元素本身（而不是子元素）触发时触发回调.once 只触发一次（组件也适用）.key 触发事件的按键2.v-model 修饰符：.lazy在输入框中，默认是在input事件中同步输入框的数据，使用 lazy修饰符会转

原创 vue3的data

reactive是用来定义变量运行存储而他赋值则需要state.xxxxx = 运行赋值抛出泽可以在页面找到他定义的变量

原创 docker使用下载

电脑没有得可以先下载 mac有一些命令行可以下载如何下载不下来的话可以去docker官网上下载应用dovker官网下载后你的小黑板就可以使用docker命令了docker pull xxxx下载字段下载后不知道在那的话可以先看一下dovker images然后就可以看到下载历史现在得时间疙瘩小REPOSITORY TAG IMAGE ID CREATED SIZExxxx 20210712_1626072086146 c

原创 frameset框架集 iFrame内联框架

原创 vue watch监听对象的值

watch: { 'form.localPath': function (curVal, oldVal){ // 实现input连续输入，只发一次请求 clearTimeout(this.timeout) this.timeout = setTimeout(() => { this.outputPath(curVal)

原创 content: attr()；用法

将问本上的extrattr 拿到css上用伪类展示

原创 antd form表单校验使用 validateFields

我们在表单总会遇到必填项需要校验类似于这样的 切换座机和电话就需要立即出发正则判断验证 但是切换的时候没有及时出发正则验证到时bug出现 因为正则时经过输入框判断来出发的 所以select 改变没有出发正则所以需要antd里面的属性经过你看到也很蒙不知道如何调用因为调用会出发说有的校验但时候很尴尬所以你需要只调用里面的一项// 这是你ref名称formRef.current.validateFields(['你要触发校验的名字']);希望对你有帮助 避雷成功！！！...

原创 git pull直接覆盖

git pull直接覆盖git pull会把本地未提交修改覆盖。处理的方式非常简单，主要是使用git stash命令进行处理，分成以下几个步骤进行处理。1、先将本地修改存储起来$ git stash这样本地的所有修改就都被暂时存储起来 。是用git stash list可以看到保存的信息：git stash暂存修改其中stash@{0}就是刚才保存的标记。2、pull内容暂存了本地修改之后，就可以pull了。$ git pull3、还原暂存的内容$ git stash pop sta

原创 debugger监听器

debuggerdebugger 语句用于停止执行 JavaScript，并调用 (如果可用) 调试函数。使用 debugger 语句类似于在代码中设置断点。通常，你可以通过按下 F12 开启调试工具， 并在调试菜单中选择 “Console” 。注意： 如果调试工具不可用，则调试语句将无法工作。获取前面值得变动...

原创 (js)保留小数点后三位

使用lodash兼容性好稳定 import _ from 'lodash';//数据是嵌套的话[ { name:标题一, data:[122.22222222,1455.555555] },{ name:标题二, data:[122.22222222,145.555555] }] //数据是这种的格式可以循环改变 const digit = _.map(seriesConfig, data => { return _.map(

原创 swiper/react使用和方法

React组件安装Swiper React仅作为主要Swiper库的一部分通过NPM可用： npm i swiper用法swiper/react导出2个组件：Swiper和SwiperSlide：// Import Swiper React componentsimport { Swiper, SwiperSlide } from 'swiper/react';// Import Swiper stylesimport 'swiper/swiper.scss';export de

原创 Fragment基本使用

FragmentFragment是一种可以嵌入在活动中的UI片段，能够让程序更加合理和充分地利用大屏幕的空间，出现的初衷是为了适应大屏幕的平板电脑，可以将其看成一个小型Activity，又称作Activity片段。 <Fragment> { _.map(list, (item, index) => ( <div className="

原创 mirror 仓库管理

最近两天阿里一直占据着头条，一个是支付宝小程序，一个是 mirror 的发布。本文将详细的介绍 mirror 的原理，特点和使用。Mirror 是一款基于 React、Redux 和 react-router 的前端框架，简洁高效、灵活可靠。Mirror 使用的是react-router 4.x既然有了 React 阿里为什么又推出 mirror 呢？这一切估计得从小程序说起。支付宝也推出了小程序，但是底层完全和微信小程序不同。并且支付宝的小程序是基于 React 的。但是 React 和 Re