随笔分类 -  H5+JS+CSS

摘要:写页面的时候经常会遇到需要图片 自适应 容器大小这样的情况: <style> div{width:400px;height:400px;border:1px solid #000; } img{width:100%;height:100%;} </style> 不管容器有多大,只要将img的宽高设置 阅读全文
posted @ 2020-07-06 22:49 谦信君 阅读(5061) 评论(0) 推荐(0) 编辑
摘要:在做网页的时候,当背景是一张完整的图片,不动让其跟随滚动条滚动,怎么办?下面详细讲解一下。 CSS代码示例-背景颜色属性(background-color): <html> <head> <title>背景颜色 background-color</title> <style type="text/c 阅读全文
posted @ 2020-05-15 17:07 谦信君 阅读(3389) 评论(0) 推荐(0) 编辑
摘要:我们首先来介绍如何实现禁止复制,知道了禁止的方式,再破解就容易了。 实现禁止复制粘贴 比较简单,直接上代码: 破解禁止复制粘贴 知道如何禁止了,那破解这个限制就容易多了。 首先,绝大部分限制都是采用js实现的,那我禁用js不久OK了么?突然发现我太聪明了!假如你使用的是Chrome或者其它国产web 阅读全文
posted @ 2019-12-08 20:28 谦信君 阅读(84420) 评论(0) 推荐(1) 编辑
摘要:button 方法:加上属性disabled = “disabled” 或者 disabled = “true” a标签 方法:在点击一次后,解除绑定。 或者: 阅读全文
posted @ 2019-04-30 20:12 谦信君 阅读(13998) 评论(1) 推荐(1) 编辑
摘要:使用场景: 1. 页面需要定时刷新,实时加载数据,需要实时查看监控数据(H5中的WebSocket和SSE可以实现局部刷新) 2. 一定时间之后跳转到指定页面(登录注册之类) 3. 前端开发使用伪数据调试html页面(修改一些js的变量值,可以自动刷新效果) 示例代码: 1. 页面自动刷新注:其中1 阅读全文
posted @ 2019-04-22 22:57 谦信君 阅读(23793) 评论(0) 推荐(3) 编辑
摘要:在我们开发前端页面的时候,为了让页面效果美观,会让图片呈现居中效果。那么css怎么让img图片居中显示呢?本篇文章给大家带来css如何让img图片居中?css的display属性实现图片居中(代码实例),让大家可以了解并掌握css的display属性设置img图片居中的两种方法。有一定的参考价值,有 阅读全文
posted @ 2019-04-16 21:35 谦信君 阅读(48405) 评论(0) 推荐(2) 编辑
摘要:今天项目中遇到用html给div加类似a标签的超链接,回想半天,万幸还是想出来了。 分享一下啊: 1.通过window.open函数 <div onclick="window.open('www.baidu.com')">在新窗口跳转至百度</div> <div onclick="window.op 阅读全文
posted @ 2019-04-16 21:28 谦信君 阅读(3356) 评论(0) 推荐(0) 编辑
摘要:HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件:touchstart、touchmove和touchend。 一开始触摸事件touch 阅读全文
posted @ 2019-04-16 21:27 谦信君 阅读(58223) 评论(1) 推荐(0) 编辑
摘要:Q: 有个活动页面需要用户分享成功后给用户一个sn编码用于抽奖,请问微信分享有回调函数吗 A: 阅读全文
posted @ 2018-08-13 08:38 谦信君 阅读(7082) 评论(0) 推荐(0) 编辑
摘要:一 实例 打印字符串和对象; 可展开对象查看内部情况; 看一下console对象本身的定义情况; 输出对象情况; utag对象所在文件; 输出对象; 二 Console.log 总结 1 如果你js没到一个境界,我就算教你调试bug,破解一些插件之类的,你也根本不知道我在做什么。我的目的只是让你认识 阅读全文
posted @ 2018-05-31 17:48 谦信君 阅读(52935) 评论(0) 推荐(0) 编辑
摘要:length: length是js的原生方法,用于获取元素的个数和对象的长度 var length = $(obj).length; size(): size()属于方法,只能作用于对象上,获取元素的个数 var size = $(obj).size(); 注:如果想要获取字符串的长度只能用leng 阅读全文
posted @ 2017-11-06 14:58 谦信君 阅读(1984) 评论(0) 推荐(0) 编辑
摘要:前端 时间个性化 插件 jquery.timeago.js 关键词 : 时间格式化 刚刚 N分钟前 N小时前 N天前 N月前 N年前 MM-dd hh:mm 或者 yyyy-MM-dd 前端: <span class="time" title="2016-07-23 12:02:32"></span 阅读全文
posted @ 2017-11-04 21:01 谦信君 阅读(1732) 评论(0) 推荐(0) 编辑
摘要:最新下载地址: https://github.com/widuu/qiniu_ueditor_1.4.3 Ueditor七牛云存储版本 注意事项 老版本请查看 : https://github.com/widuu/qiniu_ueditor_1.4.3/tree/v1.0.0 关于地址报错 请修改  阅读全文
posted @ 2017-11-04 14:04 谦信君 阅读(3511) 评论(0) 推荐(0) 编辑
摘要:首先需要导入一些js和css文件 ? 1 2 3 4 5 6 <link href="__PUBLIC__/CSS/bootstrap.css" rel="external nofollow" rel="stylesheet"> <link type="text/css" rel="styleshe 阅读全文
posted @ 2017-11-04 14:02 谦信君 阅读(5634) 评论(0) 推荐(0) 编辑
摘要:1.首先我们下载好fileinput插件引入插件 ? 1 2 3 <span style="font-size:14px;"><link type="text/css" rel="stylesheet" href="fileinput/css/fileinput.css" rel="external 阅读全文
posted @ 2017-11-04 14:01 谦信君 阅读(2315) 评论(0) 推荐(0) 编辑
摘要:本篇介绍如何使用bootstrap fileinput.js(最好用的文件上传组件)来进行图片的展示,上传,包括springMVC后端文件保存。 一、demo 二、插件引入 1 2 3 http://plugins.krajee.com/file-input,这是其官方文档,里面有下载地址。 三、页 阅读全文
posted @ 2017-11-04 13:58 谦信君 阅读(7604) 评论(0) 推荐(0) 编辑
摘要:前言:之前的三篇介绍了下bootstrap table的一些常见用法,发现博主对这种扁平化的风格有点着迷了。前两天做一个excel导入的功能,前端使用原始的input type='file'这种标签,效果不忍直视,于是博主下定决心要找一个好看的上传组件换掉它。既然bootstrap开源,那么社区肯定 阅读全文
posted @ 2017-11-04 13:57 谦信君 阅读(857) 评论(0) 推荐(1) 编辑
摘要:Bootstrap FileInput插件功能如此强大,完全没有理由不去使用,但是国内很少能找到本插件完整的使用方法,于是本人去其官网翻译了一下英文说明文档放在这里供英文不好的同学勉强查阅。另外附上一段调用方发和servlet端的接收代码,未完待续。 引言: 一个强化的HTML5 文件输入插件,适用 阅读全文
posted @ 2017-11-04 13:56 谦信君 阅读(46555) 评论(2) 推荐(1) 编辑
摘要:特别注意: 引入所需文件后页面刷新查看样式奇怪,浏览器提示错误等,可能是因为js、css文件的引用顺序问题,zh.js需要在fileinput.js后面引入。bootstrap最好在fileinput前引入。 比如: 一、准备 1、插件下载地址:https://github.com/kartik-v 阅读全文
posted @ 2017-11-04 13:54 谦信君 阅读(16565) 评论(0) 推荐(0) 编辑
摘要:插件下载地址: https://github.com/kartik-v/bootstrap-fileinput/ 官方DEMO查看: http://plugins.krajee.com/file-basic-usage-demo JQ上传插件汇总:http://www.jq22.com/jquery 阅读全文
posted @ 2017-11-04 13:43 谦信君 阅读(7483) 评论(1) 推荐(0) 编辑

点击右上角即可分享
微信分享提示