jDapp项目收获

本文分享了jDapp项目的开发经验,重点讨论了CSS和JS的应用。在CSS方面,涉及reset.css、布局设计、定位、浮动、响应式布局等技巧。在JS部分,提到了移动端事件处理、元素获取、错误排查和性能优化。同时,文章还介绍了如何解决浮动不显示、元素定位等问题,并探讨了移动端特有的CSS属性和JS处理方式。
摘要由CSDN通过智能技术生成

项目开发:

  • 新建文件夹:index.html,css,js,images;项目尽量使用英文目录
  • css文件夹至少一个base.css:reset+common,还有一个index.css
  • 移动端开发:
  • html中head中要加关于viewport的设置,+主要引入的css,js文件骨架搭好
  • Pc端是固定像素容器居中,在移动端,有最大最小宽度限制
  • index.css,一般都会有一个版心容器,居中
  • 通栏:和整版的宽度一致,但面积不到半个版。
  • 切图,雪碧图:减少网络请求次数。

一般图标都会做一个0.5倍的压缩

  • 轮播图:列表形式,

CSS

  • reset.css:
  • list-style:列表前的标点样式去除
  • text-decoration:none,消除超链接下默认的下划线
  • 选择器问题:
  • div p:指div内部的p
  • div,p:指所有div和p
  • 定位position属性:
  • fixed固定定位的默认会基于原来的容
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值