把base模板分为左右两块版心 .main-container{ /*整体版心*/ width: 990px; margin: 0 auto; overflow: hidden;}.lg-container{ /*左侧版心*/ width: 730px; float: left;}.sm-conta ...
分类：
其他好文 时间：
2019-11-30 19:30:13
阅读次数：
95
一、html和css部分代码 设计的框架为： 一个大的div用来显示图片（共四张图片），这个大的div中包含两个箭头，用来切换图片，向左或向右； 然后底部有四个小的div用来对应每张图片； html和css效果图： 代码： 1 <!DOCTYPE html> 2 <html> 3 <head lan ...
分类：
编程语言 时间：
2019-11-29 23:56:19
阅读次数：
891
之前面试被问到这个问题，之前都是随便找大神插件，知道怎么去做，但是一直没实现过。 无缝轮播的原理 在滚动层前后分别插入最后一个元素和最前面一个元素，然后在动画滚到最后或者最前的时候，初始化滚动层的位置样式，速度很快，无法察觉，就如同无缝一般。 html片段 <div class="wrap"> <u ...
分类：
其他好文 时间：
2019-11-29 15:34:09
阅读次数：
74
轮播页面的构成： 页面中间有多个同样大小的图片，在图片群的左右两侧有左右方向播动的可点击钮，图片群就会往左侧翻转，并且在最后一张图片的时候，第一张图片就会继续出现在最后一张图片，属于无裂痕翻转。 右侧按钮也是同样。 实现逻辑： 左侧按钮，通过获取图片所在上一级（父级）目录，对出现在最左侧的第一个ch ...
分类：
其他好文 时间：
2019-11-29 10:43:19
阅读次数：
66
仿小米首页轮播图（注意事项） 布局部分 1、用ul包裹li再包裹a的形式来装图片，建立focus类； 2、移动的时候是装着焦点图的ul来移动 + ul里的所有li横着摆放，ul的长度可以很大，装着ul的盒子宽高和图片一样大再 即可； + 可在js里动态生成下面的索引小圆点，这样可根据焦点图数量自动调 ...
分类：
Web程序 时间：
2019-11-27 12:13:06
阅读次数：
175
1. CSS盒模型 CSS盒模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。CSS 假定所有的HTML 文档元素都生成了一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个盒子。CSS 围绕这些盒子产生了一种“盒子模型”概念，通过定义一系列与盒子相关的属性， ...
分类：
Web程序 时间：
2019-11-25 20:21:46
阅读次数：
186
/* Start 基本样式*/ * { margin: 0; padding: 0; } ul { list-style-type: none; } body { font-size: 14px; background: #fff; overflow-y: scroll; overflow-x: h ...
分类：
其他好文 时间：
2019-11-25 09:31:55
阅读次数：
328
<! more 重新定义受控与非受控组件的边界 "React 官网中" 对非受控组件与受控组件作了如图中下划线的边界定义。一经推敲, 该定义是缺乏了些 和`严谨性`的, 比如针对非表单组件(弹框、轮播图)如何划分受控与非受控的边界? 又比如非受控组件是否真的如文案上所说的数据的展示与变更都由 dom ...
分类：
其他好文 时间：
2019-11-23 19:48:17
阅读次数：
62
轮播图 <div class="container"> <div class="row"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- 圆点 --> <ol class="c ...
分类：
其他好文 时间：
2019-11-23 18:24:20
阅读次数：
76
前端面试必看系列文章之前端面试技巧，系统全面总结了前端面试中涉及的CSS和JS、性能优化、错误监控等高频考点，并深入讲解了面试过程中的注意事项和提分点。 ...
分类：
其他好文 时间：
2019-11-22 22:14:14
阅读次数：
109
