- 博客(32)
- 收藏
- 关注
RSS订阅原创 useNavigate使用报错
useNavigate() may be used only in the context of a <Router> component
2022-05-01 17:59:41
2472
原创 ES6新特性
const 与 let 变量var会有变量提升情况let和const都有块级作用域，在变量还没定义的时候处于暂时性死区，直到定义。const变量值不能修改，但是数组或对象的属性可能会被改变，所以不建议定义数组对象。模板字面量使用反引号``的字符串var apples = 4;var bananas = 3;console.log(`I have ${apples} apples`);console.log(`I have ${apples + bananas} fruit`);I ha
2021-05-18 22:09:22
98
原创 vue3.0新特性
重构响应式系统使用ES6的Proxy代替了Obejct.defineProperty// 操作obj对象的key属性,第三个参数是属性描述符，返回值为操作对象Object.defineProperty(obj, "key", { //为true的时候会出现再枚举中 enumerable: false, //为true的时候属性描述符可变 configurable: false, //能不能被赋值符号修改 writable: false, //属性的值 value: "s
2021-05-18 21:50:41
75
原创 行内，块级，行内块元素
行内元素不占据独立区域，仅靠自身的字体大小和图片尺寸支持，不能设置宽高a,strong,b,em,I,del,s,ins,u,span和相邻行内标签在一行上，宽高无效，padding，margin垂直方向无效，行内标签只能包括行内标签，a除外块级元素独自占据一行h1~h6,p,div,ul,ol,li行内块元素在行内标签中的特殊标签img,input,td可以对题目进行宽高对其操作和相邻行内标签在同一行，但是会有空白缝隙，默认宽度就是本身的宽度...
2021-05-18 15:36:45
58
原创 原型链上的__proto__和protoptype
propotype每一个函数都有一个propotype属性propo每一个实例对象都有一个_propo_，且指向对象的构造函数的propotypeconstruct每一个实例原型都有一个构造函数原型与原型我们构造的实例原型的_propo_指向Object.propotype原型链原型链指的是_propo_一直向上...
2021-05-18 15:31:29
191
1
原创 javascript事件循环和node的事件循环EventLoop
同步任务在主线程上执行，形成执行栈异步执行结束会在任务队列中放置一个事件当执行栈中的所有同步任务执行完毕，系统就会读取任务队列将可执行的异步任务添加到执行栈进行执行异步任务中有微任务先执行，宏任务在执行宏任务(macrotask)：：setTimeout、setInterval、postMessage、 MessageChannel、setImmediate微任务(microtask)：Promise().then()、 MutaionObserver、process.nextTick(.
2021-05-18 15:21:01
64
原创 Vue的scoped的实现原理
Vue的scoped使用style scoped时，当前样式只对当前组件有效PostCSS给一个组件中的所有dom添加了一个独一无二的动态属性，给css选择器额外添加一个对应的属性选择器，来选择组件中的dom,这种做法使得样式只作用于含有该属性的dom元素(组件内部的dom)。...
2021-05-18 15:17:09
71
原创 前端构建框架
MVCMVC： MVC是单向通信。也就是View跟Model，必须通过Controller来承上启下。M可以控制V，V通过一些js（c）代码来控制M。MVC缺点：dom操作代价高，慢效率低。内存浪费，组件模型要围绕mv来创建。MVVMMVVM一是将模型（Model）转化成视图(View)，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将视图(View)转化成模型(Model)，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。这两个方向都实现的，我们称之为数据的双
2021-05-18 15:13:47
42
原创 React
React 是一个用于构建用户界面的 JavaScript 库。react特点用虚拟DOMReact通过this.setState去改变状态触发state，然后根据新的数据重新渲染出新的DOM虚拟树，通过diff算法更新节点。可以使用服务端渲染可以采用服务器端渲染单向数据流单向数据流：数据从父节点传到子节点(通过props)，父节点props改变，所有子节点全部渲染。react的三个原则单一数据来源状态只读只能通过村函数改变状态。react优点提高了应用性能，方便再客户端和
2021-05-18 15:10:09
74
原创 Sass
Sass介绍Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。优点1.嵌套#content article h1 { color: #333 }#content article p {
2021-05-16 15:30:55
47
原创 webpack
概念webpack是用于JavaScript的静态模块打包工具，当webpack处理应用程序时，会在内部构建一个依赖图，依赖图对应映射到项目所需要的每个模块。webpack的核心概念：入口（entry）输出（output）loader插件（plugin）模式（mode）浏览器兼容性环境入口入口起点只是webpack应该从哪个模块进入，构建内部依赖图的开始，webpack会找出那些模块和库是入口起点依赖。默认在./src/index.js，可以通过配置entry属性指定一个或多个入
2021-05-16 15:23:56
44
原创 Vue的cookie使用
Cookie使用使用js-cookie插件完成安装npm install js-cookie --saveimport Cookies from 'js-cookie'创建//设置nameCookies.set('name', 'value');//设置JSON对象的值，会自动JSON.stringify()转变成string保存Cookies.set('name', { people: 'username' });//设置有效期Cookies.set('name', 'valu
2021-05-15 17:04:45
60
原创 vue-router路由防卫
路由防卫路由防卫用于通过路由跳转，或取消的方式守卫路由，如验证码。路由导航有全局的单个路由独享的组件级的1.全局钩子全局前置守卫beforEach()项目加载后进入函数，用于登录权限管理较多，参数为一个回调函数回调函数有三个参数to：即将要进入的目标路由对象from：当前导航正要离开的路由next：执行下一步next(true)继续执行next(false)或不写为终止执行next(path)跳转路由 /** * @param {to} 将要去的路由
2021-05-15 16:30:51
82
原创 Next.js设置body背景颜色没有效果react
Next.js设置body背景颜色没有效果查看_app.js的样式引入顺序将body的这个样式放在最后，特别是引入antd是时候。例如:common.css为设置body的样式import MyApp from 'next/app'import 'antd/dist/antd.css'import '../styles/pages/common.css'export default MyApp问题解决...
2021-05-06 21:55:51
561
原创 create-react-app创建项目太慢或者报错关于gyp和vs版本问题
这里写自定义目录标题create-react-app创建项目太慢或者报错关于gyp和vs版本问题create-react-app创建项目太慢或者报错关于gyp和vs版本问题npm ERR! code 1npm ERR! path /Users/caijizhou/Documents/reactdemo/demo/node_modules/canvasnpm ERR! command failednpm ERR! command sh -c node-gyp rebuildnpm ERR! gyp
2021-04-04 11:14:09
492
2
原创 servlet的登陆注册网页设计
登陆页面html部分<html><html lang="en"> <head> <meta charset="utf-8"> <title>登录(Login)</title> <!-- CSS --> <link rel="stylesheet" href="assets/css/reset.css"> <l
2020-08-20 21:01:23
302
原创 MyServlet的简单应用
例子为一个登陆查询界面，只实现功能主页面网页部分<!DOCTYPE html> <html><head> <meta charset="UTF-8"> <title>窗口页签标题</title></head><body> <a href="login.html">登陆</a> <h1>页面</h1> <form action="M
2020-08-18 00:09:42
271
原创 socket的简单应用
简单socket通信Socket通信步骤：（简单分为4步）1.建立服务端ServerSocket和客户端Socket2.打开连接到Socket的输出输入流3.按照协议进行读写操作4.关闭相对应的资源类 ServerSocketServerSocket(int port)创建绑定到特定端口的服务器套接字。accept()侦听并接受到此套接字的连接。getInetAddress()返回此服务器套接字的本地地址。类 SocketgetOutputStream()返回此套接字的输出流。
2020-08-17 15:43:36
129
原创 问题Address already in use: JVM_Bind端口占用
启动cmd输入：netstat -ano|findstr 端口号输入：taskkill -f -pid 进程号
2020-08-17 15:13:30
77
原创 HTML设计的计算器
index.html<!DOCTYPE html><html><head> <title>Calcualator</title> <script src="add.js" type="text/javascript"></script></head><body> <div align="center" style="margin-top:40px;"> <img
2020-08-01 15:26:01
142
原创 flask的消息处理和异常处理（登陆界面为例）
路由from flask import Flask, flash, request, abort, render_templateapp = Flask(__name__)app.secret_key = '123'@app.route('/')def hello_world(): flash("hello jike") return render_template("index.html")@app.route('/login', methods={'POST'})
2020-07-31 19:28:47
113
原创 基于flask的web框架学习（传递参数，选择，循环，继承）
传递参数的路由@app.route('/')def hello_world(): content = "hellowrld" return render_template("index.html", content=content)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>
2020-07-31 18:15:37
158
原创 基于flask的web框架学习
查看ubuntu是否有环境virtualenv --version安装虚拟环境sudo apt-get install python-pipsudo pip install virtualenvsudo pip install virtualenvwrapper创建虚拟环境mkdir mkvirtualenv Flask_py安装flaskpip install flask
2020-07-31 18:06:49
60
原创 树莓派python点亮led
import RPi.GPIO as GPIO#导入树莓派的python库import time #导入时间库GPIO.setmode(GPIO.BCM)#设置gpio模式GPIO.setup(18,GPIO.OUT)#设置gpio18成输出while True: GPIO.output(18,GPIO.HIGH) time.sleep(0.05) GPIO.output(18,GPIO.LOW) time.sleep(0.05)~
2020-07-29 11:02:50
161
原创 配置linux内核适合树莓派
树莓派linux源码配置驱动代码的编写驱动代码编译需要一个提前编译好的内核编译内核就必须要配置配置的最终目标生成.config文件，该文件指导Makefile把有用的东西组织成内核 厂家配linux内核源码，比如树莓派，树莓派linux内核源码第一种方式： cp 厂家.config .config 进入~/SYSTEM/linux-rpi-4.14.yARCH=arm CROSS_COMPILE=arm-linux-gnueabihf- KERNEL=kernel7 make b
2020-07-28 14:22:38
99
原创 新的ubuntu配置
安装vim连接上网络（桥接模式）sudo apt-get install vim安装gccsudo apt install build-essential安装ifconfigsudo apt install net-tools设置共享文件夹设置->虚拟机设置->选项->共享文件夹->启动交叉编译下载链接：https://pan.baidu.com/s/1C6NOhN4oaCzK3fC8dE5owg提取码：1eg8两个复制到cd下的SYSTEMunz
2020-07-27 23:12:16
59
原创 树莓派的交叉编译
交叉编译在一个平台上生成另一个平台上可执行代码为什么要交叉编译平台上不允许或不能安装我们所需要的编译器，如C51因为目的平台上的资源贫乏，无法运行我们所需要的编译器树莓派是不是不需要交叉编译？不是，树莓派有时因为目的平台还没有建立，连操作系统还没有，根本谈不上运行什么编译器。操作系统也要编译。平台运行最少要两个东西：bootlodader（启动引导程序）和操作系统的核心宿主机（host）：编译和编译程序的平台，一般是x86的pC机，也称主机。目标机（target）：用户开发系统，通常是
2020-07-27 21:04:41
100
原创 树莓派的wiringPi库串口实验
串口配置cd /boot进入配置目录sudo vi cmdline.txt将console=ttyAMA0,115200删除，保存退出sudo reboot重启接线要共地代码#include<wiringSerial.h>#include<stdio.h>#include<wiringPi.h>int main(){ int fd; int cmd; wiringPiSetup();
2020-07-27 17:44:59
148
原创 树莓派DHT11温湿度传感器开发
DHT11温湿度传感器原理DHT原理代码#include <wiringPi.h>#include <stdio.h>#include <stdlib.h> typedef unsigned char uint8;typedef unsigned int uint16;typedef unsigned long uint32; #define HIGH_TIME 32 int pinNumber = 7;uint32 databuf;
2020-07-27 16:09:56
154
原创 树莓派的HC-SR04超声波测距开发
HC-SR04超声波引脚作用VCC电源GND地Trig输出Echo输入原理trig控制10us的高电平发送超声波，echo为高电平，开始计时，当echo变成低电平，计时结束。距离L=time（s）*340（m/s）/2代码#include <wiringPi.h>#include <stdio.h>#include <sys/time.h>#define Trig 4#define Echo
2020-07-27 15:13:39
201
原创 树莓派的第一次开发简单硬件
树莓派开发wiringPi库的简单使用安装wiringPi输入代码gpio -v如果有wiringPi版本号和信息提示则成功，否则失败。简单使用wiringPi在使用wiringPi库时，你需要包含头文件 #include<wiringPi.h>。凡是写wiringPi的程序，都包含这个头文件。例如最简单的wiringPi程序：//demo1.c#include<wiringPi.h>int main(){ wiringPiSetup();
2020-07-27 15:03:40
320
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人