js
关注
分享
扫一扫
文章平均质量分 51
狗蛋*
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序点击按钮弹窗生成二维码图片+长按识别
框架：uni-app库：Painter GitHub - Kujiale-Mobile/Painter: 小程序生成图片库，轻松通过 json 方式绘制一张可以发到朋友圈的图片ui框架：uView 1.X u-modal 为uView弹窗，弹窗内容显示生成的二维码图片引入Painter组件（需事先下载库到components）获取数据后，调用this.draw()方法，绘制canvas，这里使用的painter内置的生成二维码qrcode，绘制成功后，onImgOk回调中获取生成图片原创 2022-07-04 11:50:29 · 3090 阅读 · 0 评论 -
react 函数式组件ref
在react中，ref属性可以获取子组件的实例或者Dom对象，进而对子组件进行修改，在传统类组件中，通过使用React.createRef()创建，通过ref属性附加到组件使用。在函数式组件中有所不同：使用forwardRef父组件：子组件：importReact,{createRef,useEffect,useState,forwardRef,useImperativeHandle}from"react";拿到ref通过useImperativeH...原创 2021-10-12 14:35:27 · 2457 阅读 · 0 评论 -
vue watch监听多个属性
watch的作用可以监控一个值的变换，并调用因为变化需要执行的方法。可以通过watch动态改变关联的状态。要监听多个值的话可以把vue对象实例的属性写到一个新的对象里边，然后监听这个对象。computed:{ id_num_data () { const { goods_list_id, goods_num } = this; return { goods_list_id, goods_num } }},watch:原创 2021-04-13 15:18:16 · 1165 阅读 · 0 评论 -
基于vue的uni-app框架 h5移动端-首页多tab实现思路
应用首页存在多个顶部导航tab，且每个tab下都有不一样的内容和样式，怎么在不影响数据的情况下，优化用户体验。头部导航栏+显示区域--<view class="navbar"> <view v-for="(item, index) in navList" :key="index" class="nav-item" :class="{ current: ...原创 2019-12-13 16:45:58 · 1304 阅读 · 0 评论 -
基于vue的uni-app框架之vuex+storage登录
根据vuex全局状态管理+es6本地存储实现登录缓存以及token状态拦截vuex--import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { hasLogin: false, token: false,...原创 2019-12-13 16:30:32 · 2233 阅读 · 0 评论 -
js遍历多个div并自动获取姓名的姓氏填入span
div class="mui-content" style="background-color: #f7f7f7;"> <div style="width: 100%;height: 0.2rem;"></div> <!--单个地址--> <div class="jutidiz...原创 2019-04-26 16:39:40 · 892 阅读 · 0 评论 -
解决mui h5移动端input弹出键盘，布局整体上移问题
mui.plusReady(function() { var height = document.documentElement.clientHeight || document.body.clientHeight; plus.webview.currentWebview().setStyle({ ...转载 2019-04-26 16:33:10 · 5446 阅读 · 1 评论 -
vue移动端解决click事件延迟，封装tap等事件
下载vue-touch.js引入：<script src="js/vue-touch.js" type="text/javascript" charset="utf-8"></script>导航条tab：<div> <ul> <li v-tap="{fn:vu...原创 2019-04-26 16:22:11 · 2047 阅读 · 0 评论 -
js多个列表框点击按钮展开与收起
<div class="taskList mytask"> <img src="img/renwuimg1.png" /> <div class="task-title"> <span class="title">北欧简约设计风格小...原创 2019-04-26 16:13:49 · 2183 阅读 · 0 评论 -
解决mui框架bottom公用导航条a标签href跳转，在微信内置浏览器跳转两次后不能点击--
首先解决mui框架 a标签不能跳转问题(被覆盖)js添加：mui('nav').on('tap','a',function(){document.location.href=this.href;});在原本跳转的链接上带上任意参数，例如这样：<a id="task" class="mui-tab-item mui-active" href="task.html?go=...原创 2019-03-21 11:19:28 · 585 阅读 · 0 评论 -
js常用特效
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table2.<body onselectstart="return false"> 取消选取、防止复...转载 2019-03-19 19:47:03 · 2231 阅读 · 0 评论 -
移动前端--下拉刷新
<html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>test</title&转载 2018-08-29 16:50:22 · 475 阅读 · 0 评论 -
移动端导航条点击一个栏目滑动到屏幕中间
HTML<ul class="tab-head"> <li class="tab-head-item active">衣服</li> <li class="tab-head-item">裤子</li> <li class原创 2018-08-13 13:32:57 · 3223 阅读 · 4 评论 -
横排文字向上滚动效果 --jquery
html：<div class="Top_Record"> <div class="record_Top">摇奖排行榜</div> <div class="topRec_List"> <dl>原创 2018-08-15 10:40:18 · 286 阅读 · 0 评论 -
移动端手机验证码四格input
最近接的新项目，登录注册页根据需求要使用手机号获取验证码登录或者注册，一开始的想法是要做4个inputshur输入框，但是光标问题太严重。在网上看别人的实现方法，发现可以用一个input+4个span或者四个div来做，经过构思，实现了以下的方法。 html:<div id="shoujihao"> <span>&l...原创 2018-08-06 09:12:19 · 3602 阅读 · 0 评论 -
输入框清除按钮(自定义)
<input id="sjh" type="text" name="" oncopy="" required value="" class="ipt" placeholder="请输入手机号" onkeyup="Mobile2(this)" /><span class="mui-icon mui-原创 2018-08-06 08:59:23 · 2133 阅读 · 0 评论 -
input输入框输入手机号时第三位后和第七位后自动加一空格
<input id="sjh" type="text" name="" oncopy="" required value="" class="ipt mui-input-clear" placeholder="请输入手机号" onkeyup="Mobile2(this)" />function Mobile2(obj原创 2018-08-06 08:54:49 · 2079 阅读 · 0 评论