- 博客(27)
- 收藏
- 关注
RSS订阅
原创 sass的一些坑，一些规范
sass 一些新手容易踩的坑一、变量运用变量的时候，变量的作用域$ 变量名：变量值$color-black: #000;body{$color-black: #333;}.color{color:$color-black}编译成color：#000，全局>局部 (body)Sass 提供 !global 可以影响全局变量一般慎用$color-black: #000...
2019-01-14 13:57:49
620
原创 移动端实现侧边导航栏粘性定位
获取content距离可视页面顶部的距离，小于0就表示右边内容滚动，在切换导航时候改变成0。2.右边内容滚动再切换导航保证右边内容是从头展示。右边内容写死最小高度一屏，内容不到也会有滚动。并保证每次切换导航右边是从头开始展示。1.实现导航在滑动到顶部时候定位。切换导航触发onChange。
2024-03-20 16:27:32
156
原创 微信小程序实现车牌号输入自定义键盘
实现输入车牌号功能，I是在车牌号里不能输入得，在键盘上就没有展示，O是只在第二位上可以输入，addCarNumber 是保存接口了。js data键盘信息是写死得。
2023-09-26 10:06:38
1303
1
原创 微信小程序扩展组件index-list，添加图片
wxss，需要保证图片高度与文字一致，这里是都是96rpx，索引值是98rpx，就是图片每组循环间距98rpx，保证一致不会串，index-group__list 偏移得位置正好放图片。想要实现左边有图面，这种功能，我是将图片定位到组件左边。在页面.json配上路径。
2023-09-26 09:51:40
378
原创 element ui时间格式转换
转换时间格式做项目时候遇到的问题整理一下前端获取到的时间格式是这样的但后端需要接受是YY-mm-DD HH-mm-ss 这种格式就需要转一下时间的格式话不多说上代码，format (date, type) { let yy = new Date(date).getFullYear() let MM = this.addZero(new Date(date).getMonth() + 1) let dd = this.addZero(new Date(date)
2022-04-21 15:32:54
624
原创 element ui 实现年度区间，如开始年度~结束年度
element ui 实现年度区间，如开始年度~结束年度利用DatePicker 实现 <z-form-item label="申请年度" prop="yearStart"> <div class="flex"> <z-form-item prop="yearStart" class="select-box"> <z-date-picker
2022-04-21 15:19:42
2849
原创 HTML5 video 全屏播放
HTML5 video 全屏播放调用系统全屏launchFullScreen(element) { if (element.requestFullScreen) { element.requestFullScreen(); } else if (element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if (element.webk
2021-05-14 17:04:27
314
原创 纯css控制文字显示隐藏
纯css控制文字显示隐藏用到css 伪类 :checked:checked 选择器匹配每个已被选中的 input 元素（只用于单选按钮和复选框）。html<div class="box"> <input type="radio" name="clickInput" value="0" id="Input1" hidden> <label class="label1" for="Input1">更多</label> <inp
2021-04-29 16:32:09
1312
原创 vue 手机端输入框在页面滚动时，失去焦点
vue 手机端输入框在页面滚动时，失去焦点监听页面滚动触发方法 myTouchMovemounted() { window.addEventListener('touchmove', this.myTouchMove, true); },在methods 加上，blur() 取消焦点，用 ref 属性绑定input，$refs 获取到对应的inputmethods: {myTouchMove() { this.$refs.commentInput.blur()
2021-04-27 16:58:05
897
原创 JavaScript 类型转换
JavaScript 类型转换JavaScript 中有6种数据类型stringnumberbooleanobjectfunctionsymbo3种对象类型：ObjectDateArray2 个不包含任何值的数据类型：nullundefined还区分为：1.基本数据类型：Number、String、Boolean、Null、Undefined、Symbol（ES6），这些类型可以直接操作保存在变量中的实际值。2.引用数据类型：Object Function
2021-04-23 18:09:11
69
转载 JavaScript 数组处理方式
JavaScript 数组处理方式转载 js 数组详细操作方法及解析合集记录一下方便自己查询创建数组// 字面量方式:// 这个方法也是我们最常用的，在初始化数组的时候 相当方便var a = [3, 11, 8]; // [3,11,8];// 构造器:// 实际上 new Array === Array,加不加new 一点影响都没有。var a = Array(); // [] var a = Array(3); // [undefined,undefined,undefined]
2021-04-23 11:27:51
152
原创 自己整理css的坑(永久更新)
css的坑1、flex 布局不兼容IE10以下，可以用table兼容（微信小程序支持flex布局）2、cavas绘制，浏览器不同绘制的图不一样，在Edge下可以直接加载16个，谷歌和火狐是8个，不一次性加载，用定时器加载谷歌能9-12，火狐能到12-15；IE怎么都只有6个。而且谷歌和火狐是加载后面添加的，前面的没了，ie是加载前面的，后面的没了3、inline-block作用于行内标签，如...
2021-04-23 10:19:44
168
1
原创 el-scrollbar 横向滚动条使用
让横向滚动条出现，同时不显示默认的滚动条，需要在 el-scrollbar__wrap 添加.el-scrollbar__wrap{ overflow-x: auto; height: calc(100% + 20px); //多出来的20px是横向滚动条默认的样式}在el-scrollbar 是 overflow: hidden;.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view{ white-space: nowrap;
2020-12-25 10:40:05
14743
2
原创 chrome浏览器中 F12 功能的简单介绍
chrome浏览器中 F12 功能的简单介绍https://zhuanlan.zhihu.com/p/138922503
2020-12-10 11:24:01
346
原创 0基础制作字体 icon
0基础制作字体 icon很多时候用的icon都是网上找的，有的都是大众的，想自己做一套用的或者有选择有哪些icon，可以自己制作属于自己的。有两种方式制作一、自己画图标或者图标转成svg制作制作前用的软件需要用Adobe Illustrator 来制作svg格式的图标，可以现成的png图片转成svg格式的，这里先不讲自己做的svg，讲用png转成svg格式做icon然后注意做icon...
2019-03-05 14:29:57
369
原创 css 动画 线圈运动
css 动画 线圈运动实现线绕这某个物体图片运动先做一张图图片就是有渐变效果的线圈，只要控制在一定角度旋转就行html <div class="base"> <div class="pan"></div> </div>css.base{ transform-style: preserve-3...
2019-01-15 15:55:51
287
原创 Echarts 文字大小随页面宽度变化
Echarts 文字大小随页面宽度或父级宽度变化在Echarts的api里Echarts 图文字大小是在textStyle:{fontSize:12,}fontSize 设置 支持px单位的，em、rem、vh、vw、都不好用不支持，如果屏幕要适配大小屏幕的时候，就会出现，字体要么太小要么太大这里我直接写js 实现字体大小根据屏幕大小字体自适应。const e = docum...
2019-01-14 14:21:34
9358
原创 html5 canvas实现透明渐变曲线
canvas 透明渐变曲线canvas 画布首先html<canvas id="canvas" width="400" height="300"></canvas>用canvas来实现 window.onload=function(){ var canvas = document.getElementById("canvas");
2018-12-10 17:20:14
3881
2
原创 纯css实现不定宽度提示框水平垂直页面居中
提示框一些提示框里的文字字数是不一定的，不能写死，左右居中一般都是用js写的。纯css也能写成。flex、position: fixed flex 布局跟绝对定位写html<div class="hint" > <div class="hint_text">验证码错误</div></div>css.hint{ posi...
2018-12-10 16:53:29
208
原创 小程序上拉加载下拉刷新
小程序上拉加载下拉刷新在小程序api里设定onPullDownRefresh 下拉刷新onReachBottom 上拉触低想要使用这两个方法还要在json文件里配置“onReachBottomDistance”:true, 开启上拉“enablePullDownRefresh”: true,开启下拉onReachBottomDistance和enablePullDownRefresh...
2018-10-18 16:19:26
219
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人