前端共22篇
flex布局基本语法教程-零碎遇见

flex布局基本语法教程

网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容...
1月前
0351
px em rem 有什么区别css-零碎遇见

px em rem 有什么区别css

PX px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 PX特点 1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em...
2月前
1110
js得到当前页面的url信息方法JS获取当前网址信息-零碎遇见

js得到当前页面的url信息方法JS获取当前网址信息

1,设置或获取对象指定的文件名或路径。 alert(window.location.pathname); 2,设置或获取整个 URL 为字符串。 alert(window.location.href); 3,设置或获取与 URL 关联的端口号...
2年前
010
cropper 设置checkCrossOrigin: false 无效,无法阻止跨域请求的解决方法-零碎遇见

cropper 设置checkCrossOrigin: false 无效,无法阻止跨域请求的解决方法

需要修改cropper.js,判断是bug。 打开cropper.js 查找代码: this.options.checkCrossOrigin 此处代码判断出错,设置为false仍然会执行if里的代码,需要修改判断方法。 this.optio...
2年前
010
jQuery合并对象$.extend()使用方法-零碎遇见

jQuery合并对象$.extend()使用方法

js对象合并,这里借助jQuery $.extend()方法进行合并: 会修改原对象: var obj1= {'a': 1}; var obj2= {'b': 1}; var obj3 = $.extend(obj1, obj2); console.log(obj1); // {a: 1, b: ...
3年前
000
jQuery 监听HTML5音频播放 audio标签 onended|onpause|onplay事件回调-零碎遇见

jQuery 监听HTML5音频播放 audio标签 onended|onpause|onplay事件回调

audio也有很多事件属性,利用这些事件属性可以实现该音乐播放器音频的播放交互效果。 jQuery 中监听这些事件的方法如下: <!DOCTYPE html> <html> <head> <meta charset='u...
3年前
010
简单两步让图片水平垂直居中 HTML/CSS <img>-零碎遇见

简单两步让图片水平垂直居中 HTML/CSS

CSS图片水平居中 1.利用margin: 0 auto实现图片水平居中 利用margin: 0 auto实现图片居中就是在图片上加上css样式margin: 0 auto 如下: <div style='text-align: center; width: 5...
3年前
000
jQuery 遍历数组对象 - each()方法使用-零碎遇见

jQuery 遍历数组对象 – each()方法使用

each() 方法规定为每个匹配元素规定运行的函数。 输出每个 li 元素的文本,代码如下: $('button').click(function(){ $('li').each(function(){ alert($(this).text()) }); }); ...
3年前
010
layui手风琴折叠面板失效解决方法 element.init();-零碎遇见

layui手风琴折叠面板失效解决方法 element.init();

折叠面板 依赖 element 模块,否则无法进行功能性操作。 <script> //注意:折叠面板 依赖 element 模块,否则无法进行功能性操作 layui.use('element', function(){ var element = layu...
3年前
020
移动开发WebApp开发常用meta设置(手机浏览器全屏模式 HTML5)-零碎遇见

移动开发WebApp开发常用meta设置(手机浏览器全屏模式 HTML5)

1、WebApp全屏模式: <meta name='viewport' content='width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui'> 注意:viewport...
3年前
010
Skype loader CSS3.0 页面加载等待效果 代码可参考学习-零碎遇见

Skype loader CSS3.0 页面加载等待效果 代码可参考学习

效果棒棒的 直接上代码: <!doctype html> <html> <head> <meta charset='utf-8'> <title>Skype loader CSS</title> <style> body { background-color: #02a...
3年前
000
Bootstrap modal(模态框)弹出层,始终显示在屏幕正中间显示-零碎遇见

Bootstrap modal(模态框)弹出层,始终显示在屏幕正中间显示

始终显示在屏幕正中间: <script> //让指定的DIV始终显示在屏幕正中间 function letDivCenter(divName){ var top = ($(window).height() - $(divName).height())/2; ...
3年前
000
jQuery Cookie使用方法$.cookie()读取、写入、删除-零碎遇见

jQuery Cookie使用方法$.cookie()读取、写入、删除

1、新添加一个会话 cookie: $.cookie('the_cookie', 'the_value'); 注:当没有指明 cookie有效时间时,所创建的cookie有效期默认到用户关闭浏览器为止,所以被称为“会话cookie(session...
3年前
000
JavaScript删除最后一个字符串 最简单的方法-零碎遇见

JavaScript删除最后一个字符串 最简单的方法

用的最多的是Substring。 var str = '1,2,3,4,5,'; str = str.Substring(0,str.Length-1); alert(str); substring() 方法用于提取字符串中介于两个指定下标之间的字符。 stringObject....
4年前
020
jQuery隐藏和显示淡入淡出以及动画效果-零碎遇见

jQuery隐藏和显示淡入淡出以及动画效果

jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: $('#hide').click(function(){ $('p').hide(); }); $('#show').click(function(){ ...
4年前
000
百度UEditor富文本编辑器 如何自定义请求地址-零碎遇见

百度UEditor富文本编辑器 如何自定义请求地址

ueditor 1.4.2+ 推荐使用唯一的请求地址,通过GET参数action指定不同请求类型。 但很多用户都希望使用自己写好的上传地址,下面提供一种解决方法: 由于所有ueditor请求都通过editor对象的getAc...
4年前
000
js定时器实现倒计时效果-零碎遇见

js定时器实现倒计时效果

js定时器实现倒计时效果 <!DOCTYPE html> <html> <head lang='en'> <meta charset='UTF-8'> <title></title> <style> body{ font-size:30px; text-align: c...
4年前
000
JavaScript获取当前页面url网址信息-零碎遇见

JavaScript获取当前页面url网址信息

1、设置或获取整个 URL 为字符串: window.location.href 2、设置或获取与 URL 关联的端口号码: window.location.port 3、设置或获取 URL 的协议部分 window.location.protocol...
4年前
010
jQuery里面获取DIV区块的宽度与高度-零碎遇见

jQuery里面获取DIV区块的宽度与高度

获取宽度 $('div').width(); 获取:区块的本身宽度 $('div').outerWidth(); 获取:区块的宽度+padding宽度+border宽度 $('div').outerWidth(true); 获取:区块的宽度+padding宽度+border...
4年前
060
WebUploader上传失败不提示错误消息的解决方法-零碎遇见

WebUploader上传失败不提示错误消息的解决方法

默认如果啥也不处理,只要有返回数据就认为是成功,就算返回的是错误信息,也认为是成功了。 但是,在认为成功前会派送一个事件uploadAccept,这个事件是用来询问是否上传成功的。在这个事件...
4年前
020