随笔分类 - Web
摘要:九、用户页面 该模块作为学生作业,不讲解,仅供源码参考。 创建组件并配置路由 1、创建 views/user/index.vue <template> <div class="user-container">用户页面</div> </template> <script> export default
阅读全文
摘要:六、文章搜索 创建组件并配置路由 1、创建 src/views/search/index.vue <template> <div class="search-container">搜索页面</div> </template> <script> export default { name: "Sear
阅读全文
摘要:四、首页—文章列表 页面布局 头部导航栏 1、使用导航栏组件 2、在导航栏组件中插入按钮 文本 图标 3、样式调整 宽高 背景色 边框 文本大小 图标大小 <template> <div class="home-container"> <!-- 导航栏 --> <van-nav-bar class=
阅读全文
摘要:开发文档 - 黑马头条 src目录树 D:. │ App.vue │ main.js │ ├─api │ user.js │ ├─assets ├─components ├─router │ index.js │ ├─store │ index.js │ ├─styles │ icon.css │
阅读全文
摘要:开发文档 - 黑马头条 最新API接口 在线演示 http://toutiao.itheima.net/ 接口文档 http://toutiao.itheima.net/api.html 文件结构 D:. │ App.vue │ main.js │ ├─api │ user.js │ ├─asset
阅读全文
摘要:axios 入门 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 安装 使用 npm: $ npm install axios 使用 bower: $ bower install axios 使用 cdn: <script src="https://
阅读全文
摘要:Vue-Vuex Vuex 概述 组件之间共享数据的方式 父向子传值:v-bind 属性绑定 子向父传值:v-on 事件绑定 兄弟组件之间共享数据: EventBus $on 接收数据的那个组件 $emit 发送数据的那个组件 Vuex 是什么 Vuex 是实现组件全局状态(数据)管理的一种机制,可
阅读全文
摘要:项目优化 nprogress 进度条 安装运行依赖:nprogress 文档地址:https://www.cnblogs.com/d-lir/p/14018641.html 在项目的/src/main.js中添加如下代码 // axios请求拦截器 axios.interceptors.reques
阅读全文
摘要:Vue-工程化 模块化相关规范 概述 传统开发模式的主要问题 命名冲突 文件依赖 通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块 模块化开发的好处:方便代码的重用,从而提升开发效率,并且方便后期的维
阅读全文
摘要:Vue - 组件 组件化开发思想 现实中的组件化思想体现 标准、分治、重用、组合 编程中的组件化思想体现 组件化规范: Web Components 我们希望尽可能多的重用代码 自定义组件的方式不太容易(html、css和js) 多次使用组件可能导致冲突 Web Components 通过创建封装好
阅读全文
摘要:16-Vue-Router 路由的基本概念与原理 概念:路由是一个比较广义和抽象的概念,路由的本质就是对应关系。 分类:后端路由、前端路由 后端路由 概念:根据不同的用户 URL 请求,返回不同的内容 本质:URL 请求地址与服务器资源之间的对应关系 SPA SPA(Single Page Appl
阅读全文
摘要:数据库 数据库基本概念 什么是数据库 数据库(database)是用来组织、存储和管理数据的仓库。 当今世界是一个充满着数据的互联网世界,充斥着大量的数据。数据的来源有很多,比如出行记录、消费记录、浏览的网页、发送的消息等等。除了文本类型的数据,图像、音乐、声音都是数据。 为了方便管理互联网世界中的
阅读全文
摘要:Express 原生 http 在某些方面不足以应对我们的开发需求,为了加快开发效率,就要使用框架开发 第三方 Web 开发框架 高度封装了 http 模块 更加专注于业务,而非底层细节 安装和初始化 # 初始化(生成package.json文件) npm init -y # 安装 npm inst
阅读全文
摘要:12-Git常用命令 新建代码库 # 在当前目录新建一个Git代码库 $ git init # 新建一个目录,将其初始化为Git代码库 $ git init [project-name] # 下载一个项目和它的整个代码历史 $ git clone [url] 配置 Git的设置文件为.gitconf
阅读全文
摘要:0. 资源地址 线上 DEMO 项目地址:http://www.escook.cn:8086/ 项目的 API 接口地址: https://www.showdoc.cc/escook?page_id=3707158761215217 1. 项目前期的准备工作 1.1 初始化项目结构 将 素材 目录下
阅读全文
摘要:ES6 变量声明let与const let声明的变量不存在预解析 console.log(flag); // 会出错而不是undefined let flag = 123; let声明的变量不允许重复(在同一个作用域内) let flag = 123; let flag = 456; console
阅读全文
摘要:Webpack 网页静态资源的问题 网页中常见静态资源? JS .js .jsx .coffee .ts(TypeScript 类 C# 语言) CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字体文件(Fonts) .svg .
阅读全文
摘要:Web学习路线 HTML CSS Javascript ECMAScript BOM DOM jQuery Ajax H5 Canvas CSS3 移动Web UI框架 Bootstrap MUI 模板引擎 art-template ejs swig ES6 Git Node 原生 - Node 框
阅读全文
摘要:组件 定义Vue组件 什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可; 组件化和模块化的不同: 模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一; 组件
阅读全文
摘要:使用到的技术:node、express、swig、mongoose、模块化设计、中间件(body-parser、cookies)、bootstrap ##第三方模块、中间件 express bodyParser cookies swig: 模板引擎 mongoose:操作mongodb数据库 mar
阅读全文

浙公网安备 33010602011771号