Hoona123-CSDN博客

原创 vue移动端去哪儿旅游网

##vue移动端去哪儿旅游网说明：1、该项目是对移动端去哪儿网的仿写，实现了从首页、城市选择、详情页面，是一个前后端分离的开源目，实现了前端内容的编写。2、主要技术栈：Vue+Vue-router+Vuex++Axios+stylus+fastclick+swiper+BetterScrollGitee地址：https://gitee.com/hoona/travel-self演示视频地址：https://v.qq.com/x/page/h323971xslk.html页面：首页页面、城市选择

2021-04-14 23:59:40 391

原创 WebPack概念

WebpackWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。核心概念：入口(entry)输出(output)loader 插件(plugin)模式(mode)浏览器兼容性(browser compatibility)配置：1.entry（入口）entry: string|Array<string>module.exports = { entry: './path/to/my/ent

2021-04-13 21:23:54 74

原创模块化的一些概念

一、common JS 和AMD和CMDCommonJS：CommonJS定义的模块分为:{模块引用(require)} {模块定义(exports)} {模块标识(module)}require()用来引入外部模块；exports对象用于导出当前模块的方法或变量，唯一的导出口；module对象就代表模块本身。示例：var module = { exports: {}};(function(module, exports) { exports.multiply = funct

2021-04-12 23:23:12 99

原创 Babel记录

Babel记录一个JavaScript编译器。babel是一个工具链，主要将ES6（ECMAScript2015）+版本的代码转换成能够在当前和旧版本的浏览器或其他环境中运行的语法。简单点说就是，Babel 通过语法转换器来支持新版本的 JavaScript 语法。官方配置方法：https://www.babeljs.cn/docs/usage实践过程：使用vue-cli构建项目，会自动配置Babel，module.exports = { "presets": [ '@vue/

2021-04-12 21:40:06 74

原创 Vue仿小米商城

Vue仿小米商城一、项目介绍：1、该项目是对小米商城系统的模仿，实现了从浏览商品到结算商品的整个过程，是一个前后端分离的开源目，实现了前端内容的编写。2、主要技术栈：Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现，包含了登录、产品首页、产品站、产品详情、购物车、订单确认、订单支付、订单列表等功能。Gitee地址：https://gitee.com/hoona/mi-mall

2021-04-11 16:37:25 2130 2