songsong_p_blue - 博客园

2019年12月25日

摘要： Element ul: 一套为开发者、设计师和产品经理准备的基于vue 2. 0的桌面端组件库。官网地址为: http://element cn.eleme.io/ /zh CN 1.基于命令行方式手动安装 ①安装依赖包 npm i element ui S ②导入Element UI 相关资源阅读全文

posted @ 2019-12-25 08:41 songsong_p_blue 阅读(397) 评论(0) 推荐(0) 编辑

2019年12月24日

4. Vue脚手架

摘要： Vue脚手架的基本用法 Vue脚手架用于快速生成Vue项目基础架构,其官网地址为: https://cli.vuejs.org/zh/ 使用步骤 1.安装3.x版本的Vue脚手架: npm install g @vue/cli Vue脚手架的基本用法基于3.x版本的脚手架创建vue项目 Vue脚手阅读全文

posted @ 2019-12-24 23:21 songsong_p_blue 阅读(311) 评论(0) 推荐(0) 编辑

3. Vue单文件组件

摘要：传统组件的问题和解决方案 1.问题 + 全局定义的组件必须保证组件的名称不重复 + 字符串模板缺乏语法高亮，在HTML有多行的时候，需要用到丑陋的\ + 不支持 CSS意味着当HTML和JavaScript组件化时，CSS 明显被遗漏 + 没有构建步骤限制，只能使用HTML和ES5 JavaS 阅读全文

posted @ 2019-12-24 12:00 songsong_p_blue 阅读(291) 评论(0) 推荐(0) 编辑

2019年12月23日

webpack中的加载器

摘要：通过loader打包非js模块在实际开发过程中，webpack 默认只能打包处理以.js 后缀名结尾的模块，其他非.js 后缀名结尾的模块，webpack默认处理不，需要调用loader加载器才可以正常打包，否则会报错! loader加载器可以协助webpack打包处理特定的文件模块，比如: + 阅读全文

posted @ 2019-12-23 21:52 songsong_p_blue 阅读(389) 评论(0) 推荐(0) 编辑

webpack

摘要：当前Web开发面临的困境 + 文件依赖关系错综复杂 + 静态资源请求效率低 + 模块化支持不友好 + 浏览器对高级 Javascript特性兼容程度较低 + etc... webpack概述 webpack是一个流行的前端项目构建工具 (打包工具)，可以解决当前 web开发中所面临的困境。 webp 阅读全文

posted @ 2019-12-23 15:49 songsong_p_blue 阅读(179) 评论(0) 推荐(0) 编辑

2019年12月22日

02.模块化相关规范

摘要： 1.模块化概述传统开发模式的主要问题 + 命名冲突：指的是多个js文件之间如果存在重名的变量，则会发生变量覆盖问题； + 文件依赖：指的是js文件之间无法实现相互的引用通过模块化解决上述问题 + 模块化就是把单独的一个功能封装到一个模块(文件)中，模块之间相互隔离，但是可以通过特定的接口公开内部阅读全文

posted @ 2019-12-22 18:25 songsong_p_blue 阅读(171) 评论(0) 推荐(0) 编辑

01.前端工程化的学习目标

摘要： + 能够知道有哪些模块化的相关规范 + 能够使用webpack + 能够使用Vue单文件组件 + 能够使用Vue脚手架 + 能够使用Element Ul 阅读全文

posted @ 2019-12-22 17:12 songsong_p_blue 阅读(155) 评论(0) 推荐(0) 编辑

12.基于vue-router的案例

摘要：案例分析用到的路由技术要点: + 路由的基础用法 + 嵌套路由 + 路由重定向 + 路由传参 + 编程式导航根据项目的整体布局划分好组件结构，通过路由导航控制组件的显示 1.抽离并渲染 App根组件 2.将左侧菜单改造为路由链接 3.创建左侧菜单对应的路由组件 4.在右侧主体区域添加路由占位阅读全文

posted @ 2019-12-22 11:58 songsong_p_blue 阅读(259) 评论(0) 推荐(0) 编辑

11.vue-router编程式导航

摘要：页面导航的两种方式 + 声明式导航:通过点击链接实现导航的方式，叫做声明式导航例如:普通网页中的链接或vue中的 + 编程式导航:通过调用JavaScrip形式的API实现导航的方式，叫做编程式导航例如:普通网页中的location.href 1.编程式导航基本用法常用的编程式导航API如下阅读全文

posted @ 2019-12-22 11:22 songsong_p_blue 阅读(207) 评论(0) 推荐(0) 编辑

10. vue-router命名路由

摘要：命名路由的配置规则为了更加方便的表示路由的路径，可以给路由规则起一个别名，即为“命名路由”。阅读全文

posted @ 2019-12-22 11:01 songsong_p_blue 阅读(299) 评论(0) 推荐(0) 编辑