ICanWin_lll的博客

SSR服务端渲染

1.创建一个项目vue create project2.划分项目目录结构views：主要的页面，内部根据不同模块创建不同的文件夹components:公共的组件assets:静态资源（图片/lang）styles:样式文件router:路由相关store:状态管理相关network/api:网络请求相关common/helper:存放一些公共的js文件，用来定义常量，工具类3.导入css文件normalize.css:对HTML元素样式上提供了跨浏览器

一.新建项目1.先在github上新建项目，git clone到本地，再在本地文件中通过vue create project创建VUE项目，git add ,git commit ,git push2.先在本地创建项目，然后与远程的仓库连接git initgit add README.mdgit commit -m "first commit"git branch -M maingit remote add origin git@github.com:LLLLLinae/test.gi

如何改变url，但是不刷新页面？一. url的hashURL的hash也就是锚点(#), 本质上是改变window.location.href属性. 直接赋值location.hash来改变href, 但是页面不发生刷新前端路由会监控hash的改变，当hash改变的时候，匹配对应的页面二.HTML5的historyhistory接口是HTML5新增的, 它有五种模式改变URL而不刷新页面1.history.pushState()pushState()可以改变url页面不刷新，同时

1.服务端渲染：在服务器直接生产渲染好的对应的HTML页面，返回给客户端进行展示后端路由：后端处理URL和页面之间的映射关系，当我们页面中需要请求不同的路径内容时, 交给服务器来进行处理, 服务器渲染好整个页面, 并且将页面返回给客户顿.优点：这种情况下渲染好的页面, 不需要单独加载任何的js和css, 可以直接交给浏览器展示, 这样也有利于SEO的优化缺点：1.整个页面的模块由后端人员来编写和维护的.2.前端开发人员如果要开发页面, 需要通过PHP和Java等语言来编写页面代码.