自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 2021-07-21

**清除包重新下载依赖**1.打开Git Bash Here输入命令 $ rm -rf node_modulesq清楚文件夹2清楚依赖 $ npm cache clean -f3.下载淘宝镜像(无下)$ npm install -g cnpm --registry=https://registry.npm.taobao.org4.重新安装依赖 cnpm i...

2021-07-21 10:27:51 142

原创 2020-12-27

头条项目第三天学习目标1.完成登录页2.完成注册页3.slot插槽4.Vant组件库5.实现个人中心布局组件封装1.创建组件2.导入组件3.注册组件4.使用组件slot 插槽插槽官方文档:https://cn.vuejs.org/v2/guide/components-slots.html父组件的标签对内传HTML结构<MyButton>注册</MyButton><MyButton>登录</MyButton><MyBut

2020-12-27 16:47:37 137

原创 2020-12-23

头条项目第二天开发任务1.登陆页面布局2.注册页面布局3.封装输入框组件4.封装按钮组件5.引入 axios 库实现 ajax 请求6.发送请求实现登陆7.发送请求实现注册8.引入 vant-ui 库实现错误弹窗一. 静态页面登录思路登录页面布局组件封装数据验证* 页面布局1. 创建登录页1.进入views文件夹2.创建Login.vue 单文件组件作为页面的文件3.注册路由,在router/index.js里面先引入组件然后配置4.可以直接输入url或者在hom

2020-12-23 22:35:31 138 1

原创 2020-12-23

头条项目前的基本准备安装依赖包//正常安装npm install//如果国内下载国外包还是太慢, 除了指向淘宝镜像外, 还可以加上使用下面的命令加速 很多时候报node-gypnpm install --node-sqlite3_binary_host_mirror=https://npm.taobao.org/mirrors///启动npm run start4.启动成功提示测试 在浏览器中打开你链接解测试是否成功http://127.0.0.1:3000/postvue-

2020-12-23 20:52:20 210

原创 2020-12-20

webpackwebpack定义:是一个现代 JavaScript 应用程序的模块打包器(module bundler),分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Sass,TypeScript,vue等),并将其转换和打包为合适的格式供浏览器使用。效果图流行的三个SPA的框架,都于webpack紧密相连React.js + webpackVue.js + webpackAngular.js + webpack-学习webpack有4个重要的

2020-12-20 21:44:27 123

原创 2020-12-16

vue基础学习第二天计算属性使用原因:解决在模板中放入太多的逻辑会让模板过重且难以维护的。模板应该是简单的声明式逻辑而不是一大堆难以解决的逻辑例如:<div id="example"> {{ message.split('').reverse().join('') }}</div>添加计算属性计算属性:看起来是一个函数,但是要当成属性来使用,它的地位类似于在data中声明的成员2.只在计算属性中的依赖项发生了变化 ,就会自动的触发这个计算属性2.1 所谓依

2020-12-16 18:12:57 125

原创 2020-12-14

Vue 实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的:var vm = new Vue({// 选项})一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例,以及可选的嵌套的、可复用的组件树组成。举个例子,一个 todo 应用的组件树可以是这样的:根实例└─ TodoList ├─ TodoItem │ ├─ TodoButtonDelete │ └─ TodoButtonEdit └─ TodoListFooter

2020-12-14 23:08:41 329

原创 2020-12-13

大事件前台页面的实现热点图的渲染步骤1静态结构2发起ajax请求3进行模板的赋值4填充到页面指定位置js发起ajax// 热点图// 3、热点图// 请求地址:/index/hotpic// 请求方式:get$.ajax({'http://127.0.0.1:8080/api/v1/index/hotpic',dataType:"json",success:function(res){consloe.log(res)if(res.code==200){$(".focus_

2020-12-13 15:50:48 77

原创 2020-12-10

## 大事件后台管理项目实现过程 第一天一个纯前端项目来实现前台页面的交互目标理解什么叫纯前端项目回顾ajax发起请求和接收响应回顾模板模板引擎实现数据的动态渲染掌握token实现转态保持的前台页面的实现过程进一步的掌握和体会前台页面的交互,理解前台页面的处理流程进一步的掌握ajax的其他使用方式搭建后台环境参阅笔记中的01-数据导入和服务器开启.md要记得启动服务器模态框的添加相当于弹出框,可以取代alert进行用户提示来自于bootstrap框架<!-- 模态框

2020-12-10 10:49:30 277

原创 2020-12-07

大事件项目实现过程前台和后台(项目中的页面)前台:前台页面一般都是面试普通的大众用户(访问网站,只是用我们给的功能或者是浏览器网站上的信息,而不会对网站去做额外的操作)前台的页面做的更加美观后台:面向开发,运营、管理 方便我们管理网站对网站的信息或者资源做增删改查初始化项目数据先打开数据库,然后使用Navicat连接到数据库使用Navicat图形化界面,在这个连接中新建一个bignews的这个名字的数据库将已经有的数据导入到数据库中在该文件目录下面运行git bash he

2020-12-07 21:57:58 61

原创 2020-12-07

node服务器实现用户登录功能登录1.准备登录好前台的ajax2.后台添加登录的路由配置2.1响应登录页面2.2实现登录业务处理准备登录页面相关资源1.将login.html页面拷到views目录中2将admin.css文件拷贝到public/styles目录中3修改资源的引入<link rel="stylesheet" href="/styles/bootstrap.css"><link rel="stylesheet" href="/styles/admin.cs

2020-12-07 16:05:15 126

原创 2020-12-04

node服务器与数据库对接小案例数据交互图## 英雄案例的后台接口实现之前以前用ajax实现了英雄数据管理已经完成前台页面的业务处理之前是提供了服务器,我们只需要进行接口的调用现在,我们的任务是自己来实现这些个后台接口目标回顾数据库,数据表的创建和数据的模拟输入回顾Express创建服务器回顾Express的静态页面和静态资源的托管回顾Express中创建路由模块回顾Express中的第三方中间件的使用理解和掌握文件上传的后台处理–新内容1.body-parser2.mysql

2020-12-04 16:51:28 163

原创 2020-12-03

数据库以前数据存储在文本文件中的data.json缺点1:数据存取不方便,不利于维护和扩展,当数据量大了之后,无法直接通过打开文件的形式对数据进行操作;缺点2:数据存储比较分散,无法进行集中式管理;缺点3:安全性较低,由于数据是直接存储在文本文件中的,所有无法进行数据的加密,存在安全隐患Sql(Structured Query Language)数据库提供了安全机制、便于通过Sql语句对数据直接进行操作支持 结构化查询语言(Sql)的数据库,叫做 Sql数据库Sql是一种查询语言,能

2020-12-03 08:43:32 122

原创 2020-12-01

ExpressExpress中文网基于 Node.js 平台,快速、开放、极简的 Web 开发框架Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性:可以设置中间件来响应 HTTP 请求。定义了路由表用于执行不同的 HTTP 请求动作。可以通过向模板传递参数来动态渲染 HTML 页面。总结- 什么是Exp

2020-12-01 15:15:05 226

原创 2020-11-29

node进阶第一天总结目标什么是nodejs的模块化npm的使用使用第三方模块node中的自定义模块模块查找规则模块化开发:MVC架构程序开发中的模块及好处封装到一个单独的文件中去,这些单独抽离出来的代码文件叫做程序中的模块化。好处:保证了每个文件的功能(职能)单一;需要什么特定的功能,直接调用某一个特定的模块;对将来程序开发和维护都有好处!Node 中的模块的分类node由三部分组成:ECMAScript + 核心模块 + 第三方模块核心模块模块,编译成了二进制可执行文件,打包

2020-11-29 22:09:30 117

原创 ajax实现增删查改英雄小案例

英雄案例实现过程1.内容实现ajax的增删改查目标回顾ajax的操作,如果发请求和如何接收响应回顾模板引擎的使用,完善整个异步操作实现动态渲染的过程进一步理解前后台交互的流程整体需要完成一套数据的增加删除修改和查询回顾前端三层分离的原则2前期准备在合适的位置创建项目目录将资料中资源拷贝到当前项目目录中将页面的目录名称修改为views用户列表页这个页面主要的任务是来实现用户数据的动态渲染1找到接口2.ajax请求,获取数据3.进行数据分析,分析获取的数据是否能够满足渲染的要求

2020-11-28 20:20:29 1425

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除