- 博客(27)
- 收藏
- 关注
RSS订阅原创 解决页面有多个input textarea 键盘拉起头部被顶起的问题
【代码】解决页面有多个input textarea 键盘拉起头部被顶起的问题。
2024-07-19 16:25:28
351
原创 解决uniapp，textarea拉起页面被顶起和键盘被输入框遮挡的问题。
1：Android、ios 同事2解决；2：我们在开发的时候会发现textarea或者input拉起键盘的时候整个页面被顶起了，header也被顶没了；官方给了:adjustPosition='false'属性，设置完之后页面就不会被顶起，但是键盘把输入框挡住了，就很恶心；3：我的实现思路是，adjustPosition='false'；用@keyboardheightchange监听键盘的高度；在textarea下面给一个view标签并且加高度；
2024-06-25 15:20:54
2701
2
原创 字符串转数组的几种方式, for···of 遍历字符串的方式
let str="ABCDEFG";//第一种var oStr=Array.prototype.slice.call(str);//第二种var oStr=str.split(",");//第三种 扩展运算符var oStr=[...str];//第四种const [...oStr]=str//for···of 遍历字符串let newStr='';let str='ABCDEFG';let words='ABCDEFGHIJYKL';let map.
2022-03-17 10:59:16
317
原创 脚手架本地link标准流程
链接本地脚手架cd your-link-dirnpm link链接本地库文件cd your-lib-dirnpm linkcd your-lib-dirnpm link your-lib取消链接本地库文件cd your-link-dirnpm linkcd your-link-dirnpm unlink your-lib理解npm link：npm link your-lib ：将当前项目中node_moudles 下指定的库文件链接到nod
2022-02-25 16:28:27
443
原创 a标签跨域下载文件，解决download失效问题
a标签中download属性可以更改下载文件的文件名。但是如果是跨域的话，download属性就会失效。解决方案：//onclick 事件<a @click="downloadFile(fileUrl,fileName)">下载文件</a>downloadFile(url, fileName) { var x = new XMLHttpRequest(); x.open("GET", url, true); x.responseType = 'b
2021-12-07 11:12:01
2250
2
原创 高阶函数 和 函数的颗粒化
1: 高阶函数：如果一个函数符合下面两个规范中的其中一个，就称为高阶函数。 （1）若A函数，接受的参数是一个函数，那么A就是死高阶函数。 （2）若A函数，调用的返回值依然是一个函数，那么A就是死高阶函数。如常见：Promise ，setTimeout ，map，reduce，filter，sort;（1）Promise var myFirstPromise = new Promise(function(resolve, ...
2021-11-23 19:00:45
1622
原创 jsx的语法规则
1: 定义虚拟DOM事，不要加引号；2:标签引入js语法时 要用{};3:样式的类名指定不要用 class 要用 calssName；4:内联样式，要用 style={{ key:value }} 的形式去写；5:虚拟DOM 必须只有一个跟标签；6:标签必须闭合；7:标签首字母 （1）小写字母开头 则将该标签转为html同名元素，若html中无对应的同名元素，则报错。 (2) 大写字母开头 react就去渲染对应的组件，若没有，则报错。...
2021-11-18 15:07:48
254
原创 小程序web-view 跳转到h5 监听返回按钮
1:跳转到h5之后 先给页面堆栈，然后就可以监听到返回事件了 <script> window.history.pushState(null, null, window.location.hash); window.addEventListener("popstate", function (e) { window.history.pushState(null, null, window.location.hash);
2021-11-12 18:15:08
1829
1
原创 小程序 顶部,底部兼容 ios
1:小程序开发中，ios系统如 iphoneX iphone11 iphone12 都有底部安全区域，所以在做的过程中要做兼容，使页面看起来更美观。（1）：第一种方法直接给对应的类 设置样式便可以。.class{ padding-top: env( safe-area-inset-top);安全区域距离顶部边界距离 padding-bottom: env(safe-area-inset-bottom);//安全区域距离底部边界距离}//其他属性 safe-area...
2021-03-18 10:01:53
783
原创 数组中根据某个字段去重
let Arr=[{name:"小小"},{name:"大大"},{name:"重重"},{name:"小小"},{name:"大大"}];//调用unique(Arr);function unique(Arr) { var hash = {}; Arr = Arr.reduce(function(arr, current) { hash[current.name] ? "" : (hash[current.name] = true && .
2020-10-28 17:15:05
1165
原创 React 获取元素在页面中的高度
componentDidUpdate() { const columnFixed = document.getElementById('columnFixed'); if (columnFixed) { let offsetTop = columnFixed.offsetTop; console.log(offsetTop) } }1：页面信息渲染完成之后 获取元素在页面中的信息...
2020-09-18 13:43:48
3462
原创 小程序 设置 一个方法 或者弹窗 每天只执行一次 wx.getStorage ， wx.setStorage
1：很简单的原理 只要判断上次执行的时间和当前时间做比较，如果是当天未执行过让其执行一次，如果不是的话执行一次，并且存下当前日期；2：要注意的是，小程序只要在手机上删除，缓存就删了，会重新执行此方法；//首先获取是否执行过wx.getStorage({ key: 'today', success: function(res) ...
2019-11-20 18:09:46
2852
原创 小程序实现元素在页面可拖动 movable-area
先看实现效果图： 实现客服按钮在页面区域可拖动；1:首先要定义一个容器,使元素在这个容器范围内可来回拖动；//<movable-area> 就是该容器//<movable-view> 是拖动的元素// x y 是定义元素在页面的具体位置//animation 防止拖动的时候掉帧<movable-area> <mov...
2019-10-29 11:02:13
2247
原创 微信环境下video的 autoplay 和 controls 解决方法？
客户想要实现在微信环境下 用户查看视频播放，并且不能快进看完，只能让视频自动播放完毕后，才能领取奖励。。。。。 现在遇到下面几个问题，实在是找不到合适的解决方法！！！！！！！！！！！！！！！！！！1：微信环境下安卓系统的视频无法自动播放？2：video的视频控制器controls 设置成false，但是还是显示出来了？3：controls 无法隐藏，于是就想到加一层蒙...
2019-08-28 18:01:34
1319
原创 video 获取倒计时
1：首先看下效果图吧！（样式只是自己粗略写的）。2：代码部分：（1）样式贴一下自己的：<style> #video { width:100%} .videoContent { position:relative;} .videoContent > div { position: absolute;color: #fff; font-siz...
2019-08-22 10:59:47
664
原创 原生js 实现移动端 元素页面拖拽
html<div id="qmkf" > <div> 拖动</div> </div>css #qmkf { border-radius: 50%; position: fixed; z-index: 99; width: 39px; ...
2019-08-19 18:53:04
990
2
原创 解决ios键盘弹出input框失效问题
document.body.addEventListener('focusout', function () { window.scrollTo(0, 0); })
2019-07-04 18:54:32
1368
原创 小程序加入购物车动画效果及还原动画
1：先贴一下效果图，点击"+"出现垂直向下的效果。2：首先是页面以及样式部分；index.wxml： <!-- 加入购物车箭头 --> <view class='Arrow' animation="{{animation}}" wx:if="{{showAnmimation}}"> <image src='../../imag...
2019-05-07 10:34:58
5650
3
转载 WdatePicker 使用默认时间
<input type="text" id="d233" onFocus="WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true})"/>
2019-03-11 10:18:39
3666
1
原创 ul li 树状图 实现显示隐藏
<script> $(function () { $('li>span').click(function (event) { /* Act on the event */ if ($(this).parent('li').find('ul').length > 0) { ...
2018-10-30 17:35:25
2869
原创 jquery 实现 菜单横向滑动以及滑动菜单时对应导航选中
1：实现效果2：css 部分可自己补充；3：简单的html部分； @* 菜品导航 *@ <ul class="grin_nav"> <li class="navActive"> <span>酸菜鱼</span> </li> &
2018-10-30 15:03:12
2248
原创 select2 不能搜索关键词时：
$(function () { $("#RRID").select2(); $.fn.modal.Constructor.prototype.enforceFocus = function () { } })
2018-10-15 13:22:37
683
原创 小程序 固定分类导航 点击栏目滑动到相应内容
1：先看一下效果图，点击对应栏目，页面滑动到对应的分类内容。 2：第一步先实现页面内容；<!-- 分类导航 --> <view class='nav_fl'> <view wx:for="{{goodlist}}" data-index="{{index}}" data-id="b{{index}}" bindtap='tap'>{..
2018-10-11 15:17:53
6784
1
原创 H5页面向小程序传递参数
H5页面 js；<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> $(function () { //小程序发送信息 wx.miniProgram.getEnv(function (res) { if (res.mi...
2018-08-20 17:10:02
8992
3
原创 小程序 投票或砍价进度条
示例图：上代码：index.wxml: <view class='clo_jdt'> <view style='width:{{width}}'></view> </view> <view>进度 <text>{{width}}</text> </view
2018-08-16 10:48:14
2260
原创 点击按钮复制文本内容
js部分<script src="~/Scripts/clipboard.min.js"></script><script>$(function(){var clipboard = new Clipboard('.copyDdn'); clipboard.on('success', function (e) { ...
2018-08-07 18:08:24
642
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人