乒乒乓乒乓-CSDN博客

原创 ORM和sequelize

一、ORM（Object Relactional Mapping，对象关系映射）ORM是一种解决面向对象与关系型数据库存在的互不匹配的现象的技术，实现面向对象技术和关系型数据库的一种映射。类---->表类的属性------->表中的类类的对象------->表中的行持久化，即将数据保存到可永久保存的存储设备中。持久化的主要应用是将内存中的数据存储在关系型数据库中，也可以存储在磁盘文件中或xml中。ORM技术特点：1、提高了开发效率。ORM可以自动对Entit..

2021-03-24 17:08:07 1011

原创 Node.js用readline模块实现输入

一、什么是readlinereadline是Node.js里实现标准输入输出的封装好的模块，通过这个模块我们可以以逐行的方式读取数据流。可以使用require('readline')导入。二、vscode中readline的使用constreadline=require('readline')//引入readline模块//创建实例constr1=readline.createInterface({input:process.stdin,output:proces...

2021-03-21 17:06:59 1259

原创 React组件

一、介绍React组件可以将UI切分成一些独立的、可复用的部件，这样有助于设计人员专注于构建每一个单独的部件。React组件通过Props可以接收任意的输入值，因此Props也可以理解为参数的概念。React语法是基于版本ECMAScript6实现的。因此，React组件除了通过JavaScript函数形式实现，还可以通过ES6 Class(类)的形式来实现。语法如下 class reactComponent extends React.Component{

2021-03-21 15:41:49 181

原创 JSX简单入门

JSX介绍JSX就是JavaScript XML的缩写，JSX看起来像一种xml格式，其本质是一种JavaScript语言，只不过将JavaScript脚本写为XML样式，JSX是react框架内置的语法JSX语法基础语法<divid="happy"></div><scripttype="text/babel">varreactDiv=document.getElementById("happy");...

2021-03-20 11:22:58 271

原创 react环境的搭建

1、以直接使用 Staticfile CDN 的 React CDN 库<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script> <sc

2021-03-14 17:27:14 255

原创 express 入门学习

express是node.js的一个框架，通过它我们可以实现快速的搭建node.js项目安装 express在安装之前要确认已经安装好了node.js在cmd中输入node -v检测是否安装好了node在确认安装好了node之后，为了加快加载的速度，使用淘宝镜像cnpm命令进行安装npm install -g express-generator使用express 创建项目进入自定义目录cd +目录创建一个名为hello的express项目exp...

2021-03-14 15:32:38 114

原创微信小程序请求的写法wx.request(Object object)

微信小程序发起HTTP请求可以使用wx.request(Object object)注意:在使用服务器接口地址时要先进行配置，否则将会出现如下错误配置的注意事项为：域名只支持https(wx.request、wx.uploadFile、wx.downloadFile) 和wss(wx.connectSocket) 协议；域名不能使用 IP 地址（小程序的局域网IP 除外）或 localhost；可以配置端口，如 https://myserver.com:8080，但是配置...

2021-03-14 13:12:50 1314

原创 cookie

关于cookie cookie：当你访问某个站点时，随某个网页发送到你浏览器的一小段信息，cookie是在服务器端产生的，在客户端存储的。特点：由服务器创建，保存在客户端缺点：容量通常不能超过4k（1k=1024B），有大小有限制，安全性较差cookie的用途：...

2021-03-10 15:09:20 87

原创 vue-cli中路由（vue router）基本使用

1. 什么是vue路由vue router是vue.js官方发路由管理器，它和vue.js深度集合我们可以简单的将路由理解为从一个页面跳转到另一个页面中2.vue 路由的使用建立vue-cli脚手架，在components中创建（1）ResoureVue.vue<template> <button @click="change"> 验证路由传参</button></template><script>ex...

2021-03-07 10:56:04 410

原创 vue+axios前后端分离配置思路

1.创建express项目express+项目名进入新建项目安装cnpm install测试 npm start安装nodemon在调试程序时实现自动刷新cnpm install -g nodemon2.安装跨域模块 corscnpm install cors3.安装数据库 mysqlcnpm install mysql4.创建数据库配置文件var pool = mysql.createPool({ connectionLimit:20, host:'127.

2021-03-07 09:17:40 285

原创 vue脚手架--vue-cli 环境搭建

什么是vue脚手架vue脚手架是帮助用户快速建设一个大型项目，能够快速生成一个包含webpack的框架，能够大幅度地降低用户使用难度的工具。vue脚手架的安装安装node，配置环境注意：安装淘宝镜像可以大幅度的提升下载速度npm i -g cnpm --registry=https://registry.npm.taobao.org在安装淘宝镜像后即可使用cnpm命令安装vuecnpm install vue安装 webpackcnpm install webpack -g安装vu

2021-03-04 20:00:16 159 1

原创 get请求和post请求

get请求和post请求联系区别联系get和post的底层都是TCP/IP,所以get和post请求本质上都是TCP链接。区别1.get产生一个数据包，post产生两个数据包2.对于get方式的请求，浏览器会把http header和data一并发送出去，服务器响应200 OK，请求成功。(返回数据)对于post方式的请求，浏览器会先发送header，服务器响应100 continue ，要求客户端继续发送信息，浏览器再发送data，服务器响应200 OK（返回数据）3.get可提交的数据量较

2021-03-04 19:11:36 414 1

原创 vue的指令，如何使用vue指令（v-bind，v-for，v-on等）

vue的指令1.指令的介绍2.常用的指令（1）v-show（2）v-html（3）v-text（4）v-if 和 v-else（5）v-for（6）v-bind（7）v-on（8）v-model（9）v-once1.指令的介绍指令（directive）是vue提供的带有v-前缀的特殊特性。由于vue是MVVM（Model,View,ViewModel）架构的，在使用vue时，我们通常希望在更改某个表达式的值时，将其产生的连带响应响应式地作用于DOM，而不需要直接的操纵DOM。换句话说，我们希望，在使

2021-02-22 18:28:46 477

原创 Error: ER_PARSE_ERROR: You have an error in your SQL syntax；

在MySQL命令行使用sql语句进行建表时，MySQL 报错sql 语句update article set title=\'百草院子\',desc=NULL,content=\'不久之前\',cate=\'1\',created_at=\'2021-02-15 15:34:21.000\',updated_at=\'2021-02-20 15:56:23.390\' where id=\'5\'出现错误如下：Error: ER_PARSE_ERROR: You have an error in

2021-02-20 16:02:20 8061

原创 Node.js基础学习--Node.js 模块化机制

Node.js基础学习--Node.js 模块化机制什么是模块化机制CommonJS 规范CommonJS 规范的特点module 对象module.exportsrequire 命令加载规则require main目录的加载规则什么是模块化机制模块化是一种设计思想。通过将整体的系统分割成小模块来实现，以降低开发的难度。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体，完成整个系统所要求的功能。Node 遵循了 CommonJS 的模块规范，来隔离每个模块的作用域，使每个模块

2021-01-31 19:20:21 130

原创 mysql 基本操作（增删改查操作）

mysql 基本操作数据库操作sql语句操作数据库创建数据库删除数据库修改数据库编码操作表创建表查看表结构删除表修改表添加列修改列的数据类型修改列名删除列修改表名操作数据插入数据修改数据删除数据用户操作创建用户删除用户给用户授权撤销授权查看用户权限修改用户密码(以 root 身份)查询语句基础查询查询所有列查询指定列条件查询andorinnotis nullbetween and模糊查询%_(下划线)字段控制查询去掉重复记录给列名添加别名排序升序降序混合聚合查询COUNT()MAX()MIN()SUM()A

2021-01-26 16:57:17 155

原创 JSON是什么，有什么用，怎么写json

JSON是什么，有什么用，怎么写JSONJSON是什么JSON有什么用怎么写JSONJavaScript中使用JSONJSON是什么JSON 全称JavaScript Object Notation(JavaScript对象符号)JSON本身是一种数据格式。是一串有固定格式的字符串，我们将所有符合这个数据格式要求的字符串都称之为JSON。它是一种轻量级的数据交换格式，方便我们读写JSON有什么用JSON设计的初衷是用完全独立于编程语言的文本格式来存储和表示数据。这种数据格式可以用在前后端交互中，方

2020-12-02 17:45:14 1253

原创 JavaScript进制转化及二进制异或运算

JavaScript进制转化十进制数字向其他进制转化十进制转二进制十进制转八进制其他进制向十进制转化八进制转化为十进制二进制转化为十进制十进制数字向其他进制转化十进制转二进制var num=2var a=num.toString(2)console.log(a);十进制转八进制var num=22var a=num.toString(8)console.log(a);其他进制向十进制转化八进制转化为十进制var num=26var a=parseInt(num,8)conso

2020-11-30 14:05:59 816

原创 JavaScript原生切换效果

<div id="mingdiantu"> <div class="mingdiantu_nei"> <div class="mingdiantu_nei_top"> <div class="mingnei_ren left"> <img src="img/mingdian_01.jpg"/> </div> <div class="mingnei_biao right"&gt

2020-11-27 19:24:27 194

原创 JavaScript中数组的方法（api）

JavaScript中数组的方法（api）1.isArray（）2.concat（）3.join（）4.copyWithin()5. every()6. fill()1.isArray（）判断是否是数组，由于数组是引用类型而不是原始类型，因此，我们使用typeof（）只能返回object而不能返回数组array，当我们需要判断某个值是否是数组时，可以使用使用isArray（）。var a=[1,2,3,4,5,6]console.log(Array.isArray(a));2.concat（）

2020-11-20 20:29:49 310

原创 JavaScript中的var和let

JavaScript中的var和letvarvar声明作用域var声明提升letlet声明作用域varvar声明作用域var声明作用域为声明这个变量的函数内部，即在退出这个函数后，这个变量将会被销毁，其占用的存储空间将会被释放。function lian(){ var foo = 'bar';}lian();console.log(foo);//此时程序会报错，未找到foovar声明提升先看一个程序function lian(){ console.log(foo); va

2020-11-13 20:02:29 163

原创 JavaScript中null和undefined之间的区别联系

JavaScript中null和undefined之间的区别联系undefined类型null类型null类型和undefined类型的联系null类型和undefined类型的区别undefined类型undefined类型只有undefined这一个值，当使用var或let声明了变量但并没有赋值的时候，就相当于给变量赋予了undefined值。var foo ;console.log(typeof foo);//输出undifined对于undefined，要注意的是undefined和

2020-11-13 19:21:29 142

原创 js（java scrip）打印三角形、倒v、菱形

正三角var n=1; for(var a=1;a<=9;a+=2) { for(var b=4;b>=n;b--) { document.write(' '); document.write(' '); //   } n++; for(var c=1;c<=a;c++) { document.write('

2020-11-06 20:52:49 334

原创 overflow属性

overflow属性在浏览网页时会遇到这样的情况：框中的内容超出了这个框的大小，框的旁边出现了滚动条这时，就使用到了overflow属性overflow属性常见的值有如下几种值描述visible默认值。内容不会被修剪，会呈现在元素框之外hidden内容会被修剪，并且其余内容是不可见的。scroll内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。inherit规定应该从父元素

2020-11-05 19:34:37 5312

原创计算机网络的体系结构

计算机网络的体系结构OSI参考模型TCP/IP参考模型计算机网络通信的全过程是一个十分复杂的过程，涉及到太多的技术问题。为了将一个庞大而复杂的系统问题转化为多个易于研究和处理的局部问题，计算机采用了外部的体系结构，把整个网络划分成一系列的层OSI参考模型在计算机网络体系结构的国际标准化阶段，ISO推出的OSI参考模型采用了七层结构分层的原则：1.网络中各结点具有相同才层次2.不同的结点的相同层具有相同的功能3.同一结点内各相邻层之间通过接口通信4.每一层可以使用下层提供的服务，并向其上层提供

2020-10-23 21:09:17 129

原创 css遮罩层效果

css遮罩层效果在浏览b站网页版首页时，我们会看到这样的效果将鼠标移动到图片上后我们可以使用css实现这一效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #mask_layer{width: 206px;height: 116px;overflow: hidden; positi

2020-10-22 22:01:09 1471

原创用css3 Animation实现轮播图效果

用css3 transform实现轮播图效果css3提供了 Animation动画支持， Animation动画允许开发者定义多个关键帧，浏览器会负责计算、插入关键帧之间的虚拟动画帧。@keyframes定义关键帧<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .

2020-10-20 19:34:02 1278

原创 css浮动与定位

css浮动与定位浮动浮动的属性清除浮动定位position属性相对定位绝对定位固定定位浮动块级元素在默认情况下要占据一整行的空间，想要让块级元素并排排列，可以使用浮动，但是，浮动只能在水平方向上进行定位，不能在垂直方向上进行定位。浮动能使块级元素左右移动，直到它的外边缘碰到包含框或者另一个浮动框的边缘。浮动的属性浮动属性的常用的属性值有三个：none left right清除浮动浮动有时会影响到网页的布局 <style> .class2{width: 100px;he

2020-10-15 20:23:55 166

原创 css盒模型

css盒模型什么是盒模型css盒模型的要点属性值什么是盒模型在css中，所有的内容都被包括在一个框中，这个框就被成为盒模型，盒模型描述了元素及其属性在页面中所占空间的大小。以csdn官网首页logo的盒模型为例盒模型一共包含四个部分margin（边界）用来设置内容与内容之间的距离border（边框）内容边框线，用来设置内容的边框padding（填充）用来设置内容与边框的距离content（内容）放置内容的部分我们可以将盒模型中的content理解为我们将要通过快递寄出的物品可以将盒

2020-10-15 17:18:10 164

原创走进web（关于web、web1.0、web2.0、web3.0）

走进web什么是web什么是webweb（World Wide Web，也常称为万维网、www）web技术最早的概念来源于美国科学研究和发展办公室(USOSRD)主任的范内瓦-布什(VannevarBush)，他发表了一份文章，文章探讨了如何更好更快的分享各自的研究信息和二战中获得的技术，用于和平时期的基础建设，由此他提出了一个概念，未来将会有机械的辅助设施，可以帮助用户快速的获取文献资料1989年，欧洲粒子物理实验室(CERN)蒂姆·伯纳斯一李(Tim Berners-Lee)和罗伯特·卡利奥(

2020-10-15 16:04:28 1711

原创内联元素和块级元素

内联元素和块级元素内联元素(inline element)块级元素(block element)块级元素和内联元素的转化写在前面：在学习过程中，内联元素和块级元素是一个小小的槛，希望可以借这个博客整理一下这方面的知识，方便自己日后的学习内联元素(inline element)内联元素也叫行内元素，顾名思义，内联元素是在一行之内的元素。由此，我们可以轻易的理解内联元素由于受行的限制，不可以设置自己的宽高。行内元素的宽与行内元素的长度相关。也由于内联元素在行内没有占满一行，可以与其他行内元素在同一行排列

2020-10-10 21:30:44 131

原创 web前端学习之CSS

web前端学习之CSS什么是CSS为什么要使用CSSCSS语法标签选择器通用选择器1.id选择器2.class选择器3.hover选择器4.过滤选择器5.父子选择器/后代选择器6.子选择器7.分组选择器8.first-letter伪元素9.root选择器10.empty选择器书写样式和引入方法什么是CSSCSS（Cascading Style Sheets）：全程为层叠样式表，它主要用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、加粗等等。为什么要使用CSS使用CSS样式的好处是通过定义

2020-10-10 20:42:35 91

原创 web前端学习之html

HTML学习笔记（一）什么是HTML标签HTML文档结构一个简单的页面什么是HTMLHTML（Hyper Text Markup Language）是标准通用标记语言（Standard Generalized Markup Language,SGML）下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。由于网页文件本身是一种文本文件，需要通过在文本文件中添加标记符，告诉浏览器如何显示其中的内容，达到更好的效果。相比于c、c++、java、Python等计算机程序设计语

2020-09-22 19:34:19 121

qq_44017357的博客