构建基于H5和Vue.js的书城WebApp

资源摘要信息:"h5reader是一个基于HTML5技术构建的书城Web应用程序。该应用运用前后端分离的开发模式，前端负责界面的展示和交互，后端则使用node.js来模拟数据服务，并不具有真实的数据处理后台。在前端技术栈中，开发者采用了vue.js作为主要的前端框架，并结合zepto.js和ejs来进行页面渲染和模板处理。同时，利用了ES5/6标准编写JavaScript代码，以确保代码的现代化和高效性。CSS技术则被应用于页面的样式布局。该项目提供了一个本地运行的示例，开发者可以通过npm或cnpm安装依赖项后，运行node app.js来启动服务。 该项目中，第三方API的使用是值得一提的知识点，这里具体指的是追书神器API，它负责从外部数据源抓取书籍信息，并将其渲染到用户界面上。在使用过程中，开发者需要处理一些技术问题，如存储和读取数组数据到localstorage时，由于localstorage原生只支持字符串格式的存储，因此需要使用JSON.stringify()方法将数组转换为字符串格式进行存储，当需要读取这些数据时，再利用JSON.parse()方法将其转换回数组格式。 另一个值得讨论的技术问题是跨域问题。在调用第三方API时，出于安全考虑，浏览器的同源策略会阻止来自不同源的HTTP请求。在本项目中，开发者可能采取了一些策略，如CORS（跨源资源共享）配置或使用代理服务器来解决跨域问题，以确保API能够被成功调用。由于项目描述中未详细说明具体采用的解决方式，这可能是开发者在优化阶段需要考虑的问题之一。 整体来说，h5reader项目是一个典型的现代Web应用开发实例，它展示了如何使用现代JavaScript框架和库来构建一个功能丰富的Web应用程序。项目中遇到的问题和解决方案也反映了实际开发过程中常见的挑战，对于前端开发者来说，该项目不仅提供了一个实践前后端分离理念的机会，同时也为处理本地存储和跨域请求提供了实践案例。" 开发中遇到的问题 使用localstorage存数组 localstorage只能存字符串，存数组需要用JSON.stringify()方法转成字符串。 拿出数据是用JSON.parse（）方法转成数组 调用第三方api接口时跨域的问题