js/jquery键盘事件及keycode大全
摘要：js/jquery的键盘事件分为keypress、keydown和keyup事件 一.键盘事件 1.keydown()事件当按钮被按下时，发生 keydown 事件。 2.keypress()事件keypress 当按钮被按下时，会发生该事件，我们可以理解为按下并抬起同一个按键。 3.keyup事件
阅读全文
posted @ 2019-05-09 15:44
随笔分类 - 前端设计
阿里巴巴首款商用字体免费开放：阿里巴巴普惠字体
摘要：普惠体共收录了5个字重，116,895个全形汉字，西文 Alibaba Sans 共7,205 个拉丁字母（2 种风格、共 11 个字重），覆盖 172 个语种（覆盖大部分欧语国家）。全场景开放商业授权的字库，可谓开创了中文造字的先河。 阿里巴巴官网下载地址https://alibabafont.t
阅读全文
posted @ 2019-04-28 14:35
div 内容宽度自适应、超出后换行
摘要：div 内容宽度自适应，超出后换行 { max-width:100%;width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;word-wrap: break-word; }
阅读全文
posted @ 2019-04-23 10:54
bootstrap顶部导航遮挡下面内容的解决办法
摘要：使用bootstrap设置顶部导航，并将导航栏固定，代码如下： 代码文本： <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top"> <button class="navbar-toggler" type="butto
阅读全文
posted @ 2019-03-14 15:21
layui select配合input实现动态模糊搜索
摘要：功能需求：select框可以自己输入，就是在下拉列表里找不到自己想要的选项就可以自己输入，同时还要支持模糊匹配功能 html代码： 样式： select部分： 其中input的几个style样式简单说一下：position:absolute：在这里是让input和select在同一位置。z-inde
阅读全文
posted @ 2019-01-10 10:43
使用渐进式JPEG来提升用户体验
摘要：最近做图片加载优化，查资料了解到原来JPEG文件有两种保存方式他们分别是Baseline JPEG(标准型)和Progressive JPEG(渐进式)。两种格式有相同尺寸以及图像数据，他们的扩展名也是相同的，唯一的区别是二者显示的方式不同。 Baseline JPEG 这种类型的JPEG文件存储方
阅读全文
posted @ 2017-03-02 11:17
渐进式 jpg 和 交错式 gif png 提高图片站体验
摘要：渐进式 jpg 和 交错式 gif png 提高图片站体验= 渐进式的JPG比原始JPG还要小！！ 让图片性感的露给你看~google picasa 和 smashing magazine 都有用到搞图片站的或者照片站比较适用 直接php GD库就可以再上传时候实现。 打开一些网上的相册，在加载照片
阅读全文
posted @ 2017-03-02 10:17
js中caller和callee属性详解
摘要：一、caller属性返回一个对函数的引用，该函数调用了当前函数。functionName.callerfunctionName 对象是所执行函数的名称。说明对于函数来说，caller 属性只有在函数执行时才有定义。 如果函数是由 Javascript 程序的顶层调用的，那么 caller 包含的就是
阅读全文
posted @ 2017-02-08 09:45
css大小单位px em rem的转换和详解
摘要：css大小单位px em rem的转换和详解 PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。 px像素（Pixel）
阅读全文
posted @ 2016-12-09 11:02
html 页面内锚点定位及跳转方法总结
摘要：第一种方法，也是最简单的方法是锚点用<a>标签，在href属性中写入DIV的id。如下： <!DOCTYPE html><html><head> <style> div { height: 800px; width: 400px; border: 2px solid black; } h2 { po
阅读全文
posted @ 2016-12-03 22:11
bootstrap模态框modal使用remote第二次加载显示相同内容解决办法
摘要：bootstrap模态框modal使用remote动态加载内容，第二次加载显示相同内容解决办法 bootstrap的modal中，使用remote可以动态加载页面到modal-body中，并弹窗显示 如果提供的是 URL，将利用 jQuery 的 load 方法从此 URL 地址加载要展示的内容（只
阅读全文
posted @ 2016-11-29 10:38
bootstrap 模态框禁用空白处点击关闭
摘要：bootstrap 3 模态框为信息编辑窗口,默认点击空白处会自动关闭，但是有的时候这个功能需要关闭，比如编辑信息，一不小心点击了空白处，那就要重新编辑了。 bootstrap 3 模态框禁用空白处点击关闭$('#myModal').modal({backdrop: 'static', keyboa
阅读全文
posted @ 2016-11-28 15:39
jquery checkbox选中、改变状态、change和click事件
摘要：jquery判断checked的三种方法:.attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false.prop('checked'); //16+:true/false.is(':checked'); //所有版本:tr
阅读全文
posted @ 2016-10-20 15:40
UEditor自定义toolbar工具条
摘要：使用ueditor的同学都知道，ueditor里有很多功能，很全面，但有时候我们的编辑器不需要太多的功能，比如前台评论或者留言，就不需要这么多功能了，那我们怎么去定制自己想要的工具呢？官方给出了两个方法，ueditor工具栏上的按钮列表可以自定义配置,只需要通过修改配置项就可以实现需求： 1. 方法
阅读全文
posted @ 2016-10-12 09:21
js操作cookie方法
摘要：cookie cookie，有时也用其复数形式Cookies，指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据（通常经过加密）。定义于RFC2109和2965都已废弃，最新取代的规范是RFC6265。 cookie的作用 服务器可以利用Cookies包含信息的任意性来筛
阅读全文
posted @ 2016-09-23 10:14
flash wmode参数详解
摘要：在做web开发中可能会遇到flash遮挡页面中元素的情况，无论怎么设置flash容器和层的深度(z-index)也无济于事，现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”，但wmode属性到底是什
阅读全文
posted @ 2016-09-18 16:50
js中setAttribute 的兼容性
摘要：js中setAttribute 的兼容性class和className兼容方法： object.setAttribute("class","content") 在IE8、Chrome、火狐、Opera10中都能设置成功；但是在IE7下无法设置。 object.setAttribute("classN
阅读全文
posted @ 2016-09-18 16:29
阿里云抢月饼代码实验，自己写着玩的
摘要：阿里4名工程师因刷月饼被开除、软件抢票、优惠秒杀。。。各种抢。 但是我还不知道怎么抢，所以我就模拟了一下抢月饼的流程。 ps：自己不是专业前端，纯属娱乐！！！
阅读全文
posted @ 2016-09-18 10:39
js setInterval每隔一段时间执行一次
摘要：js setInterval每隔一段时间执行一次setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 cl
阅读全文
posted @ 2016-09-18 10:20
target='_blank' 安全漏洞
摘要：target="_blank"的安全缺陷 有关 target="_blank" 的安全缺陷 可能大家在写网页的时候经常给超链接加个属性 target="_blank",意思就是在浏览器新的窗口打开此超链接，但是大多数人应该都注意不到这个属性是有安全缺陷的。 具体说明下：比如说，当前网页中有个a标签的
阅读全文
posted @ 2016-09-13 09:05
