html
海龟先生plus
星光不问赶路人
展开
-
前端 拖拽---------小计
拖拽+边界值限定 <style> html,body{ width: 100%; height: 100%; margin: 0; padding: 0; } .move-box{ width: 420px; height: 560px; background:#f40 ;原创 2020-09-04 09:42:03 · 146 阅读 · 0 评论 -
vue 自定义指令-----文字提示气泡
实现一个简单的 鼠标滑过出现文字提示。啥也不说 上代码包括了 指令类容更新import Vue from 'vue' Vue.directive('mouse', { // 初始化 bind: function(el, binding, vnode) { }, // 被插入 inserted:function(el, binding, vnode){ mousEnter(el,binding) }, // 更新值 update:function(el,原创 2020-09-02 15:34:29 · 1848 阅读 · 0 评论 -
移动端 Input自动上推页面
在做移动端或者小程序,可能都会遇到 Input输入时,自动上推页面,解决思路如下问题分析,在获取焦点的时候,键盘的抬起,上推了页面,那我们是不是可以给页面设置最小高度为当前屏幕高度,当键盘抬起时候,页面高度自然增加了,不会上推之前处理过,具体忘了,这里写个大概思路,可能有误...原创 2020-08-18 11:17:22 · 1172 阅读 · 0 评论 -
vue 移动端适配 两种方案
vue中实现移动端的适配使用淘宝团队的 Flexible实现手淘H5页面的终端适配原文链接 添加链接描述1.首先将两个 (flexible.debug.js)(flexible_css.debug.js) js文件下载,导入项目2.运用,假设 设计稿是 750的,现在有一个div 宽 100px 高100px ,此时我们使用rem去做适配单位,使用vscode可以下载 css 转rem的插件 并设置转换的值,750的rem基准值是 75 (建议看链接),所以得到单位应该是 宽 100/75原创 2020-06-13 20:40:22 · 1879 阅读 · 0 评论 -
js + css实现点击 波纹效果
有时候我们为了增加用户体验,可能会有一些点击样式 类似框架中的haver-class 这里简单用 js+css 实现一个点击效果(类似水波纹)大体思路1.获取点击时 鼠标坐标(相对于父元素)2.在当前点 创建 节点(设置对应的样式)3.设置定时器,移除节点–Okjs + dom<div class="box"> <button>点击试试1<...原创 2020-04-30 00:48:38 · 784 阅读 · 0 评论 -
记录-----微信小程序 长按事件 踩的坑
大家都知道 微信中是提供了 长按事件 1、longpress 2、longtap,道理都懂,就是长按(约350ms)后会触发事件这里是就踩了一个坑,业务场景是这样的,长按当前区域,出现对应的业务逻辑(如 批量删除等),自然想到了长按时,触发一个布尔值的改变,从而 控制对应区域的显示或者隐藏 (wx:if 或者(uni-app)的v-if)一切都很顺利,长按后也出现了对应的效果,可当再次...原创 2020-04-14 16:55:30 · 721 阅读 · 5 评论 -
canvas简单学习--入门级别
一直对canvas充满敬畏感,今天终于有空来看看,简单了解了下,算是入门吧参照文档,做了几个示范,大概有了一定了认识,总的来说 canvas的制作会有几个步骤如下:(个人理解,不喜可喷)1.通过canvas标签,创建 画布实例// canvas标签 创建一块画布,可通过 宽高属性设置 大小,本身是没有绘图能力,需要通过 代码实现<canvas class="canvas-r" id...原创 2020-04-11 23:42:35 · 339 阅读 · 0 评论