- 博客(19)
- 收藏
- 关注
RSS订阅原创 nvm管理node+设置镜像地址
nvm全英文也叫node.js version management，是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具，为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。
2022-11-16 16:44:43
2072
1
原创 react生命周期钩子函数用法简单整理
react生命周期钩子函数：一、挂载阶段：constructor()static getDerivedStateFromProps()* 会在调用 render 方法之前调用，并且在初始挂载及后续更新时都会被调用。它应返回一个对象来更新 state，如果返回 null 则不更新任何内容(static 静态方法/类方法 不能用this)* 父组件的props更改，所带来的重新渲染，...
2020-02-24 16:43:02
240
原创 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
361
原创 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
223
原创 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
1603
原创 用javaScript ES6面向对象的方式实现倒计时功能
电商网站限时特卖（ES6 class语法）效果图：用ES6语法面向对象的封装（使用时需配合构造函数进行传参 — 需要截止的时间与页面的目标源）class CountDown{ constructor(contact){ //获取传入的页面元素 this.day = contact.day; this....
2019-11-09 09:23:51
626
原创 jquery实现选项卡
jquery简单几步实现选项卡功能$(function(){ //""内表示需要获取的元素 $("#landTop span").click(function(){ //给点击的元素添加class("active")，并移除其他兄弟元素的class("active") $(this).addClass("active").siblings().removeCl...
2019-11-02 17:35:01
746
原创 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
967
原创 JavaScript正则表达式的使用
字符字符相关概述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\”匹配“\”而“(”则匹配“(”^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置$匹配输入字符串的结束位置。如果设置了RegExp对...
2019-09-27 15:28:50
197
原创 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
206
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人