- 博客(178)
- 资源 (4)
- 收藏
- 关注
原创 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
441
原创 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
137
原创 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
917
原创 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
523
原创 单页面应用 SPA 和多页面应用 MPA
SPA 单页面应用优点: 不需要频繁向服务器请求页面缺点: 没有大量页面,数据没有单独的页面,都是ajax请求过来的,该页面不容易被百度搜索(seo)MPA 多页面应用优点:便于百度搜索缺点:请求量大MPA 多页面应用 一个链接对应一个页面无论是单页面应用还是多页面应用,不能直接说谁的优势更好,而是要根据业务来决定谁好。...
2021-08-19 22:20:31
164
原创 Vue mixins 和 watch 动态监测屏幕的高度
当页面内容的高度不确定的时候 header 始终在顶部--- fixed。footer是随内容移动的 内容很少则footer在ye ian底部,当内容很多footer在内容的地步
2021-06-03 10:58:51
556
原创 Vue 生命周期
官方定义:每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会我们在写组件的时候会遇到一些问题,比如想让页面加载好了之后开启一个定时器,比如想页面初始化的时候就能请求一些后端数据渲染到页面中,之前的方法都需要有触发才能执行vue的实例从开始到结束有着不同的生命阶段,组成了vue的生命周期beforeC..
2021-06-02 23:07:23
719
8
原创 Echarts
echarts一个基于 JavaScript 的开源可视化图表库官网https://echarts.apache.org/zh/index.htmlecharts已经提供了很多实例,根据实际的需求进行复制实例修改就可以了安装npm install –-save echarts 自学案例随便找一个示例点击进入把当前的实例代码复制下来放到自己要使用的地方根据配置手册进行学习示例代码<body> <!-- mian元素...
2021-05-10 11:47:37
161
原创 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
242
原创 NodeJS 跨域 CORS
CORS介绍CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求跨源,就会自动添加一
2021-05-09 09:46:42
339
原创 node.js koa
koa 介绍NodeJS是一个异步的,官方的API支持的都是回调函数形式的编程模型,这样的设计会造成很多问题,比如回调的问题koa 是由 Express 原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的 Web 框架。使用 koa 编写 web 应用,通过组合不同的 generator,可以免除重复繁琐的回调函数嵌套,并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件,它仅仅提供了一个轻量优雅的函数库,使得编写 Web 应用变得得心应手。官网:https://www.ko
2021-05-08 15:03:15
343
原创 Node.js cookie
cookie 介绍http是无连接的,每一次请求都需要重新和服务器进行关联和身份识别?服务器怎么知道你是谁?如何解决这个问题?第一次请求的时候服务器会下发一个信物(cookie),下一次客户端再请求服务器的时候会携带这个信物,服务器就认识了这个信物,也就完成了身份的识别下一次浏览器再次发送请求的时候就会携带这个cookie此时服务器和客户端之间就完成了身份识别问题服务器会下发一个set-cookie的下行报文字段,今后访问这个服务器的的时候,浏览器都会携带cookie上下行报文上
2021-04-25 16:00:06
186
原创 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
279
原创 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
248
原创 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
1974
原创 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
202
原创 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
1258
原创 npm的身份证和依赖
npm的身份证和依赖从npm上下载的node_modules文件夹内容称之为“依赖”;使用package.json去管理这些依赖,需要创建自己的身份证在开发项目的时候第一件事就是要创建身份证npm init填完信息 回车 创建出 package.json 文件如下此时会填写一些表单信息包括你的名字、版本号、描述、入口文件、测试命令、git仓库、关键词、作者、版权协议可以按需回答,也可以直接回车什么都不输入此时就完成了创建有了这个身份证后,以后安装依赖的时候.
2021-04-14 23:10:18
334
1
原创 npm 基本使用
1、安装npm是一个全世界范围内模块的分享社区,可以免费使用这个社区内别人开发的模块。 社区地址:https://www.npmjs.com/ 只关心怎么使用,不用关心如何封装的,因为他们在封装的时候也有可能在引入其他的模块 2、使用打开官网 在搜索框内部查询你需要模块的关键字比如让1234567智能转换为大写的 搜“大写”...
2021-04-14 22:41:10
364
原创 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
207
原创 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
247
原创 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
478
原创 计算机的环境变量
任何的操作系统都是有环境变量的(windows、mac、Linux)环境变量的作用:在环境变量里面配置的文件夹内部的exe程序,都可以被系统的cmd窗口调用如果修改环境变量?以win10为例在搜索框中输入“环境变量”后打开如何设置系统变量?只需要找到计算机中的以c盘为根目录的盘符地址比如以老师的QQ地址为准找到对应的QQ.exe文件,然后复制对应的地址即可比如QQ地址为准找到对应的QQ.exe文件,然后复制对应的地址即可此时环境命令生效了...
2021-04-12 22:07:55
353
打气球小游戏-面向对象.zip
2020-12-18
canvas游戏FlappyBird
2020-12-17
canvas游戏FlappyBi
2020-12-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人