html
关注
分享
扫一扫
文章平均质量分 92
张宇zhy
这个作者很懒，什么都没留下…
展开
-
解决扫码枪中文输入法冲突问题
解决扫码枪输入input时受中文输入法的影响首先先了解扫码枪的原理，每次扫码枪扫描相当于执行了 》》扫码的数字+ enter事件由于搜狗输入法在键入英文时点击enter等于回显，故在输入框里面监听不到enter事件，而且还会出现一些其他的文字解决方案：type=“password” 是不能输入中文的，故可以使用密码框实现扫码枪中文输入法的问题<!DOCTYPE html><html lang="zh_CN"><meta charset="utf-8"><原创 2020-07-29 16:13:43 · 20484 阅读 · 2 评论 -
详解HTML5中rel属性的prefetch预加载功能使用
详解HTML5中rel属性的prefetch预加载功能使用这次项目在使用 pdf.js 这个组件，导出pdf文件，不支持中文，加载一个字体库15M在HTML5中,有个很有用但常被忽略的特性,就是预先加载(prefetch),它的原理是:利用浏览器的空闲时间去先下载用户指定需要的内容,然后缓存起来,这样用户下次加载时,就直接从缓存中取出来,效率就快了.举个例子说明:比如要预先加载某个页面,可以这样:XML/HTML Code 但如果是google的话,要用另外的一个名称,即: XML/原创 2020-05-22 01:34:24 · 912 阅读 · 0 评论 -
Bootstrap-select selectpicker 设置默认参数，全局设置参数
Bootstrap-select组件默认设置的提示是一段英文，需求这边要显示中文，请选择，故要全局设置默认提示参数$.fn.selectpicker.Constructor.DEFAULTS.title = ‘请选择默认值’;还可以设置其他值，比如多选 参数之前的分隔值等参考文档 Bootstrap-select中文网 链接地址...原创 2020-04-20 14:12:43 · 2916 阅读 · 0 评论 -
jQuery选择器 基本知识
**jQuery选择器,jQuery基本知识**一、核心:是jquery类的一个别名,是jquery类的一个别名,是jquery类的一个别名,()构造一个jquery对象,jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数，或者说都是在以某种方式使用这个函数。1、 ${表达式}：根据这个表达式来查找所有匹配的元素。eg:$("div>p"); 查找...转载 2019-12-27 15:55:42 · 393 阅读 · 0 评论 -
jQuery Validate密码验证的基本使用
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。1. 下载和引入validate.js注意Validate的导入要在jQue...原创 2019-12-24 15:00:37 · 4376 阅读 · 0 评论 -
swal 不需要点击确认按钮，自动关闭，不显示确认按钮
描述swal 不需要点击确认按钮，自动关闭，不显示确认按钮swal({title:"提交成功", text:"提交成功！", type:"success", showCancelButton:false, showConfirmButton:false, buttons: false,...原创 2019-12-23 16:42:45 · 4570 阅读 · 0 评论 -
bootstrop table中文官方网站
每次百度都搜不出来，记这以备后患bootstrop table学习地址https://www.bootstrap-table.com.cn/examples/methods/refresh-options/原创 2019-11-25 10:46:49 · 4926 阅读 · 0 评论 -
html position:fixed 定位问题
html position:fixed 定位问题问题：在前端页面布局中有时我们一些坑爹的问题：比如position:fixed定位的问题，正常情况下fixed相对于浏览器窗口进行定位，正常情况下没有问题，当使用transform:translate(0px,-5px);属性后问题就出现了首先我们了解下position这个属性的使用值描述absolute生成绝对定位的元素...原创 2019-11-25 10:27:55 · 15665 阅读 · 4 评论 -
清除Chrome浏览器下默认浅黄色背景（保存密码时出现）
当某个登录的页面我们保存密码之后，后面登录账户名和密码会自动填充，我们可以观察到，Chrome浏览器自动加了一层淡黄色的背景解决方法：input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset!important; border: 1px solid #CCC!important;}...原创 2019-11-02 16:01:45 · 692 阅读 · 1 评论 -
before、:after伪元素 content属性 中文乱码
**before、:after伪类 content属性 中文出现乱码**解决办法：将中文转为unicode 编码 站长工具，例如：、—>\u3001content: “\3001”;注意：去掉字母u...原创 2019-10-14 15:16:42 · 2137 阅读 · 0 评论 -
CSS实现单行省略号、多行文本溢出显示省略号
1. 单行省略号实现单行文本的溢出显示省略号用text-overflow:ellipsis属性实现，需要添加width属性.textEllipsis{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}2. 多行省略号多行文本溢出显示省略号WebKit浏览器或移动端的页面.text...原创 2019-10-14 14:58:24 · 593 阅读 · 0 评论 -
web下载文件，前端下载二进制文件，vue axios下载文件，前端文件下载，ajax下载文件
通过后端接口下载excel文件，后端没有文件地址，返回二进制流文件axios({ method: 'post', url: url, // 请求地址 data: options, // 参数 responseType: 'blob' // **表明返回服务器返回的数据类型** }).then( response => {...原创 2019-10-12 10:52:58 · 583 阅读 · 0 评论 -
前端使用canvas保存图片，把div保存为图片
前端工作中，有时会遇到保存图片，或者保存一个div为图片 ---------上代码使用canvas保存一张图片<img id="ringoImage" alt="" src=""/></p><div><a onclick="down()" href="javascript:void(0);">下载图片</div><div...原创 2019-10-12 10:01:57 · 3321 阅读 · 0 评论 -
css3 calc的使用和css3部分新属性的使用
css3 calc()定制自适应宽度div { width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px);}calc的使用时注意，运算符前后一定要加空格 calc(100%空格 -空格 50px)transition 过度动画4个属性tra...原创 2019-06-03 10:29:12 · 252 阅读 · 0 评论 -
css3绘制魔方transform-style: preserve-3d，translateZ，rotateX的使用
css3绘制魔方上代码，上菜主要使用了css3的transform-style: preserve-3d;的使用，通过把元素转换为3d属性的结构，对应的添加了Z轴的属性，生成6个div使其重叠在一起，然后使用tr原创 2019-06-03 10:07:50 · 1164 阅读 · 0 评论