企业官网静态网站总结

这一周时间做了一个今天项目练习了用vue撘网站

1.根据熟练度选择的是vue框架，使用了iview的ui库，由于不会用bootstrap，所以自己手写响应式在其中也能发现很多问题，首先实时监听浏览器宽度应该放在mounted生命周期内，同时初始化页面时created生命周期内也要设置监听。

mounted() {

  window.onresize = () => {

  return (() => {

    let WIDTH = document.body.clientWidth;

    if (WIDTH > 963) {

  console.log(1)

    } else if (WIDTH < 768) {

    console.log(3)

    } else if (768 <= WIDTH <= 963) {

    console.log(2)

    }

  })();

  };

}

2.而且不能在每个路由去监听，应该是在app.vue完成监听，然后通过传递这个值给子组件使用，这样才不会冲突，也能优化性能，父子传值的方法，slot插槽 也在这一次项目中练习了一下，很有作用。

3.这次项目也培养了组件化开发的思想，最开始应该去熟悉项目，想好要建立哪些组件备用，如何处理路由，哪些地方需要路由的参数。

this.$route用于监听当前路由

this.$router用于查看全体路由，可以拿来配置参数

4.写css文件注意配置是否需要配置scoped

5.class动态绑定，列表渲染，条件渲染非常有用，搭建项目离不开这些，这些东西也使vue更加容易上手，数据绑定比起dom操作更人性化，可以将更多的精力放在处理逻辑上而不是调整样式和获取dom节点上。

6.以后搭建项目首先要考虑浏览器兼容，是否响应式，引入数据传递，路由处理，组件配置，有必要时引入rem.js、reset.css、normalize.css可以简化代码

7.多做项目才能了解具体的流程和开发时间