HTML5
Mr.冬冬
这个作者很懒,什么都没留下…
展开
-
一次下载多个文件的解决思路-JS
一次下载多个文件的解决思路(iframe) - Eric真实经历最近开发项目需要做文件下载,想想挺简单的,之前也做过,后台提供下载接口,前端使用window.location.href就行了呗。不过开发的时候发现,有些文件有附属文件,点击下载按钮需要下载两个文件,而且不能使用压缩包的形式。想想不是也挺简单,点击 下载 发送两个下载请求不就搞定了么。说干就干,三下五除二就写好了,当点...转载 2019-12-17 09:36:15 · 1068 阅读 · 0 评论 -
uniapp 实现可以左右滑动页面+导航栏
<template> <view> <home-view></home-view> <view class="content-box" :id="isScale?'content-box-too':''"> <view class="nav-head-box top-nav-fixed"> <i...原创 2019-11-29 10:45:30 · 9940 阅读 · 0 评论 -
vue获取验证码倒计时效果
css 这个用来禁止点击事件 .closeclick{ pointer-events: none;/*禁用点击事件*/ }html代码<div class="list-item"> <div class="list-name"> 验证码 </div&g...原创 2019-01-03 11:28:17 · 352 阅读 · 0 评论 -
js实现顶部悬停效果
//gif是横盘把头歪着看会好点 //!!!!!!!!!!<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewpor原创 2019-01-18 17:15:09 · 2221 阅读 · 0 评论 -
mui区域滚动失效的问题
在开发 mui加vue 做开发的时候发行这两个框架一起使用问题真的太多了无力吐槽渲染内容区域要用一个元素包起来(推荐用div) 高度必须auto 或者不设置 否则无法滚动mui-scroll-wrapper 的overflow 改成 scroll 因为overflow默认是hidden,<div style="top: 230px;overflow: scroll;height...原创 2019-01-09 10:53:02 · 4629 阅读 · 6 评论 -
解决vue在渲染页面之前可以看到源代码的问题
在css里加上一段下面的代码 ,虽然这样可以解决这个问题但是会带来另外的问题就是原生js的一些方法会出现一些问题比如offwidth,offheight等等这些方法获取被v-cloak的子元素宽高宽这些会是0px 因为子元素会把v-cloak 的display继承过来但是在css无法看到display:none这个属性也无法改变,会导致js 认为该元素可见域为0px ,要是在项目中确实要...原创 2018-11-26 10:00:43 · 3952 阅读 · 1 评论 -
vue + mui 实现左滑删除功能
//效果演示 因为免费的软件转到gif所以画质不咋地!!!//代码部分<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width...原创 2019-06-26 11:01:17 · 804 阅读 · 1 评论 -
socket 实现在线聊天室功能
第一次写这个需求写的不是很好,数据存储和获取都是在localstorage里面实现的,离线发送的消息存在服务器端,获取到的消息全都存在缓存中,这些是主要逻辑的代码,(完整的以后会传到github)客户端界面大概就这样的 可以发送消息和图片(初版能用就行,是给某个客户内部使用的)客户端代码<!doctype html><html> <head&g...原创 2019-07-17 15:30:45 · 1786 阅读 · 1 评论 -
uniapp 上拉加载下拉刷新 mescroll
之前自己用scroll-view 写的上垃加载和下拉刷新体验不是很好现在改成用mecsroll不是uniapp 项目也可以用个人感觉体验还是非常棒的(有兴趣的老哥可以去看啊看源码)mecsroll 官网http://www.mescroll.com/uni.html#options<template> <mescroll-uni :down="downOpt...原创 2019-08-07 11:40:00 · 2841 阅读 · 1 评论 -
mui+vue轮播图失效问题
在mounted方法从新调用激活即可 mounted(){ mui('.mui-slider').slider({interval: 3000}); }要是ajax请求的图片则在 updated(){ mui('.mui-slider').slider({interval: 3000}); }...原创 2019-01-02 15:48:09 · 855 阅读 · 0 评论 -
mui省市区三级联动
因为要经常使用再次把功能单独拿出来简化一下方便以后使用需要基础导入css文件mui.picker.cssmui.poppicper.css需要的js文件mui.picker.jsmui.poppicker.jscity.data.jscity.data-3.js //核心js//初始化城市数据var cityPicker = new mui.PopPicker({l...原创 2019-01-11 15:49:09 · 1939 阅读 · 0 评论 -
atom安装emmnt插件
第一步打开setings第二步点击install 输入emmnt 在点击install ps: 因为我这里是下载过的所以显示的是seting uninstall disable没下载的是显示下面的install 下载完成就可以使用emmnt了...原创 2018-06-14 21:48:45 · 803 阅读 · 3 评论 -
mui- 给图片添加点击查看大图功能
<html> <head> <meta charset="utf-8"> <title>图片放大</title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user原创 2018-10-16 08:49:55 · 5745 阅读 · 0 评论 -
css 给文本文字限制长度 超出该长度则不显示
width:57px;height:25px;display: inline-block;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;翻译 2018-10-19 16:58:23 · 4019 阅读 · 0 评论 -
mui+vue上拉加载
代码展示<!doctype html><html><head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-s原创 2018-11-27 11:05:11 · 867 阅读 · 0 评论 -
css图片多余的裁剪
实际图片大小显示部分图片<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,m...原创 2018-12-03 10:43:13 · 4452 阅读 · 1 评论