走进大前端：电子商务网站(模块化布局)实战

来源：互联网发布：盲源分离理论与算法编辑：程序博客网时间：2024/06/05 09:41

CK2052-电子商务网站(模块化布局)实战开发

随笔背景：在很多时候，很多入门不久的朋友都会问我：我是从其他语言转到程序开发的，有没有一些基础性的资料给我们学习学习呢，你的框架感觉一下太大了，希望有个循序渐进的教程或者视频来学习就好了。对于学习有困难不知道如何提升自己可以加扣：1225462853进行交流得到帮助，获取学习资料.

CK2052-电子商务网站(模块化布局)实战开发

下载地址：http://pan.baidu.com/s/1jI05TPW

前端实战开发干货分享：

运用 HTML+CSS+JS 制作整站静态页面，相信很多人有实践经历。不过对于没接触过 HTML\CSS 页面制作规范的朋友而言，整站静态页面的开发、尤其是电子商务类型网站，可能会有如下问题：

1、整站许多地方相似、又有一些细微不同，该如何处理？

2、CSS的重用性与特殊性究竟要怎样区分？

3、命名空间在实际应用中，要怎样处理？

4、CSS3在运用的过程中，如何考虑低版本浏览器的兼容性问题？

5、使用jQuery完成页面基本效果，而不需要套用别人代码，那具体要怎样写？

……

这些问题的讨论与实践，都在这部《电商模块化布局实战》视频中，期待与大家共同讨论、以期碰撞出更多交流的火花~

如果是一个主要面向移动设备，则主要将jQuery换成了Zepto.js，以适应移动设备。
HTML5 Boilerplate的模板核心部分不过30行，但是每一行都可谓千锤百炼，可以用最小的消耗解决一些前端的顽固问题：

使用条件注释区分IE浏览器

<!DOCTYPE html> <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

meta标签的书写顺序
为了让浏览器识别正确的编码，meta charset标签应该先于title标签出现。
meta X-UA-Compatible标签可以指定IE8以上版本浏览器以最高级模式渲染文档，同时如果已经安装Google Chrome Frame则直接使用Chrome Frame渲染。而指定渲染模式的meta X-UA-Compatible标签同样需要优先出现：

<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title>

requireJS加载第三方类库
在实例的App中还用到了jQuery以外的第三方类库，如果类库不是一个标准的AMD模块而又不想更改这些类库的代码，同样需要提前进行定义：

require.config({      paths: {            'underscore': 'vendor/underscore'      },      shim: {          underscore: {              exports: '_'          }      }});

阅读全文

1 0