自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 nvm管理node+设置镜像地址

nvm全英文也叫node.js version management,是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具,为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。

2022-11-16 16:44:43 2067 1

原创 初次运行vue-cli项目VSCode报错

初次VUE-CLI项目成功运行,但VSCode报错

2022-11-16 13:28:53 548

原创 react生命周期钩子函数用法简单整理

react生命周期钩子函数:一、挂载阶段:constructor()static getDerivedStateFromProps()* 会在调用 render 方法之前调用,并且在初始挂载及后续更新时都会被调用。它应返回一个对象来更新 state,如果返回 null 则不更新任何内容(static 静态方法/类方法 不能用this)* 父组件的props更改,所带来的重新渲染,...

2020-02-24 16:43:02 238

原创 react父组件调用子组件方法

react父组件调用子组件中的方法//父组件import React, { Component } from "react";import Child from "子组件地址";class Dad extends Component { constructor(props) { super(props); } render() { ...

2020-02-10 12:42:30 360

原创 css实现react动画效果

用简单的css样式实现react的动画效果css部分#wrapper{ display: flex; width: 100%; height: 100%; transition: margin .5s; margin: 0 0 0 -250px; &.is-nav-open{ margin-left: 0; } .nav{ posit...

2020-01-09 18:43:25 222

原创 vue商品详情尺码选择

vue实现点击动态添加样式(列:商品的尺码选择) <div> <u :class="activeClass == index ? 'actived':''" v-for="(maItem,index) in itemList" :key="index" @click.stop="getMa(index)"> {{maItem}} </u...

2019-12-21 09:31:41 740

原创 用vue实现简单的选项卡功能

vue实现选项卡功能用vue实现简单的选项卡功能用vue实现简单的选项卡功能 <div class="commit-list"> <u :class="CactiveClass == index ? 'actived':''" v-for="(item,index) in commitKind" :key="index" @click.stop="g...

2019-12-21 09:23:14 1601

原创 用javaScript ES6面向对象的方式实现倒计时功能

电商网站限时特卖(ES6 class语法)效果图:用ES6语法面向对象的封装(使用时需配合构造函数进行传参 — 需要截止的时间与页面的目标源)class CountDown{ constructor(contact){ //获取传入的页面元素 this.day = contact.day; this....

2019-11-09 09:23:51 623

原创 jquery实现选项卡

jquery简单几步实现选项卡功能$(function(){ //""内表示需要获取的元素 $("#landTop span").click(function(){ //给点击的元素添加class("active"),并移除其他兄弟元素的class("active") $(this).addClass("active").siblings().removeCl...

2019-11-02 17:35:01 743

原创 javaScript中的部分兼容问题

javaScript中的部分兼容问题选择器所有浏览器支持:document.getElementById(“”); //根据id获取元素——常用document.getElementsByTagName(“”)[n]; //根据css获取元素IE8及以下不支持:document.getElementsByClassName(“”)[n]; //根据class得元素docume...

2019-11-02 17:25:53 119

原创 javaScript缓冲运动函数的封装

function move(ele,json,callback){ clearInterval(ele.t) ele.t = setInterval(function(){ var i = true; for(var attr in json){ if(attr === "opacity"){ var iNow = getStyle(ele,attr) * 100; ...

2019-10-15 09:45:17 180

原创 用js实现建议绘图板

用javaScript来实现一个简易绘图板<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #pos{position: absolute;left:20px...

2019-10-15 09:43:28 527

原创 用js来模拟下拉菜单

我们在网站上看到的下拉菜单,有些是通过js来模拟的,那么怎么模拟呢,可以借鉴一下以下思路:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .cont{wid...

2019-10-15 09:37:20 966

原创 JavaScript正则表达式的使用

字符字符相关概述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“n”匹配字符“n”。“\n”匹配一个换行符。串行“\”匹配“\”而“(”则匹配“(”^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^也匹配“\n”或“\r”之后的位置$匹配输入字符串的结束位置。如果设置了RegExp对...

2019-09-27 15:28:50 196

原创 javascript基本介绍

javascript基本介绍与发展趋势javascript能做什么简单来说就是对页面进行渲染,让页面有行为,让页面动起来。/页面分为:结构、样式、行为。javascript的发展历史JavaScript在设计之初只是为了做表单验证。但是现如今,JavaScript已经成为了一门功能全面的编程语言,已经是WEB中不可缺少的一部分,如今的JavaScript是一门既简单又复杂的语言,说它简单...

2019-09-20 10:04:43 200

原创 html与css的注意事项

html与css的注意事项图片水平居中技巧水平方向:text-align:center 垂直方向:line-height:父元素高度text-align:vertical图片垂直居中技巧先设置和父元素同样的宽度:line-height:XXpx 再在子元素添加vertical-align:middle.valign{text-align:center;}.valign img...

2019-09-20 09:40:38 205

原创 css3

css3

2019-09-20 09:00:31 130

原创 css

[外链图片转存失败(img-rBr3DNPt-1568940976063)(https]????/img-blog.csdnimg.cn/2019092008562060.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h4Z1RY,size_1...

2019-09-20 08:56:51 102

原创 html

HTML 元素标签元素标签

2019-09-20 08:54:25 108

空空如也

空空如也

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

TA关注的人

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