- 博客(38)
- 收藏
- 关注
RSS订阅原创 umi自带的tailwindcss修改为手动安装
1，先在devDependencies下安装这两个包 pnpm install postcss@8.5.1 -D。3，将tailwind.css文件移动到src/style下，然后再global.css里引入，放在第一行引入。主要是为了解决这个报错问题，虽然重新运行也可解决，但是总是要运行2-3次，比较麻烦。3，将.umirc.ts里的taliwindcss注释掉。2，在根目录添加postcss.config.js文件。1》为什么改为手动？
2025-03-19 10:56:43
355
原创 Git常用命令使用
这两步可以将代码还原到merge之前，同时远程commit的记录也还原到merge之前。1，撤销上次merge并已经push后的代码。
2025-01-15 16:24:02
112
原创 antd select表单 远程搜索
select表单搜索时会改变optionsList的数据源，导致多选时 已经选了的选项，无法显示，或者之前的选项只能拿到value，不能拿到item的值。tagRender 可以先在数据源中过滤一遍拿到数据，如果数据源没有 就从onchenge的value中过滤拿到数据，主要是开启 labelInValue: true 这样在onchange里拿到的value是item的属性。
2024-11-08 17:13:12
326
原创 vscode使用
备注：有人使用"vue",我开始也试了vue，不知道为啥不可以，改成html就可以了。点击文件-》首选项-》设置 或者直接快捷键ctrl+，在搜索框中输入settings.json,打开此文件。重新打开vscode就可以i了。添加对.vue文件的配置。
2024-08-30 10:28:35
1486
原创 自适应布局
这样 子集会在父级范围内自适应高度 出现子级滚动条。父级使用 h-full flex flex-col。子级使用 flex-1 h-0。1，样式来自 tailWindCss。
2024-08-20 20:25:29
125
原创 意外全局变量
function demo(){ let a=b=0; a++; return a;}demo();console.log(typeof a); //undefindconsole.log(typeof b); //numberlet a=b=0;相当于b=0;let a=b;b前面没有let,这样的话相当于window.b,那么b即为全局变量所以输出的时候,a是局部的,只在demo函数内有效,b是全局的...
2020-08-22 11:23:00
675
原创 vue报错
1,引入插件报错Cannot assign to read only property 'exports' of object '#<Object>' at Module.eval (BaseClient.js?e917:12)网上查了 原因是webpack打包时,可以在js文件中混用require和export..但是不能混用 import和module.exports解决办法1,将.babelrc文件中的插件transform-runtime 去掉....
2020-05-27 15:42:30
387
原创 win10 系统插上网线没网问题
我的本本,系统自动更新后,插上网线,显示没网,尝试了很久,发现在 控制面板和设置里面都把ip设为自动 才可以,至于什么原理我也不知道,ipv4.....不知道为什么 控制面板里面的ip和设置里面的ip竟然不一致,有网之后刷新一下,两个地方的才统一....
2020-05-18 16:06:03
1337
原创 google浏览器添加react-devtools扩展程序的方法
安装react-devTools调试工具步骤1 ，先去github上下载文件到本地，下载压缩包（下载到自己能找到的地方）2，解压文件，解压好之后通过命令进入react-devtools-3文件夹（下载的压缩包就是这个名字）然后用npm 安装依赖npm --registry https://registry.npm.taobao.org install我安装的时候报错了...
2019-11-27 16:24:58
1301
原创 联想小新无线网总断问题
刚买的小新Air14，连接无线网总是断网，在客服的指导下卸载了自带的无线网驱，安装新网驱，但是网络适配器一直识别不到，经过一番折腾，发现可能是手动安装不上，需联网之后自动加载，之后再拔了网线，wifi就可以用了。折腾如下：1.到第三步时，我是先在www.lenovo.com.cn 中下载了新的网驱，进入官网--->点击 服务---->在搜索框里输入型号，即笔记本背面 ...
2019-11-26 13:12:44
23775
1
原创 flex布局,子级高度独立
flex布局默认会将所有子级的高度设为最高子级的高度,即如果左右两个div,增加左边的高度,右边也会增加,可以在父级上添加:align-items:flex-start,使其各自高度独立...
2019-11-18 16:15:13
921
原创 input的回车事件
1,input使用回车,进入下一个输入框,最后完成确认按钮的点击 <input type="text" value={optItem.tScore} placeholder={'<=' + optItem.aScore} onChange={e => { var val= e.target.value; ...
2019-09-02 15:39:40
1813
原创 input标签的使用
1,仅输入数字,禁止输入负号等符号.<input id='scoreinput' type="tel" value='' placeholder='请输入整数' onChange={e=>{ var val=e.target.value; var reg=/[^\d]/g; val = val.slice(...
2019-08-12 11:54:54
369
原创 canvas绘图
在react项目中使用canvas绘图,在原有图片上绘制批阅痕迹,支持撤回功能,保留前面的绘图痕迹,在绘制完毕后合成一张新的图片
2019-07-11 15:40:24
313
原创 h5 pc端拍照
react脚手架下pc端拍照功能import React, { Component } from 'react';import "./index.less";var mediaStreamTrack; //拍照class Audio extends Component { constructor(props) { super(props); this.state =...
2019-07-10 15:06:19
439
原创 H5 pc端录音功能
项目是基于creat-react-app框架的,点击录音按钮时,弹出录音框,实现开始录音,录音试听,确认本次录音,将本次录音内容传递给第二个audio标签import React, { Component } from 'react';import "./index.less";let recorder;class Audio extends Component { const...
2019-07-10 14:02:01
848
原创 react项目实现图片截图并上传oss
使用Create-React-App脚手架创建antd开发,并引入react-cropper.js,将生成的截图上传至ossnpm install --save react-cropper在项目中引入import CropperDiv from 'react-cropper';import '../../../node_modules/cropperjs/dist/crop...
2019-07-09 16:35:15
1439
原创 将str地址转为对象 和对象转为地址的方法
function search2Obj(str){ str = str || ''; str = str.indexOf('?') > -1 ? str.slice(str.indexOf('?') + 1) : str; var items = str.split('&'); var result = {}; ...
2018-12-04 10:16:44
452
原创 h5页面 判断是在微信打开还是在浏览器打开
// isweixin function is_weixin(){ var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; } else { retur...
2018-12-04 09:59:11
7515
原创 快速搭建成熟的react项目
想要搭建react首先要安装node和npm.1,建立一个名字为react的文件夹2,在此文件夹下 输入命令 npm init生成package.json文件,此时的package.json中只有基础配置,想要项目运行还需要配置多种开发包这是我上一个项目所用到的各种依赖,可以参考{ "name": "text", "version": "1.0.0", "...
2018-10-29 16:30:54
407
原创 用户名灰色提示
未输入时为灰色提示，有输入时，文字显示红色。 用户名提示 .usernameclass1{ color: gray; } .usernameclass2{ color: red; } function myfocus(){ //聚焦时，如果值是"请输入...",先把值变为空，去掉灰色样式，添加红色样式
2017-11-03 18:04:28
506
原创 js实现表格隔行变色和鼠标移入高亮
代码如下： window.onload=function() { var oTab=document.getElementById('tab1') var oldColor=''; function toColor() { for(var i=0;i<oTab.tBodies[0].
2017-08-20 18:36:46
3306
原创 简单易用的无缝滚动
一个简单易操作的无缝滚动js代码img,ul,li,div,body{margin: 0;padding: 0;}img{vertical-align: top;}a{text-decoration: none; color: black;}ul li{float: left;}ul{list-style: none;}#div1{width:80
2017-08-19 14:32:18
489
原创 简单js实现选项卡
选项卡*{margin: 0;padding: 0;}#div1{margin: 0 auto;width: 800px;height: 300px;border: 1px solid black;}#div1 .div2{width: 800px;height: 70px;display: block;}#div1 .div2 in
2017-08-17 15:38:37
531
原创 js实现简单年历
年历*{margin: 0;padding: 0;}ul{margin: 0;padding: 0;}.calender{margin: 0px auto;width: 400px;height: 700px;background-color: #ccc;}.calender ul{margin: 5px auto;width: 400px;he
2017-08-17 11:04:49
934
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人