- 博客(51)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Element UI el-cascader 选中label值超长鼠标悬停提示
Element UI el-cascader 选中label值超长鼠标悬停提示
2022-12-30 13:34:53
1022
原创 react hook使用cropperjs截图
react hook使用cropperjs截图之前用react-cropper的时候遇到了各种各样的问题，头炸了，项目时间紧只能换了，终于用cropperjs解决了之前遇到的问题，哭liao！直接上代码：import Cropper from 'cropperjs';import 'cropperjs/dist/cropper.css';const Screenshot = (props) => { const options = { zoomTo: 0.1,
2021-03-23 10:37:29
569
原创 react-cropper图片裁剪并上传
react-cropper图片裁剪并上传官方Demogithub1、安装npm install --save react-cropper2、效果图3、大致代码import Cropper from 'react-cropper';import 'cropperjs/dist/cropper.css';const ScreenCropper = (props) => { const [image, setImage] = useState(defaultImg); const
2021-03-19 10:35:55
632
2
原创 antd form Warning: Instance created by `useForm` is not connected to any Form element. Forget to pas
antd form Warning: Instance created by useForm is not connected to any Form element. Forget to pas解决办法：<Modal forceRender // 加上这个属性 title={} visible={} footer={} width={} onCancel={}>
2020-11-23 09:53:40
396
原创 解决video动态切换src视频不改变问题
解决video动态切换src视频不改变1、问题：在react项目中，有个需求是要动态的改变video中的视频，但是通过查看，video标签中的src已经更新但是视频还是原来的视频，并未更新。2、百度产生原因：当 video 中存在 source 标签的时候，浏览器渲染之后会自动去获取地址，即便地址改变，浏览器也不会再去获取地址。3、有效的解决方案：1、不使用source标签，直接在video中使用src，动态切换这里面的src<video src={'http://' + item.vi
2020-09-24 22:15:51
13560
4
原创 解决电脑能连接WIFI但是无法正常上网问题
电脑能连接WIFI但是无法正常上网解决方案有效的解决方案：1、右键WIFI，选择打开网络和Internet设置2、点击适配器选项3、在弹出来的框中，右键WIFI设置，点击属性4、除了以下五个选项打勾其余的全部都去掉，确定即可正常上网...
2020-09-10 19:55:54
5485
3
原创 CSS组件置顶/置底/透明/堆叠
CSS组件置顶/置底/透明置顶：position:fixed;top:0;置底：position: fixed;bottom: 0;透明：opacity: 0.5; // 取值0-1，0未为完全透明，1为不透明元素的堆叠：z-index: 999; // 值越大，在越上层...
2020-02-21 16:29:01
4620
原创 CSS绝对定位，相对定位
CSS绝对定位，相对定位1、在绝对定位上显示内容(在要显示的内容上面设置相对定位)<image class="back" src="../../../../1.png"></image><view class="name">我是相对定位</view>page{ background-image: linear-gradient(#94c...
2020-02-17 16:06:50
121
原创 解决：VScode抛出的错误：Cannot set property 'innerHTML' of null document is not undefined
VScode抛出错误：Cannot set property ‘innerHTML’ of null document is not undefined因为这里涉及js的调用：js自上而下调用，将js脚本引入放在html尾部，问题解决
2020-01-10 15:01:50
515
原创 CSS文本的缩进
CSS文本的缩进<div class="text-indent_7"> <span>...</span> <span>...</span></div>.text-indent_7 { text-indent: -7rem; margin-left: 7rem;}效果图：...
2020-01-09 15:52:36
481
原创 CSS的before属性的用法
CSS的before属性的用法上两个例子来解释before属性如何使用：1、在元素前添加文本p:before{content:"台词：";}2、在元素前添加形状p:before{content:''; // 必须display: inline-block; // 必须width:1cm;height:1cm;background-color:yellow;c...
2020-01-09 15:13:50
2467
原创 CSS的各种居中
CSS的各种居中1、div的水平居中使用margin设置水平居中时，和配合宽度，否则无效.margin_center { margin: 0 auto; width: 250px; height: auto;}
2020-01-08 19:28:21
179
原创 前端跨域jsonp解决方案
前端跨域解决方案看了几篇文章，得出很多种解决跨域的方法；这里我来用这些方法进行测试：跨域解决方案：1、 通过jsonp跨域2、 document.domain + iframe跨域3、 location.hash + iframe4、 window.name + iframe跨域5、 postMessage跨域6、 跨域资源共享（CORS）7、 nginx代理跨域8、 nod...
2020-01-08 10:36:55
412
原创 vs code中运行html文件
vs code运行html文件（这里介绍一下，vs code里面不能新建文件夹，所以可以在外面创建文件夹，在vs code里面打开）1、在没有安装任何插件的时候，运行项目时抛出一个错误： Code language not supported or defined.解决办法：File -》 Preference -》 Settings设置好后，异常解决，但是还是无法在浏览器中...
2020-01-07 16:05:23
6412
原创 小程序模块的创建及调用
小程序模块的调用函数形似的模块：// 模块创建的格式=========================== 格式一 ===========================================// 函数形似function funA(){ ....}// 暴露接口module.exports = { funA：funA}=====================...
2020-01-07 10:36:39
514
原创 CSS对齐弹性布局中左右对齐
CSS对齐弹性布局中左右对齐<view class='li'> <view>产品名称</view> <view>猪肉</view></view>.li { display: flex; /* 在弹性盒对象的 <div> 元素中的各项周围留有空白 */ justify-content: s...
2019-12-24 17:53:03
5430
原创 Vue点击样式改变
Vue点击样式改变<block v-for="(item , index) in List" :key="index"> <view class="aa" :class="{active: index == num}" @click="tabs(index)">{{item}}</view></block>data(){ return{...
2019-12-20 15:57:11
769
原创 CSS边框样式
CSS边框样式圆角边框：border-top-left-radius: 40px; // 左上角border-bottom-left-radius:40px; // 左下角border-top-right-radius: 20px; // 右上角border-bottom-right-radius: 10px; //右下角...
2019-12-09 09:28:46
143
原创 正则表达式
正则表达式str = “2019-10-11 22:33:00”取两个 - 之间的字符str.match("(?<=-).+(?=-)")结果：10匹配空格和第一个 ： 之间的字符str.match（"(?<=\\s).+?(?=:)"）结果：12匹配两个 ： 之间的字符str.match（"(?<=:).+(?=:)"）结果：33匹配第一个空格前面...
2019-11-30 17:43:04
137
原创 小程序自定义组件的使用
小程序自定义组件的使用1、新建一个目录专门放自定义组件，在该目录下新建一个 page2、在定义页面的 JSON 文件中配置：3、在要使用的页面的 JSON 文件中配置：4、直接可使用 <time></time>...
2019-11-28 17:23:11
140
原创 CSS背景颜色渐变
CSS背景颜色渐变灰色渐变：background: -webkit-linear-gradient(left, rgba(165, 159, 159, 0.8), rgba(165, 159, 159, 0.2));
2019-11-20 14:50:59
243
原创 小程序 function(e) 中的 e
function(e)中的e小程序： e相当于event，包含点击、长按等事件的内容 在wxml里面通过 data-XX 给组件绑定一个值，就可以在 e 中获取实例：<picker bindchange="changeU" data-id='{{elem.id}}' ></picker>changeU: function (e) { console.log...
2019-11-19 17:19:57
3207
1
原创 小程序jsEnginScriptError
小程序jsEnginScriptErrorConverting circular structure to JSON;onAppRouteTypeError: Converting circular structure to JSON## 错误解决办法：
2019-11-19 11:01:16
667
原创 小程序自定义函数的调用
小程序自定义函数的调用声明：initValue: function ( val ){ ……}调用：getData: function(){ let that = this; let i = that.data.x //获取当前页面的数据 var val = that.initValue( i );}...
2019-11-19 09:38:00
850
1
原创 小程序全局变量的定义与使用
小程序全局变量的定义与使用App.js定义全局变量：定义全局变量：App({ globalData: { db: null },)}this.globalData.db = wx.cloud.database({ env: 'xxx-xxxx' });扩展类的定义：Array.prototype.remove = function (val) { var ...
2019-11-18 18:24:36
461
原创 小程序生命周期函数
小程序生命周期函数1、onLoad 页面加载时调用，一个页面只会调用一次2、onShow 页面载入后触发，每次打开页面都会调用一次3、onHide 页面隐藏4、onUnload 页面卸载5、onLaunch 小程序初始化完成时触发，全局只触一次6、onReady 页面初次渲染完成时触发，一个页面只会调用一次...
2019-11-14 17:08:25
137
原创 Promise
Promisethen 等 resolve，等到 resolve 就执行 then ，否则执行 catch用 promise 的好处： 避免多次判断 job1.then(job2).then(job3).catch(handleError); job1成功就执行job2成功再job3，其中任何一个失败就执行catch...
2019-11-13 19:20:00
104
原创 uni-app 实现微信云存储功能
uni-app 实现历史记录存储到微信云功能功能描述：输入内容点击搜索，将收缩内容存入微信云，然后查询集合，最多显示10条记录并显示，多余的记录删除；查询时，先删除这里测试时存在一个问题：定义id时，令id = 0，再次运行时又从0开始，所以id的定义需要设置为一直是递增的，不能应为重新运行而从头开始；这里将标识id变成时间，因为时间的重复率很小；...
2019-11-12 11:41:16
1143
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人