Category: 前端

CSS中单位px和em、rem的区别是什么

1、概念 px:绝对单位,页面按精确像素展示。 em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。 rem:相对单位,可理解为”root em”, 相对根节点h...

Flex 布局教程:语法篇

网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。...

jQuery返回页面顶部实现方法goTop

默认不显示,滚动到一定距离显示按钮。

 

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

需要修改cropper.js,判断是bug。 打开cropper.js 查找代码: 此处代码判断出错,设置为false仍然会执行if里的代码,需要修改判断方法。 修改后的代码:

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

audio也有很多事件属性,利用这些事件属性可以实现该音乐播放器音频的播放交互效果。 jQuery 中监听这些事件的方法如下:

 

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

· CSS图片水平居中 1.利用margin: 0 auto实现图片水平居中 利用margin: 0 auto实现图片居中就是在图片上加上css样式margin: 0 auto 如下:

2.利用...

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

each() 方法规定为每个匹配元素规定运行的函数。 输出每个 li 元素的文本,代码如下:

遍历基本语法:

[crayon-5...

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

折叠面板 依赖 element 模块,否则无法进行功能性操作。

如果折叠面板出现无效,使用 element.init(); 方法即可。

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

1、WebApp全屏模式:

注意:viewport 后面加上 minimal-ui 在safri 体现效果

2、隐藏状态栏/设置...

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

效果棒棒的 直接上代码:

 

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

始终显示在屏幕正中间:

 

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

1、新添加一个会话 cookie:

注:当没有指明 cookie有效时间时,所创建的cookie有效期默认到用户关闭浏览器为止,所以被称为“会话cookie(session cookie)”。 ...

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

用的最多的是Substring。

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

一个新的字符串,该字...

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

jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:

淡入淡出动画效果 $(selector).hid...

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

ueditor 1.4.2+ 推荐使用唯一的请求地址,通过GET参数action指定不同请求类型。 但很多用户都希望使用自己写好的上传地址,下面提供一种解决方法: 由于所有ueditor请求都通过editor对象的getActionUrl方法获取请求地址,可以...

js定时器实现倒计时效果

js定时器实现倒计时效果

 

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

1、设置或获取整个 URL 为字符串:

2、设置或获取与 URL 关联的端口号码:

3、设置或获取 URL 的协议部分 [cra...

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

获取宽度 $(‘div’).width(); 获取:区块的本身宽度 $(‘div’).outerWidth(); 获取:区块的宽度+padding宽度+border宽度 $(‘div’)....