自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 nginx开启静态资源的gzip压缩

为了加快前端客户机浏览器加载网页资源得速度,通常我们需要开启资源gzip压缩方式。

2023-12-16 14:16:04 208

原创 node实现git拉取远程仓库代码

第一个参数表示执行的是git命令,第二个参数为数组,类似于在git bash终端输入如下命令。test表示将该仓库代码下载到该文件夹下(没有该文件夹会直接创建一个,如上面所说)方法1、child_process模块(node内置模块)该库提供了spawn方法,可直接运行各种命令,方法2、execSync(node内置模块)2、远程仓库访问没有权限限制。1、本地安装git应用。

2023-12-14 17:26:40 327 1

原创 vue-cli的webpack-chain链式配置

vue.config.js中webpack链式配置

2022-09-22 15:11:24 2861 1

原创 mobx的使用方法详解

npm下载mobx在终端输入以下代码npm install mobx@5.15.4 mobx-react@6.3 -s1.在src文件夹里面新建一个store文件夹,并建立两个js文件,我这里建的是index.js和store1.js在store1中写入import { observable, action } from 'mobx';class UseStore { @observable user = 1; @action login() { console.log(

2021-11-11 15:25:50 672

原创 mbox的使用

mobx 核心思想Actions 修改statestate 更新触发 Computed values组件触发 reactionsreacttions 调用 ActionsState 是可观察和最低限度定义的,可以ishi任意类型Computed values 是可以class实例成员 类成员实例身上可以使用的属性和方法 public staticconstroctor get/set 实例成员类成员(实例成员类成员构造函数直接调用的属性和方法class App{ pub

2021-11-11 15:08:43 1052

原创 react中类组件中,事件处理函数中this指向问题

import React, { Component } from 'react'export default class kind extends Component { fn(){ console.log(this) } render() { return ( <div> <button onClick={this.fn}>点击</button>

2021-04-01 21:31:36 450

原创 云数据库的模糊查询

2021-03-26 11:38:34 230

原创 你的眼中的“vue中的watch”是这样吗???

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <div v-for="value in data" @click="fn"> {{value}}

2021-03-23 22:06:00 182 5

原创 TodoList的实现vue

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul{list-style: none;} </style> </head> <body> <div id="app"> <input type="t

2021-03-04 20:32:35 82 1

原创 JavaScript中函数的this绑定问题

// this是一个关键字,一般存在于函数中,表示所在函数的执行对象// this不是所在的函数,是所在函数的执行对象// this是一个指针,指向// 但是只有在函数执行时才被指向了具体的对象,如果函数没有执行,this没有意义function fn(){ console.log(this);}// 1. 函数的默认执行(this的默认绑定)(没有明确隶属对象的函数),this指向windowfn();// 2. 当函数被作为事件处理函数执行时,this指向事件源(不是事件目

2021-02-25 15:39:29 202

原创 贪吃蛇小游戏(面向对象编程)

面向对象编程<!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> </style>

2021-02-04 14:12:39 122

原创 node.js服务器搭建

注释版:const http = require("http");const fs = require("fs");const url = require("url"); // 解析url地址的每一部分const qs = require("querystring");http.createServer((req,res)=>{ if(req.url !== "/favicon.ico"){ // 搭建服务器时,假设某种特定的路由 // 当

2021-02-04 12:06:42 67

原创 html+css中关于zoom:1的理解和应用

html+css中关于zoom:1的理解和应用zoom是IE专用属性,firefox等是不支持的。它的本来作用是设置或检索对象的缩放比例,但这作用几乎用不到。可以让网页实现IE7中的放大缩小功能。比如你想让你的网页缩小为原来的一半,那么就在body中加入style=“zoom:0.5”设置zoom:1可以在IE6下清除浮动、解决margin导致的重叠等问题。通常,当浮动子元素导致父元素塌陷的时候,只要给父元素加上overflow: hidden;来解决,但是对于IE不行,需要触发其hasLayout

2020-12-26 14:33:35 1088

原创 Javascript三大“坑爹”特殊数据类型(undefined、null、NaN)

Javascript三大“坑爹”特殊数据类型(undefined、null、NaN)1、 三大数据转化成boolean类型都是false2、undefined、NaN和数值型数据相加之和为“NaN”,而null与数值型数据计算会隐式转换为03.NaN并且还不能等于自己(NaN==NaN)得false具体如下: console.log(NaN == NaN); // f console.log(NaN == undefined); // f co

2020-12-19 22:13:40 129 1

原创 css盒子模型的理解

一、盒模型的概念盒模型是Css的基石,他规定元素的显示规则以及元素之间的相互关系,控制元素和元素之间,或者元素和内容之间的关系。二、盒模型的组成盒模型的组成:content(内容)+padding(填充区)+border(边框)+margin(外边距)padding:作用:1、控制父元素和子元素的位置显规则2、控制元素和内容元素的显示1、 特点:1、添加了padding之后,会把原有元素...

2020-02-23 15:47:22 172 1

空空如也

空空如也

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

TA关注的人

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