自定义博客皮肤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 823

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

.jsx import 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 925

原创 原生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 260

原创 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 219

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

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 309 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 276 3

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

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

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

原创 JS基础知识

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

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

原创 Vue面试题

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

2021-08-12 08:49:30 163 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 163 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 260 1

原创 Linux--Mysql安装教程

第一种 通过yum 1)连接服务器 ssh root@服务器ip 2)删除多余软件 先查看: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 237 6

原创 三列布局方式

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

2021-06-30 09:44:59 298 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 167 1

原创 微信小程序知识总结

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

2021-06-20 19:42:46 441 3

原创 日常总结的面试题

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

2021-06-03 11:02:58 124

原创 创建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 184

原创 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 190

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

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

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

原创 context使用过程

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

2021-05-28 16:09:26 473 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 346 6

空空如也

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

TA关注的人

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