自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 问答 (3)
  • 收藏
  • 关注

原创 nvm、node、vue安装教程

一、安装nvm图片链接:解压后点击exe文件进行安装:2、点击浏览安装到 D:\nvm 下,然后点击Next3、在框内输入\nodejs,然后将路径设置如下:4、点击next 一直点击 完成安装;5、找到指定nvm打开后:4.点击环境变量5.查看环境变量是否配置(默认成功后,自动生成):与如下配置(保持一致):验证nvm安装:打开cmd,输入nvm -v返回版本号,说明成功。

2023-06-06 12:17:50 522

原创 React+css简单实现选项卡

.jsximport React, { Component } from 'react';class View extends Component { constructor(props){ super(props) this.state={ curr:"first", } } changeFu(curr){ this.setState({ curr:curr

2021-12-14 15:04:53 809

原创 原生JS简单实现选项卡

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2021-09-01 10:12:10 172

原创 VUE2生命周期代码详解

父组件<template> <div> <mark>生命周期</mark> <button @click="handleSwitch">切换</button> <Son v-if="is" :abc="abc" @getChange="getChange"></Son> </div></template><script>//引入子组件

2021-08-31 17:14:50 135

原创 前端常见面试题(二)

1. v-if与v-show的区别?v-if 控制的是元素的加载和销毁 v-show 控制的是元素的display属性 【频繁切换时应使用v-show】2. vue的生命周期有哪些?【第一次页面加载时会触发 beforeCreate, created, beforeMount, mounted 这几个钩子】【beforeCreate:加loading事件】【created :结束loading,初始化完成时的事件,异步请求】【mounted:挂载元素,获取到DOM节点,DOM 渲染在 moun.

2021-08-25 11:50:31 162 1

原创 一些常见的js题

1. 计算2的n次幂,n可以输入,n为自然数。 var n=parseInt(window.prompt()) var num=1; for(var i=0;i<n;i++){ num*=2; } document.write(num)2. 计算n的阶乘var n=parseInt(window.prompt())var num=1;for(var i=1;i<=n;i++){ num*=i;}document

2021-08-19 09:35:27 140 3

原创 出现Cannot read property ‘forceUpdate‘ of undefined的简单解决方法

出现上面报错的原因是因为微信小程序里没有获取到APPID的原因。解决方法如下:1. 点击微信小程序右上角的详情2. 基本信息里点击修改APPID3. 复制自己的APPID4. 复制到这里即可

2021-08-17 14:27:33 2123 2

原创 JS基础知识

## 浏览器组成1. shell部分 —— 用户能操作的部分(壳)2. 内核部分 —— 用户看不到的部分 1)渲染引擎(语法规则和渲染) 2)js引擎 3)其他模块(如异步)## js逼格 编译型语言 解释型语言 怎么做 通篇翻译后,生成翻译完的文件,程序执行翻译后的文件 看一行翻译一行,不生成特定文件 代表语言 ...

2021-08-16 14:44:26 107 1

原创 Vue面试题

1.defineProperty接收哪三个参数?object(必须有 操作的对象本身)propertyname (必须有 属性名 添加修改属性得有属性名)descriptor (必须有 属性描述) 简单点就是 设置属性的值value, 是否可操作属性值 writable, 是否可修改配置configurable(如果值为false descriptor内的属性都不可操作) 是否可枚举enumerable 2.vue路由的传参方式有哪些? quer..

2021-08-12 08:49:30 97 2

原创 用html和css实现一个三角形

<div class="box"></div>.box{ width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid skyblue;}

2021-08-11 14:05:47 85 3

原创 前端常见面试题(一)

1. 如何合并对象?Object.assign(obj1,obj2) {...obj1,...obj2}2. 说出几个常用的数组方法?join(),push(),splice(),slice(),concat(),reverse(),sort()3. ajax步骤?- 创建XMLHttpRequest异步对象- 设置请求方式和请求地址- 用send发送请求- 监听状态变化- 接收返回的数据4. flex布局如何绝对居中?//父级.box{ displ.

2021-08-11 10:04:35 150 1

原创 Linux--Mysql安装教程

第一种 通过yum1)连接服务器 ssh root@服务器ip2)删除多余软件 先查看:rpm -qa|grep -i mysql 有的话一个一个的删除:yum remove '软件名' 没有的话继续操作下一步 查看关于mysql的文件:find / -name mysql 有的话删除:rm -rf 文件名3)下载和安装 安装wget:yum -y install wget (如果有w...

2021-07-01 16:04:25 162 6

原创 三列布局方式

第一种{/* 利用 overflow: hidden;的特性; 三栏的顺序分别为左-右-中。 左右两栏分别设置宽度以及左浮动和右浮动,脱离普通流,这时如果让中间栏高度大于2个边栏会发现两边栏实际上是叠在 main 上面的,因为 main 是块状元素,独占一行,浮动元素向相应的方法浮动,直到遇到容器的边框。 中间栏设置 overflow:hidden 创建BFC,这样就可以利用BFC不和浮动元素重叠的特性,让 main 的宽度自适应。*/}<div class

2021-06-30 09:44:59 193 1

原创 元素垂直水平居中方法

第一种<div className="boxOne"> <div className="boxOne_erz"></div></div>.boxOne { width: 200px; height: 200px; background: pink; display: flex; justify-content: center; align-items: center;}.boxOne_

2021-06-30 09:28:57 78 1

原创 微信小程序知识总结

一、微信开发者初识# 编辑器## 一级工具1. 项目--->退出当前项目2. 格式化代码--->shift+alt+f3. g

2021-06-20 19:42:46 296 4

原创 日常总结的面试题

1.数组方法pop()方法从数组中删除最后一个元素,并返回该元素的值。改变原数组。shift() 方法从数组中删除第一个元素,并返回该元素的值。改变原数组。concat() 方法用于合并两个或多个数组。返回一个新数组。sort() 方法用原地算法对数组的元素进行排序,并返回数组。entries() 方法返回一个新的Array Iterator对象,该对象包含数组中每个索引的键/值对。它的原型(__proto__:Array Iterator)上有一个next方法,可用用于遍历迭代器取得原数组的[k

2021-06-03 11:02:58 61

原创 创建react项目流程

Gitee创建项目一、创建仓库(点击克隆复制链接)Git Bash Here第一步:git clone 仓库链接第二步:cd 仓库名称第三步:node -v(确认node版本)第四步:npx creact-react-app 项目名称 (创建项目)第五步:git add --all git commit -m '' git push第六步:cd 项目名称第七步:yarn eject二、打开项目替换script"scripts": { "b...

2021-06-03 10:52:16 100

原创 react

# 组件和jsx## react组件jsx文件,里面是jsx语法生成的dom## jsx语法jsx除了是文件后缀外,在组件内还是一种语法。`<img/>`这个jsx语法是`React.createElement('img')`语法糖## 样式绑定类名样式:className内联样式/行内样式:`style={{color:'red'}}` 第一个括号表示表达式,第二个是对象## 样式作用域- 默认情况下,样式在组件内引入后,作用域是全局的;- 使用name.module.

2021-06-03 10:43:24 94

原创 有关react的知识点与面试题(二)

1. 什么是jsx? jsx是类xml的一种格式,底层是js;它还是React.createElement的语法糖。

2021-05-28 16:55:17 111 2

原创 context使用过程

第一步:先创建一个全局共享的js文件createContext.jsimport React from 'react'export const resume = { base:{ name:'', age:'', genders:'male' }, exp:{ year:'', comp:'', job:'', detail:'', area:'li

2021-05-28 16:09:26 328 6

原创 有关react的知识点与面试题(一)

有关react的知识点与面试题1.什么是react? react是专注视图层的响应式框架,单项数据流,单向数据绑定。2.react,vue,jq对比 react专注视图层,单向数据绑定; vue是以数据驱动视图响应式框架,双向数据绑定; jq操作dom的类库。3.react为什么必须使用setState去修改state? 因为react有单项数据绑定特性,必须使用setState函数修改,才能使组件进入更新阶段。4.setS...

2021-05-27 16:40:51 239 6

空空如也

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

TA关注的人

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