- 博客(34)
- 收藏
- 关注
原创 vscode使用
备注:有人使用"vue",我开始也试了vue,不知道为啥不可以,改成html就可以了。点击文件-》首选项-》设置 或者直接快捷键ctrl+,在搜索框中输入settings.json,打开此文件。重新打开vscode就可以i了。添加对.vue文件的配置。
2024-08-30 10:28:35
1233
原创 自适应布局
这样 子集会在父级范围内自适应高度 出现子级滚动条。父级使用 h-full flex flex-col。子级使用 flex-1 h-0。1,样式来自 tailWindCss。
2024-08-20 20:25:29
82
原创 意外全局变量
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
632
原创 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
350
原创 win10 系统插上网线没网问题
我的本本,系统自动更新后,插上网线,显示没网,尝试了很久,发现在 控制面板和设置里面都把ip设为自动 才可以,至于什么原理我也不知道,ipv4.....不知道为什么 控制面板里面的ip和设置里面的ip竟然不一致,有网之后刷新一下,两个地方的才统一....
2020-05-18 16:06:03
1274
原创 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
1233
原创 联想小新无线网总断问题
刚买的小新Air14,连接无线网总是断网,在客服的指导下卸载了自带的无线网驱,安装新网驱,但是网络适配器一直识别不到,经过一番折腾,发现可能是手动安装不上,需联网之后自动加载,之后再拔了网线,wifi就可以用了。折腾如下:1.到第三步时,我是先在www.lenovo.com.cn 中下载了新的网驱,进入官网--->点击 服务---->在搜索框里输入型号,即笔记本背面 ...
2019-11-26 13:12:44
22517
原创 flex布局,子级高度独立
flex布局默认会将所有子级的高度设为最高子级的高度,即如果左右两个div,增加左边的高度,右边也会增加,可以在父级上添加:align-items:flex-start,使其各自高度独立...
2019-11-18 16:15:13
849
1
原创 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
1765
原创 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
331
原创 canvas绘图
在react项目中使用canvas绘图,在原有图片上绘制批阅痕迹,支持撤回功能,保留前面的绘图痕迹,在绘制完毕后合成一张新的图片
2019-07-11 15:40:24
271
原创 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
398
原创 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
769
原创 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
1346
原创 将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
416
原创 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
7377
原创 快速搭建成熟的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
365
原创 用户名灰色提示
未输入时为灰色提示,有输入时,文字显示红色。 用户名提示 .usernameclass1{ color: gray; } .usernameclass2{ color: red; } function myfocus(){ //聚焦时,如果值是"请输入...",先把值变为空,去掉灰色样式,添加红色样式
2017-11-03 18:04:28
469
原创 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
3239
原创 简单易用的无缝滚动
一个简单易操作的无缝滚动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
453
原创 简单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
499
原创 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
900
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人