RainLotus'Blog

项目预览小程序商城主要分为首页、分类、购物车和我的四个模块。 项目需求接口文档1https://www.showdoc.com.cn/128719739414963?page_id=2513282464078443 项目搭建新建小程序项目进入官网，自行获取appId并下载微信开发者工具，在程序中点“+”创建新的小程序 搭建目录结构 目录名 作用 components 存放组件 images tabbar所用图片 request 请求的接口封装 utils 自己的帮助库 styles 存放公共样式 搭建项目页面 页面名称 文件名称 首页 index 分类页面 category 商品列表页面 goods_list 商品详情页面 goods_detail 购物车页面 cart 收藏页面 collect 个人中心页面 user 意见反馈页面 feedback 登录页面 login 授权页面 auth 结算页面 pay 订单页面 order 搜索页面 search 引入字体图标 打开阿里巴巴字体图标网站 ...

1.Angular 介绍 1.1 Angular是什么Angular（读音[‘æŋgjʊlə]）是一套用于构建用户界面的 JavaScript 框架。由 Google 开发和维护，主要被用来开发单页面应用程序。 类似于 Vue.js MVVM（提供了双向数据绑定） 组件化 模块化 指令 …… 由 Google 开发和维护 开发单页面应用程序（SPA） 1.2 特性 MVVM 组件化 模块化 指令 服务 依赖注入(很多概念从后台开发中引入的) TypeScript … 1.3 Angular发展历史1.3.1 Angular12009年，Misko hevery 和 Adam abrons 在业余时间打造了 GetAngular Misko Hevery 接手了 Google 内部的一个项目 Feedback ，该项目经过6个月的迭代代码量已经达到了17000行。项目的开发和维护已经变得非常的困难。所有 Misko 就决定用 GetAngular 重写这个项目。 结果就是小伙子成功了，使用 GetAngular 之后该项目从17000行缩减到了1500行，前后仅仅使用了三周 ...

1.1 Nuxt简介Nuxt 是一个基于 Vue 生态的更高层的框架，为开发服务端渲染(SSR)的 Vue 应用提供了极其便利的开发体验。 Vue.js是开发SPA单页面应用的，传统的SPA应用是将bundle.js从服务端获取，然后在客户端解析并挂载到dom。 Nuxt这个框架是用Vue开发多页应用，并在服务端渲染。我们可以将组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记”激活”为客户端上完全可交互的应用程序。 Nuxt适合做新闻、博客、电影、咨询这样的需要搜索引擎提供流量的项目。如果你要做到是移动端项目，就没有必要用nuxt这个框架了。 123456Nuxt.js有如下特点：Vue 2 ： nuxt是基于Vue2开发的Vue Router ： nuxt整合了路由功能，配置非常简单VueX ： 支持vuexVue Server Renderer ： 支持服务端渲染Vue-meta ： 支持meta标签配置 1.2 Nuxt项目创建https://zh.nuxtjs.org/guide/installation#%E6%96%B0%E6%8 ...

1.Next.Js介绍1.1 next.js是什么next.js作为一款轻量级的应用框架，主要用于构建静态网站和后端渲染网站。 Next.js 只支持React 16.由于我们使用 React 16 的特性，所以不得不放弃对 React 15 以及以下版本的支持. 当前译版为7.0.0-canary.8 1.2 框架特点 使用后端渲染 自动进行代码分割（code splitting），以获得更快的网页加载速度 简洁的前端路由实现 使用webpack进行构建，支持模块热更新（Hot Module Replacement） 可与主流Node服务器进行对接（如express） 可自定义babel和webpack的配置 2.Next项目创建2.1 安装create-next-app脚手架https://create-next-app.js.org/get-started-with-examples 12345yarn global add create-next-app@9.5.0create-next-app my-project// create-next-app my-projec ...

github和gitee的配置与使用一、配置SSH公钥免密登录由于需要同时配置两个网站的公钥，为了避免冲突，执行如下操作即可： 第一步，先分别获取两个网站的公钥，并命名为不同的名称做于分辨 12ssh-keygen -t rsa -C "s0704127x@163.com" -f "github_id_rsa"ssh-keygen -t rsa -C "2642446152@qq.com" -f "gitee_id_rsa" 第二步，将获取的公钥分别在各自官网配置。其中github对应的key为github_id_rsa.pub，而gitee的key则是gitee_id_rsa.pub。分别用记事本打开，copy一份去配置即可。 以下则以github为例，成功的结果图如下： 第三步，在.ssh目录下添加一个config脚本文件，并将下方代码复制进去，以用于避免两个网站的地址冲突。 1234567891011# giteeHost gitee.comHostName gitee.comPrefer ...