cslazsb-CSDN博客

原创 vuex使用

一，学习目标：跨组件通信能力 vuex的基础使用二：vuex介绍2.1两个目标：什么是vuex 为什么学习vuex 2.2引入问题：组件通信 (组件通信方式)分为子向父，父向子父向子：在子组件内设置props定义变量在父组件内使用子组件的位置加属性（属性名是在子组件没定义的变量名）传入父组件数据子向父：子组件在恰当时机使用vue内置的this.$emit('自定义事件名', 值) 父组件内给组件@自定义事件="父methods函数"...

2021-10-22 20:03:10 165

原创 vue组件

1.组件_概念组件是可复用的 Vue 实例, 封装标签, 样式和JS代码2.组件-为何用通过一个案例来解释目标：想要重复使用这个折叠面板方案1: 复制代码代码重复冗余不利于维护 <template> <div id="app"> <h3>案例：折叠面板</h3> <div> <div class="title"> <h4>芙.

2021-10-08 17:15:00 120

原创 vue指令

1.插值表达式 {{vue变量}} 可以把vue变量直接加在标签上举例<template> <div> <h1>{{msg}}</h1> <h2>{{obj.userName}}</h2> <h3>{{obj.age>18 ? '成年人':'未成年'}}</h3> </div></template><script&gt

2021-09-28 21:09:51 135

原创 Vue学习

1.了解vue1.什么是vue？渐进式的javascript的框架拥有自己的语法规则2.什么叫渐进式？不需要全部使用循序渐进逐渐进步。3.框架是什么？拥有自己的语法，我们要使用框架必须遵循框架的语法4.框架和库有什么区别？库：是一些属性和方法的集合框架：有自己的语法和规则5.如何学好vue 多敲！！！多练！！！2.脚手架vue是基于wenpack环境开发如果我们自己配置过微webpack 我们会发现非常繁琐，而且容易报错。vue官网给我们提供了一个脚

2021-09-23 20:22:07 80

原创 webpack使用

1.什么是webpack 参考网站 webpack官网静态模块打包器还能翻译和压缩代码减小代码包体积, 让浏览器更快速打开网页2.为什么需要webpack我们在开发一个项目需要引入很多文件，在开发完成后项目文件很大，我们需要将项目文件分析, 翻译, 压缩, 打包,我们需要用到打包工具打包3.webpack使用前准备 webpack依赖Node环境需要npm或yarn等模块管理工具步骤： 1.创建项目文件夹（命名要是英文） 2.初始化 npm init 得到...

2021-09-22 20:57:57 108

原创 git 常用命令

git init 初始化项目文件夹会多出一个.git文件夹git add . 添加到暂存区git commit -m '注释' 添加到本地仓库git commit -a -m '备注' 提交日志注意如果是新文件需要先被git 管理git push 推送到远程仓库git log 查看提交日志输出所以的版本号回到历史版本 git log 查不到原来的版本号git log --oneline 输出版本号只有前7位git log --oneline --reflo...

2021-09-21 19:46:46 46

原创记录用户访问的地址访问时间以及ip地址

const express = require('express')const fs = require('fs')const connection = require('./ulits/tools')// 目标，创建服务器，提供日志功能，记录用户的每一个请求明细const app = express()function getClientIp(req) { return req.headers['x-forwarded-for'] || req.connection..

2021-09-17 16:58:14 957

原创中间件介绍

中间件是一个特殊的url地址处理函数，它被当作 app.use(中间件函数) 的参数或者是某个路由处理函数中使用。中间件是 express 的最大特色，也是最重要的一个设计。Express是一个自身功能极简，完全是路由和中间件构成一个web开发框架：从本质上来说，一个Express应用就是在调用各种中间件。一个 express 应用，就是由许许多多的中间件来完成的定义格式// 具名函数格式：const handler1 = (req, res, next) =>.

2021-09-17 15:50:51 334

原创数据库操作

准备工作下载软件 phpstudy_pro为我们提供mysql数据库注意安装目录不要有中文它启动之后，我们的电脑就变成了数据库服务器安装数据库管理工具下载安装navicat它能为我们提供连接、操作mysql数据库的功能是一个付费软件找到应用程序，点击启动建立数据库连接如果连接测试通过，接下来就可以点击确定按钮，正式连入mysql了。连入后的效果如下环境配置完成数据库概念英文： database 保存和管理数据的仓库就...

2021-09-16 21:02:00 411

原创拖拽上传以及文件上传

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ .

2021-09-15 16:14:58 640

原创 express框架

1.什么是express框架Express 是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架2.相对于http写接口而言，express更加简便http就相当于原生的jsexpress相当于jquery3.举个列子写一个Web静态资源服务器用http写要考虑后缀二次请求响应头等等// 导入const http = require('http')const fs = require('fs')const path = require('pat...

2021-09-15 14:46:25 1841

原创写大事件项目接口

// 导入const express = require('express') const multer = require('multer');// 配置处理formdataconst upload = multer({dest:'uploads/'})const app = express()app.use(express.urlencoded())// 登录app.post('/api/login',(req,res)=>{ console.log(req.body).

2021-09-14 20:46:50 181 1

原创写一个GET类型的接口

要求： http://你的ip地址:8089/someword 返回值： 50%（Math.random()>0.5）的可能成功返回： { data: '一句你想说的话', message:'请求成功' code: 200}{ data: '没什么说的', message:'系统故障' code: 500}两段代码一个地址通过这个地址返回两段代码的几率是50%分析：将两段代码放在一个json文件组成数组形式通过随机数判断读取哪段代码

2021-09-14 11:26:04 230

原创创建一个静态资源服务器

1.准备工作新建一个项目文件夹起名 xxx打开项目文件夹写入想要访问的文件打开编辑器创建一个js文件里面写代码实现效果2.在static.js里写代码// 导入三个内置模块 http fs path // 导入const http = require('http')const fs = require('fs')const path = require('path')// 调用内置模块 http的createServer() 方法创建服务 // c...

2021-09-13 21:01:23 241

原创 nodemon全局包安装和使用（节点监视器）

nodemon作用：能帮我们自动检测到我们的代码的修改，并自动重新运行我们的代码我们之前修改代码重新运行的做法：进入小黑窗按下ctrl+c，停止已有http服务器。手动运行：node index.js 来重启服务器。麻烦的很所以我们需要一个工具帮助我们做这些事所以我们需要 nodemon下载地址nodemon网址安装nodemon包同（i5ting_toc）相同在任意位置打开一个小黑窗，输入如下命令npm install ...

2021-09-12 17:22:03 174

原创 i5ting_toc 全局包安装和使用

1.从npm官网上搜索2.查看包的自述文件看安装方式3.打开资源管理器搜索框输入cmd调出小黑框输入命令注意写 -g 表示全局安装如何查看包的路径4.安装成功5.调出小黑框输入命令 i5ting_toc -f 文件名.md -o-f指的是文件名 -o是指在浏览器打开我们会发现多出一个文件夹里面从放的是转换后的html文件转换成功看效果转换前 md文件转换后得到html文件侧边栏同样可...

2021-09-12 16:48:40 225

原创 js字符串常用方法

str.toLowerCase() 把字符串转为小写生成新的字符串str,toUpperCase() 把字符串转为大写生成新的字符串str.indexOf() 返回指定字符的首次出现的索引str.lastindexOf() 返回指定字符最后出现位置的索引str.slice() 截取字符串括号内可以传一个参数表示从下标是参数的位置开始截取到字 ...

2021-09-11 19:57:48 106

原创一 node.js

1. 概念：node.js是基于Chrom的V8引擎的JavaScript的运行时（运行环境）。2. 它只是一个环境并不是一门编程语言。3. 它可以做什么？后端API接口。基于Node.js环境 + Express框架，桌面应用。基于Node.js环境 + Electron 框架操作数据库。基于Node.js环境 + MySql包读写和操作数据库实用的命令行工具。基于Node.js环境，实现的 vuecli，webpack等 4. 了解终端.

2021-09-10 21:12:59 109

cslazsb的博客