自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(178)
  • 资源 (4)
  • 收藏
  • 关注

原创 设置host

【代码】设置host。

2023-10-23 08:48:13 143

原创 解决reudx中的异步问题 applyMiddleware thunk

解决reudx中的异步问题 applyMiddleware thunk

2022-07-29 11:30:36 363 1

原创 npm 发布 vue 插件 和 README.md文件

npm 发布 使用 跟新 vue 插件

2022-07-28 16:27:43 1049

原创 react-redux action传参 多个state处理

react-redux 传参和多个state

2022-07-26 17:03:56 876 1

原创 react-redux

react-redux

2022-07-21 10:21:59 523

原创 Redux 原理

React Redux 原理

2022-07-19 15:12:27 458

原创 React router

react router

2022-07-18 16:14:09 197

原创 Vue项目部署,清理缓存

Vue项目部署,清理缓存

2022-07-14 11:36:03 432

原创 react. 生命周期

react 生命周期

2022-07-13 15:57:52 82

原创 React state

react state 简单介绍

2022-07-13 15:45:43 82

原创 React props

react props

2022-07-13 15:32:07 179

原创 JSX 语法

表达式jsx 是js的拓展语言,本质还是js在jsx中如果需要使用 js 表达式 ,需要写在 {} 内 <script type="text/babel"> let name = "张三" let div = "div1" class Person extends React.Component{ render(){ return <div className={di

2022-07-13 15:05:06 354

原创 vue 项目中 第二次请求需要传入第一次请求返回的结果

vue 项目总结 请求相互依赖

2022-06-15 15:51:22 893

原创 VUE+声网 屏幕共享 浏览器窗口 “停止共享”

vue+声网 直播之屏幕共享爱

2022-05-24 21:18:52 844 2

原创 vue-cli创建的项目 打包时 添加版本号并在页面显示版本号

vue-cli创建的项目 打包时 添加版本号并在页面显示版本号

2022-05-05 21:29:58 1619

原创 react 组件

React.createElement() <div id="app"></div> <script type="text/babel"> // console.log(React) // console.log(ReactDOM) // var html1 = <div className="react">hello world</div> var html1 =

2021-08-24 23:15:01 108

原创 jsx 编译

react 组件化开发,开发组件的过程中,采用了一种jsx语法。jsx语法 编译jsx 在结构上跟HTML很像,但是它的本质还是js语言。babel工具 编译jsx语法babel 官方网站 https://www.babeljs.cn/ //jsx 编译之前<div class="react" id = "app">hello word</div>//jsx 编译之后React.createElement("div", { class: "react.

2021-08-19 23:28:53 761

原创 react 简介

react是Facebook开发的开源框架 官方网址:https://react.docschina.org/react 是构建用户界面的 JavaScript 库。 jquery 是js的函数库,主要用途是用于界面的DOM操作。react的优势1.声明式定义组件react 使用 class | function 关键字来定义react 组件 React 使创建交互式 UI 变得轻而易举,交互式UI,交互式是用户的一种行为,ui 界面 (让用户在界面上的行为变得轻而易举)2.组件化开发

2021-08-19 22:45:54 385

原创 单页面应用 SPA 和多页面应用 MPA

SPA 单页面应用优点: 不需要频繁向服务器请求页面缺点: 没有大量页面,数据没有单独的页面,都是ajax请求过来的,该页面不容易被百度搜索(seo)MPA 多页面应用优点:便于百度搜索缺点:请求量大MPA 多页面应用 一个链接对应一个页面无论是单页面应用还是多页面应用,不能直接说谁的优势更好,而是要根据业务来决定谁好。...

2021-08-19 22:20:31 105

原创 Vue 封装全局axios

安装引用 axiosnpm install --save -dev axios

2021-06-04 10:52:57 645

原创 Vue mixins 和 watch 动态监测屏幕的高度

当页面内容的高度不确定的时候 header 始终在顶部--- fixed。footer是随内容移动的 内容很少则footer在ye ian底部,当内容很多footer在内容的地步

2021-06-03 10:58:51 497

原创 Vue 生命周期

官方定义:每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会我们在写组件的时候会遇到一些问题,比如想让页面加载好了之后开启一个定时器,比如想页面初始化的时候就能请求一些后端数据渲染到页面中,之前的方法都需要有触发才能执行vue的实例从开始到结束有着不同的生命阶段,组成了vue的生命周期beforeC..

2021-06-02 23:07:23 608 8

原创 VUE 项目爬坑

Vue+elementui 循环后台返回的表单列表 校验和数据绑定问题多服务请求参数拼接报错问题

2021-05-30 11:08:16 252 3

原创 Git和GitHub

git介绍什么是gitGit是一个免费的、开源的分布式版本控制系统,可以快速高效地处理从小型到大型的项目。版本控制

2021-05-29 10:13:37 275

原创 Echarts

echarts一个基于 JavaScript 的开源可视化图表库官网https://echarts.apache.org/zh/index.htmlecharts已经提供了很多实例,根据实际的需求进行复制实例修改就可以了安装npm install –-save echarts 自学案例随便找一个示例点击进入把当前的实例代码复制下来放到自己要使用的地方根据配置手册进行学习示例代码<body> <!-- mian元素...

2021-05-10 11:47:37 109

原创 Node.js express-session

session是基于cookie的,和cookie不同的是session是存储在服务器端的,而cookie是存储在浏览器端的cookie和session的区别cookie 和session的区别是:cookie数据保存在客户端,session数据保存在服务器端。 两个都可以用来存私密的东西,同样也都有有效期的说法,区别在于session是放在服务器上的,过期与否取决于服务期的设定,cookie是存在客户端的,过去与否可以在cookie生成的时候设置进去。(1)、cookie数据存放在客户的浏览器

2021-05-09 10:25:31 198

原创 NodeJS 跨域 CORS

CORS介绍CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求跨源,就会自动添加一

2021-05-09 09:46:42 286

原创 node.js koa

koa 介绍NodeJS是一个异步的,官方的API支持的都是回调函数形式的编程模型,这样的设计会造成很多问题,比如回调的问题koa 是由 Express 原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的 Web 框架。使用 koa 编写 web 应用,通过组合不同的 generator,可以免除重复繁琐的回调函数嵌套,并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件,它仅仅提供了一个轻量优雅的函数库,使得编写 Web 应用变得得心应手。官网:https://www.ko

2021-05-08 15:03:15 276

原创 Node.js cookie

cookie 介绍http是无连接的,每一次请求都需要重新和服务器进行关联和身份识别?服务器怎么知道你是谁?如何解决这个问题?第一次请求的时候服务器会下发一个信物(cookie),下一次客户端再请求服务器的时候会携带这个信物,服务器就认识了这个信物,也就完成了身份的识别下一次浏览器再次发送请求的时候就会携带这个cookie此时服务器和客户端之间就完成了身份识别问题服务器会下发一个set-cookie的下行报文字段,今后访问这个服务器的的时候,浏览器都会携带cookie上下行报文上

2021-04-25 16:00:06 124

原创 Nodejs 模板引擎ejs

安装ejscnpm install –-save ejs基本使用┣ views│┣ index.ejs┣ app.jsindex.ejs<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=..

2021-04-23 14:53:43 223

原创 MongoDB

一、MongoDB1.1、NoSQL的简介SQL(structured query language结构化查询语言)SQL数据有一个最大的特点,限制每一个字段的类型比如SQL数据库中的password是varchar(字符串)类型,此时如果由于业务的需要,要将password变为仅int(数字)类型,由于之前的所有数据都是varchar类型,所以拓展性有限NoSQL(Not Only SQL)非结构化数据库非结构化数据{"id":10001,"name":"小明","age":

2021-04-21 15:14:12 204

原创 express get/post/delete...请求

GET 请求文件目录 在06文件夹下进行所有的请求都在 06文件夹下的 index.html 发送 ,进行数据交互index.html文件中 点击按钮发送 get 请求<body> <h2>请求内容</h2> <p> <input type="button" id="btn1" value="express 发送get请求"> </p> <p> ..

2021-04-16 17:33:24 1740

原创 express

NodeJS开发的时候是有一些弊端请求服务的时候不方便,比如URL的匹配不方便,对于静态页面和文件请求不方便等等Express简化了关于NodeJS应用的开发官网地址:https://www.expressjs.com.cn/安装 cnpm install –save express1、基本使用var express = require("express")var app = express();app.get("/",function (req,res) { r..

2021-04-15 22:47:16 173

原创 npm、cnpm 淘宝镜像

淘宝做了一个npm的镜像cnpmcnpm具有和npm一样的功能网址:npm.taobao.org安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org安装成功后就可以使用cnpm去安装模块cnpm install –save nzh检测是否安装成功cnpm -vnpm 淘宝镜像假如你已经习惯了使用npm的安装方式的,不想去下载阿里的cnpm命令工具的话,很简单,我们直接将node的

2021-04-15 10:25:31 1198

原创 npm的身份证和依赖

npm的身份证和依赖从npm上下载的node_modules文件夹内容称之为“依赖”;使用package.json去管理这些依赖,需要创建自己的身份证在开发项目的时候第一件事就是要创建身份证npm init填完信息 回车 创建出 package.json 文件如下此时会填写一些表单信息包括你的名字、版本号、描述、入口文件、测试命令、git仓库、关键词、作者、版权协议可以按需回答,也可以直接回车什么都不输入此时就完成了创建有了这个身份证后,以后安装依赖的时候.

2021-04-14 23:10:18 273 1

原创 npm 基本使用

1、安装npm是一个全世界范围内模块的分享社区,可以免费使用这个社区内别人开发的模块。 社区地址:https://www.npmjs.com/ 只关心怎么使用,不用关心如何封装的,因为他们在封装的时候也有可能在引入其他的模块 2、使用打开官网 在搜索框内部查询你需要模块的关键字比如让1234567智能转换为大写的 搜“大写”...

2021-04-14 22:41:10 308

原创 Node.js 模块

1、HTML的多文件引用HTML的宿主环境中,多个js文件公用一个html宿主,此时它们的作用域是公用的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</tit

2021-04-14 10:46:10 149

原创 Node.js 内置功能 fs 和 路由

Node.js 官方文档fs 介绍fs模块最重要的一个功能就是异步读取文件(readFile),第一个参数文件,第二个参数是回调函数fs 读取页面内容var http = require("http");var fs = require("fs");// 创建服务器var server = http.createServer(function (req,res) { //设置字符集 res.setHeader("Content-type","text/html;cha

2021-04-13 17:42:38 178

原创 Node.js 搭建服务

1、搭建demo// 得到内置模块,引入NodeJS的内置http模块var http = require("http")// 创建服务器,使用createServer方法// 回调函数中有req参数表示的是请求,res的参数表示的是响应var serve = http.createServer(function (req,res) { //输出 res.end("hello Node.js")})// 监听,默认的端口是80 我用3000端口serve.listen(

2021-04-12 22:41:11 423

原创 计算机的环境变量

任何的操作系统都是有环境变量的(windows、mac、Linux)环境变量的作用:在环境变量里面配置的文件夹内部的exe程序,都可以被系统的cmd窗口调用如果修改环境变量?以win10为例在搜索框中输入“环境变量”后打开如何设置系统变量?只需要找到计算机中的以c盘为根目录的盘符地址比如以老师的QQ地址为准找到对应的QQ.exe文件,然后复制对应的地址即可比如QQ地址为准找到对应的QQ.exe文件,然后复制对应的地址即可此时环境命令生效了...

2021-04-12 22:07:55 300

vue 封装grid 布局-表单.zip

vue与element-ui和iview-ui结合grid布局封装万能的表单grid布局,含i18n和国际化

2021-01-21

打气球小游戏-面向对象.zip

通过切换背景图位置显示不同气球 气球宽高 118* 168 位置间距X:140 Y: 176 坐标的确定:横坐标0 1 2 3 纵坐标 0 1 2(4*3的精灵图),横坐标通过 下标%4 得出 纵坐标通过 parseInt(下标/4)得出 初始化设置 :初始化 x,y→ x,y轴 x轴clientWidth取随机 y轴clientHeight div创建加类上树 设置初始的left top 值 设置气球背景图位置 变换不同的气球 初始 type 随机的 0-11 气球向上运动 气球进行数组管理 气球的速度随

2020-12-18

canvas游戏FlappyBird

利用中介者模式进行业务搭建 Game是游戏中介者类,它的作用就是中介者的作用 Bird小鸟类,作用是对小鸟的业务进行封装 Land大地类,封装地面的样式 Background背景类,作用是封装背景图 PiPe管子类,作用是随机出现管子

2020-12-17

canvas游戏FlappyBi

利用中介者模式进行业务,Game是游戏中介者类,它的作用就是中介者的作用 Bird小鸟类,作用是对小鸟的业务进行封装 Land大地类,封装地面的样式 Background背景类,作用是封装背景图 PiPe管子类,作用是随机出现管子

2020-12-10

空空如也

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

TA关注的人

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