随笔档案「2019年12月」 - songsong_p_blue

分支的创建与代码的推送——提交用户列表功能代码

摘要：查看当前所处的分支创建一个新分支新建一个子分支user，然后用checkout命令切换到user分支上 checkout 代表要切换到哪个分支上 b 代表要新建一个分支检查当前user分支上这些文件的状态将代码统一添加到暂存区将user分支提交到仓库中把本地的user分支推送到云端的码云阅读全文

posted @ 2019-12-28 17:57 songsong_p_blue 阅读(303) 评论(0) 推荐(0)

主页Header布局

摘要：实现左右布局，最简单的就是使用flex布局阅读全文

posted @ 2019-12-26 11:58 songsong_p_blue 阅读(188) 评论(0) 推荐(0)

4.主页布局

摘要：整体布局整体布局：先上下划分，再作用划分阅读全文

posted @ 2019-12-26 11:45 songsong_p_blue 阅读(137) 评论(0) 推荐(0)

提交登录功能代码

摘要：查看当前项目中源代码的状态把所有的文件都添加到暂存区提交代码，把暂存区中的所有代码提交到了本地仓库中查看分支 login分支中的所有代码更新或者合并到master主分支 1.切换到master主分支 2.合并分支代码 3.远程推送，把本地的master分支推送到云端的码云中本地的login分阅读全文

posted @ 2019-12-26 11:11 songsong_p_blue 阅读(358) 评论(0) 推荐(0)

处理语法警告问题

摘要：Visual Studio Code 代码格式化（格式化文档）快捷键：ctrl+shift+f（或者是alt+shift+f）格式化工具和eslint会产生冲突如何解决冲突？ 1. 在项目根目录中，创建一个格式化文件时候的配置项 .prettierrc (是json格式的配置文件) 2. 将报错阅读全文

posted @ 2019-12-26 10:42 songsong_p_blue 阅读(240) 评论(0) 推荐(0)

vue项目中关闭eslint的方法

摘要：参考博客： "vue项目中关闭eslint的方法" 阅读全文

posted @ 2019-12-25 18:10 songsong_p_blue 阅读(3225) 评论(0) 推荐(1)

3.登录/退出功能

摘要：登录概述 1.登录业务流程 ①在登录页面输入用户名和密码 ②调用后台接口进行验证 ③通过验证之后，根据后台的响应状态跳转到项目页 2.登录业务的相关技术点 + http 是无状态的 + 通过cookie在客户端记录状态 + 通过session在服务器端记录状态 + 通过token方式维持状态说明：阅读全文

posted @ 2019-12-25 11:53 songsong_p_blue 阅读(1007) 评论(0) 推荐(0)

2. 项目初始化

摘要：前端项目初始化步骤 ①安装Vue脚手架 ②通过Vue脚手架创建项目 ③配置Vue路由 ④配置Element UI组件库 ⑤配置axios库 ⑥初始化 git远程仓库 ⑦将本地项目托管到Github或码云中后台项目的环境安装配置 ①安装 MySQL数据库 ②安装 Node.js环境 ③配置项目相关信阅读全文

posted @ 2019-12-25 11:31 songsong_p_blue 阅读(170) 评论(0) 推荐(0)

1.项目概述

摘要：电商项目基本业务概述根据不同的应用场景，电商系统一般都提供了 PC端、移动APP、移动Web.微信小程序等多种终端访问方式。电商后台管理系统的功能电商后台管理系统用于管理用户账号、商品分类商品信息、订单、数据统计等业务功能。电商后台管理系统的开发模式(前后端分离) 电商后台管理系统整体采用前阅读全文

posted @ 2019-12-25 09:10 songsong_p_blue 阅读(396) 评论(0) 推荐(0)

5. Element-UI的基本使用

摘要：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 阅读(415) 评论(0) 推荐(0)

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 阅读(319) 评论(0) 推荐(0)

3. Vue单文件组件

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

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

webpack中的加载器

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

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

webpack

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

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

02.模块化相关规范

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

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

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

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

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

12.基于vue-router的案例

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

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

11.vue-router编程式导航

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

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

10. vue-router命名路由

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

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

08.vue-router动态路由匹配

摘要：动态匹配路由的基本用法思考: 应用场景:通过动态路由参数的模式进行路由匹配路由组件传递参数 $route与对应路由形成高度耦合，不够灵活，所以可以使用props将组件和路由解耦 1.props的值为布尔类型 2.props的值为对象类型 3.props的值为函数类型阅读全文

posted @ 2019-12-22 10:52 songsong_p_blue 阅读(301) 评论(0) 推荐(0)

07. vue-router嵌套路由

摘要：嵌套路由用法 1.嵌套路由功能分析 + 点击父级路由链接显示模板内容 + 模板内容中又有子级路由链接 + 点击子级路由链接显示子级模板内容 2.父路由组件模板 + 父级路由链接 + 父组件路由填充位 3.子级路由模板 + 子级路由链接 + 子级路由填充位 const Register = { //使阅读全文

posted @ 2019-12-22 10:05 songsong_p_blue 阅读(209) 评论(0) 推荐(0)

06.路由重定向

摘要：路由重定向路由重定向指的是:用户在访问地址A的时候，强制用户跳转到地址C .从而展示特定的组件页面; 通过路由规则的redirect 属性，指定一个新的路由地址，可以很方便地设置路由的重定向: 阅读全文

posted @ 2019-12-22 09:36 songsong_p_blue 阅读(616) 评论(0) 推荐(0)

04 Vue Router路由管理器

摘要：路由的基本概念与原理 Vue Router Vue Router (官网: https://router.vuejs.org/zh/)是Vue.js 官方的路由管理器。它和vue.js的核心深度集成，可以非常方便的用于SPA应用程序的开发。 Vue Router包含的功能有: + 支持HTML5 阅读全文

posted @ 2019-12-22 08:19 songsong_p_blue 阅读(300) 评论(0) 推荐(0)

ES6新特性之 let 、const

摘要：在 ES6之前，ES5中js只有全局作用域和函数作用域,作用域是一个独立的地盘，让变量不外泄出去，但是上例中的变量就外泄了出去，所以此时 JS 没有块级作用域的概念。全局作用域就是最外层的作用域，如果我们写了很多行 JS 代码，变量定义都没有用函数包括，那么它们就全部都在全局作用域中。这样的坏处就阅读全文

posted @ 2019-12-19 11:47 songsong_p_blue 阅读(282) 评论(0) 推荐(0)

03.实现简易前端路由

摘要：基于URL中的hash实现(点击菜单的时候改变URL的hash,根据hash的变化控制组件的切换) 阅读全文

posted @ 2019-12-19 11:45 songsong_p_blue 阅读(118) 评论(0) 推荐(0)

02.路由的基本概念与原理

摘要：路由路由是一个比较广义和抽象的概念，路由的本质就是对应关系。在开发中，路由分为: 后端路由 + 概念:根据不同的用户URL请求，返回不同的内容 + 本质: URL请求地址与服务器资源之间的对应关系后端渲染，网页频繁刷新，体验差，Ajax实现前端页面的局部刷新，提高用户体验 SPA (Singl 阅读全文

posted @ 2019-12-19 11:03 songsong_p_blue 阅读(478) 评论(0) 推荐(0)

01.Vue前端路由学习目标

摘要：+ 路由的基本概念与原理 + vue router的基本使用 + vue router嵌套路由 + vue router动态路由匹配 + vue router命名路由 + vue router编程式导航 + 基于vue router的案例阅读全文

posted @ 2019-12-19 10:45 songsong_p_blue 阅读(287) 评论(0) 推荐(0)

启动Vue项目，提示：Cannot find module 'webpack/bin/config-yargs'

摘要："webpack dev server": "^2.11.5" 阅读全文

posted @ 2019-12-15 17:40 songsong_p_blue 阅读(223) 评论(0) 推荐(0)

运行Vue项目，没办法自动打开浏览器，提示“Unable to open browser. If you are running in a headless environment, please do not use the open flag.”

摘要：留坑，待解决阅读全文

posted @ 2019-12-15 11:43 songsong_p_blue 阅读(2201) 评论(0) 推荐(0)

为什么将项目托管到Apache，浏览器输入http://127.0.0.1会跳转到http://127.0.0.1//dashboard/？

摘要：找到xampp安装的根目录下htdocs文件夹下的index.php文件把以下语句注释即可参考博客： "macOS 为什么XAMPP启动后输localhost跳转到http://localhost/dashboard？" 阅读全文

posted @ 2019-12-06 16:08 songsong_p_blue 阅读(629) 评论(0) 推荐(0)

异步调用

摘要：异步调用对异步调用结果如果存在依赖需要，需要使用嵌套的方式实现通过回调函数的嵌套，来保证多个异步任务的执行顺序阅读全文

posted @ 2019-12-01 23:42 songsong_p_blue 阅读(149) 评论(0) 推荐(0)