操作技巧
风风草
这个作者很懒,什么都没留下…
展开
-
解决fixed导致的鼠标弹起问题
// 示例 @media (max-height: 667px) {//自己控制高度 .bottom {//被fixed的元素 display: none; } .middle { height: calc(100% - 152px); } }原创 2021-07-21 15:50:42 · 110 阅读 · 0 评论 -
如何textarea标签输入内容自动增高
第一步: <textarea ref={(input) => (this.input = input)} className={styles.inputStyle} onChange={(e) => this.inputContent(e)} cursor-spacing={0} placeholder="请输入内容" onInput={this.startInput} // 使用onInput />第二步:原创 2021-07-16 16:29:50 · 721 阅读 · 0 评论 -
url参数序列化与反序列化
1、安装包npm install qs2、导入import { parse, stringify } from "qs"3、使用// 反序列化let urlParams= "name=Tom&id=2022";let obj = parse(urlParams) // { name: 'Tom', id: 2022 }// 序列化let str = qs.stringify(obj);console.log(str); // name=Tom&id=2022原创 2021-06-22 15:13:38 · 1377 阅读 · 0 评论 -
【IOS自动播放video】微信环境
1、引入包import wx from 'weixin-js-sdk'2、判断是否是IOS环境const isIOS = ()=>{ let u = navigator.userAgent; let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); return isiOS;}3、在组件内部定义自动播放方法 autoPlayVideo = () =>{ wx.config({ // 配置信原创 2021-06-22 10:18:23 · 352 阅读 · 0 评论 -
【小技巧】获取子元素的父元素的父元素中的位置
$(’.xxxx’).parent().parent().index()原创 2021-06-17 15:57:34 · 577 阅读 · 0 评论 -
CSS让文字超过部分省略号显示
white-space: nowrap; //文本强制不换行 text-overflow: ellipsis; //文本溢出显示省略号 overflow: hidden; //溢出的部分隐藏 max-height: 300px; //设置最大宽度,否则不起效果原创 2021-05-21 16:52:32 · 131 阅读 · 0 评论 -
antd中的Input组件如何清除输入框的历史记录
利用input的属性autocomplete其中C大写,如下autoComplete="off"原创 2021-05-20 15:03:45 · 1966 阅读 · 0 评论 -
【gitlab】快速回滚某次提交合并请求
例如:回退图示这次合并点击进入后,点击图示位置:出现,点击Revert生成如下,点击绿色按钮,进行一次提交,即可原创 2021-05-11 09:27:52 · 6082 阅读 · 0 评论 -
点击按钮,致textarea自动获得焦点
// 光标聚焦回复框textarea文本域document.querySelector('.detail-reply-content').select()原创 2021-04-27 10:22:49 · 2305 阅读 · 0 评论 -
直接跳到页面最底部
1、window.scrollBy(0,document.body.scrollHeight)2、document.documentElement.scrollTop=document.body.scrollHeight原创 2021-04-27 10:12:00 · 2133 阅读 · 0 评论 -
IOS软键盘弹起textarea被覆盖的问题
setInterval与scrollIntoView配合使用,解决IOS软键盘弹起textarea被覆盖的问题if (navigator.appVersion.indexOf("iPhone") != -1) { // setInterval与scrollIntoView配合使用,解决IOS软键盘弹起textarea被覆盖的问题 let timer = setInterval(()=>{ document.body..原创 2021-04-21 11:57:32 · 334 阅读 · 0 评论 -
【钉钉浏览器】中页面标题title的修改,同时适配其他浏览器
1、下载钉钉提供的前端JSAPI包npm install dingtalk-jsapi2、引入包import * as dd from "dingtalk-jsapi";3、封装公用方法创建文件commonFunc.jsconst func ={ // 设置导航栏标题 changeDocumentTitle(title) { // 钉钉浏览器内部,使用钉钉提供的JSAPI中的接口dd.biz.navigation.setTitle设置导航栏标题 if(windo原创 2021-04-14 20:44:26 · 1492 阅读 · 0 评论 -
【Chrome安装插件】直接移入失效时该如何安装.crx插件
1、搜索到你需要的插件,进行下载以下以【极简插件】为例,例如:我们需要安装插件【React Developer Tools】2、找到后,点击后,进入下载界面点击【推荐下载】3、下载完成后,找到下载下来的.zip压缩文件,进行解压,这里选择【解压到 React Developer Tools】4、找到里面以.crx结尾的文件,进行重命名重命名为以.zip结尾的同名文件【React Developer Tools.zip】5、再次解压依旧选择【解压到React Developer Too原创 2020-11-29 22:32:40 · 296 阅读 · 0 评论 -
如何设置谷歌浏览器默认搜索引擎为百度
选择:打开设置:2、找到“搜索引擎”,右侧选择“百度”3、试一试原创 2020-08-26 21:49:48 · 2454 阅读 · 1 评论 -
windows中批量重命名
打开命令行,进入对应文件夹C:\Users\ping4>f:F:\>cd www/baixiu-dev/admindir可以查看对应文件夹的目录结构F:\www\baixiu-dev\admin>dir执行命令,将所有的扩展名为.html的文件改为扩展名为.php,其中ren为rename的简写ren *.html *.php...原创 2020-02-17 09:28:36 · 211 阅读 · 0 评论