发表于： 2018-05-27 23:39:56
2 595
今天完成的事情：
用CSS3的动画做了一个轮播图，但是只能轮播，不能切换。
修改了一下导航栏一部分内容，加上下划线等。
明天计划的事情：
修复导航栏部分，主要是响应式有点问题，已经宽度问题。
尝试一下在今天轮播的效果上，加上点击按钮跳转图片。
遇到的问题：
导航栏部分遇到的问题是，我点击按钮，把文字收回去，才可以正常响应，
具体是我设置了宽度小于600的时候，出现按钮，按下按钮可以出现下拉导航栏。但是等我把宽度再次拉回大于600px时，只有按钮不见，导航栏还是会在。只有在小于600px时，点击关闭下拉导航栏，才会正常响应。
目前想到一个办法是，自动检测，当宽度大于600px时，屏幕自动点击下拉按钮。就可以正常响应。可能需要js的东西。
收获：
今天看了一下轮播图的实现，主要有bootstrap实现，也有CSS实现，bootstrap的方式是，快速引用，稍微修改即可使用。
CSS实现比较复杂，如果需要轮播加上自己定位需要很多代码。好处是，当某些浏览器不支持bootstrap时，也能运行。
5.如果是在手机上查看投票页，没有hover效果时应该怎么办？
hover是鼠标悬浮在元素上面起作用，但是手机上没有鼠标。
有触摸事件，
1.touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。
2.touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间， 调用preventDefault()事件可以阻止滚动。
3.touchend事件：当手指从屏幕上离开的时候触发。
4.touchcancel事件：touchcancel，是在拖动中断时候触发。
3.less和sass有什么区别？
变量名称的不同，less是@，sass是$。
2,Sass的安装需要Ruby环境，是在服务端处理的，而Less是需要引入less.js来处理Less代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到项目中
3，sass支持条件语句，比如if else for等，less不支持
4,sass可以设置输出类型， nested：嵌套缩进的css代码 expanded：展开的多行css代码 compact：简洁格式的css代码 compressed：压缩后的css代码 less就不可以
1.开发过程中应该遵守哪些编码规范和class命名规范？
1编码规范
img写Alt属性
单标签不用闭合标签。
行内元素不能使用块级元素。
写<!DOCType html>
不用嵌套太多div，主要语义化。
尽量使用外联样式。
使用英文，而不是拼音
CSS的顺序是位置，盒子模型，排版，外观。
2.那种规范才是最好的规范？
大型项目可以使用bem的命名规范，有利于组件重用。小型可以使用骆驼，匈牙利等。
具体编码规范可以按照团队，项目要求来选择。
为啥要做组件库
提高效率，降低维护成本，做出类似bootstrap那种组件，我们直接拿来用就好，而且也会导致，改一行代码，全部都出问题
1.目前流行的组件库有哪些？css，js各有哪些流行的库？
CSS有bootstrap，js有jQuery，Vue，angular，react。等。
返回列表
评论