![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
1.4 前端项目经验
文章平均质量分 96
数佳
prompt
展开
-
登录 遮罩及弹出窗口
<!DOCTYPE html><html><head> <meta charset='UTF-8'> <title></title> <style> *{margin:0;padding:0;} .content{height:1000px;}原创 2018-09-11 18:25:22 · 273 阅读 · 0 评论 -
页面布局——瀑布流布局Masonry Layouts
jQuery瀑布流布局插件瀑布流布局的原理及实现瀑布流布局要求布局的元素等宽,高度一般不同。1. 计算元素宽度与浏览器宽度之比,得到布局列数;2. 将未布局的元素依次布局至高度最小的那一列;3. 页面滚动时继续加载数据,动态地渲染在页面上。<div id="parent"> <div id="masonry_container"> ...原创 2019-05-29 15:20:59 · 1439 阅读 · 0 评论 -
JS数组转为对象
百度前端技术学院 第二十二天到第二十四天:JavaScript里面的居民们/* 思路:每个对象的id属性也是一个对象,包含subMenu对象保存id属性的地址至a数组中对于menuArr数组中的每一项,根据parent的id,到a数组中找到地址,为其subMenu属性添加值时间复杂度O(N),空间复杂度O(N)*/var menuArr = [ [1, "Area1"...原创 2019-03-30 22:34:06 · 10849 阅读 · 0 评论 -
页面布局——分割线中间带文字
.box可设置height、line-height .text可设置margin上下居中可使用vertical-align:middle;或justify-content:center;左右居中可使用text-align:center;自适应宽度可使用width+float或flex-grow一、使用<hr><div class="box"> ...原创 2019-03-26 14:25:07 · 12160 阅读 · 0 评论 -
页面布局——三栏布局、圣杯和双飞翼布局
圣杯布局来自于文章In Search of the Holy Grail,双飞翼布局源于淘宝的UED。圣杯和双飞翼布局是同一种布局的不同实现方式,实现的都是三栏布局、两边盒子宽度固定、中间盒子自适应(固比固布局),且中间盒子优先渲染,任何一列都可以最高。解决方案大体相同,都是三栏全部float:left浮动,区别在于解决中间栏div的内容不被遮挡上,圣杯布局是中间栏在添加相对定位,并配合l...原创 2019-03-08 18:52:08 · 498 阅读 · 0 评论 -
font-size:0去掉inline-block元素间的空白字符
inline-block元素如果有回车换行,在浏览器显示时,元素间会有间隙。间隙可能导致换行显示,与预期样式不符。此外,jQuery追加元素时会把元素间的空白字符全部删除,有时会出现元素的偏移。通过设置font-size:0;实现间隙的去除。<!DOCTYPE html><head> <meta charset="utf-8"> <...原创 2018-10-12 23:40:35 · 350 阅读 · 0 评论 -
动画相关
1、对联广告 2、折叠菜单 3、下拉菜单4、弹窗广告 5、图标特效 6、无限循环滚动1、对联广告show()、hide()页面向下滚动到一定位置显示,向上滚动到一定位置隐藏。<!DOCTYPE html><html><head> <meta charset='utf-8'...原创 2018-09-12 23:51:29 · 178 阅读 · 0 评论 -
图片轮播 内容切换
1、图片切换只监听移入,siblings()处理其它兄弟节点的样式和事件。<!DOCTYPE html><html><head> <meta charset='UTF-8'> <title></title> <style> *{margin:0;paddin原创 2018-09-12 13:33:24 · 1286 阅读 · 0 评论 -
vue实战——iview+vue实现Datatables插件
vue的插件iview、Element-UI表格功能还不够完善,Datatables(https://datatables.net/)是jQuery插件。本文使用iview+vue实现表格功能,也可适当修改适用于Element-UI。通过axios等获取到所有后台数据后,实现的功能如下:1) 分页:每页大小,总条数及当前项;2) 搜索:全局搜索,或指定列搜索;3)...原创 2019-07-05 10:11:39 · 1916 阅读 · 0 评论