
前端-综合
文章平均质量分 73
dwenb
这个作者很懒,什么都没留下…
展开
-
一步一步写web之初识web(六)
这一篇为初识web的总结篇。首先回顾之前做的内容:第一步:做一个实现一个滑动门效果,需要给一个边框把几个图片包起来,这时我们用一个div,样式为mainContainer。mainContainer中设置了基本属性,长宽高背景色及position,这个position如果不设置就会靠边,不美观,这里的position设置为relative,在script里我们把它设为了居中。第二步:1原创 2017-04-04 17:51:05 · 292 阅读 · 0 评论 -
一步一步写web之初识web(五-数据滚动实现)
趁着空挡赶紧写!一、数据滚动这节想做的效果是在一个框内数据可以循环的向上滚动,只能说功能仿照永夜君王贴吧的捧场动态,样式就不严格一样了。首先要呈现一个边框出来#rollText{ position: absolute; width: 400px; border: 1px solid #333333; margin-top: 300px; he原创 2017-04-03 13:22:36 · 808 阅读 · 0 评论 -
一步一步写web之初识web(五-简单源码分析篇)
本来想研究动画效果的,在网上看到了可以用css3的动画属性(@keyframes 规则),由于回来较晚,洗漱后近12点才开始看代码(前两天快3点才睡白天也没休息)又困又累找到方法后就没有继续研究了。刚刚研究了下百度贴吧之永夜君王吧,分析了下代码,现在也随便写点吧。一、开工首先想查看捧场动态的源码,可是打开后发现灰色的一大块区域是用标签实现的,看代码发现src有一个链接,点击network进原创 2017-04-03 09:42:09 · 619 阅读 · 0 评论 -
一步一步写web之初识web(四)
一、在userbar左边添加剩余部件这里的组件是可以跳转的,添加的链接为百度贴吧拷贝过来的真实链接,(右边的登录、注册、问题反馈等都是指向百度首页,没有区分链接)。样式主要参考谷歌开发者工具打开后得到的样式。二、添加百度搜索框样式打开网页元素发现嵌套了很多层,觉得有点没必要,有点不想写的,后来还是坚持了下来,可能初学者的惰性吧,下面是实现的效果截图。这里面的搜索功能没有实现,只原创 2017-04-02 01:53:42 · 330 阅读 · 0 评论 -
一步一步写web之初识web(三)
争取每一个小步骤都记下来,每张内容不会很多,但是都是我一步一步的经历,从小白入门的坎坷历程吧。一、通过增加id实现通过增加id获取div,在js中进行逻辑判断,实现会员下拉列表并选择。这里的会员列表是通过增加id获取的div,代码更新请看:https://github.com/dwenb/webLearning/commits/master/footer。接下来做的是不原创 2017-04-01 18:17:11 · 251 阅读 · 0 评论 -
一步一步写web之初识web(二)
昨天卡在backgroundImg未按预想的呈现。今天调整了下,position用错了,也没有设置高度。所以图片就跑错了位置,今天重新设置下,勉强好看些了这里用一个大div包裹中间三排要显示的组件,这个div距左右两边的距离在js中处理,使其居中 //容器对象 var mainContainer=document.getElementById("mainContainer")原创 2017-04-01 12:30:53 · 350 阅读 · 0 评论 -
一步一步写web之初识web(一)
前言:本人是一个web初学者,JavaScript,html,css语法参照W3School网站进行学习,但是没有贯穿性,对于web项目是雨里雾里,甚至不知道三者是如何连在一起的。唯一会的前端是react native,然而这是一个app开发工具,和web有所不同,现在就一步一步的学习web,并把所遇到的困境及心理历程一步一步的记录下来,会有很多白痴的情况,不喜勿喷。本web项目依据慕课网《D原创 2017-04-01 01:01:34 · 318 阅读 · 0 评论 -
随笔之chrome
昨天看资料,看到优化相关的东西,其中一篇介绍chrome调试里的一些东东,发现TimeLine这个东西蛮不错的,chrome还有待深入研究,以前真是坐井观天了,自从进入前端这个领域,越来越觉得自己学的太少。-----------------------------------------------------------------------------------------------原创 2017-04-12 21:07:05 · 244 阅读 · 0 评论