wx612f45b709d99的博客_react,LeetCode,git(5)

CSS3之2D、3D变形

2D变形(CSS3)转换是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、变形、缩放，甚至支持矩阵方式，配合过渡和即将学习的动画知识，可以取代大量之前只能靠Flash才可以实现的效果。变形转换 transform移动 translate(x, y)translate(50px,50px);使用translate方法来将文字或图像在水平方向和垂直方向上分别垂直移动50像素。...

css

3d

缩放

2d

css3

原创 2021-09-02 09:50:03 403 阅读

CSS3之动画与Flex

动画(CSS3)动画是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。语法格式：animation:动画名称动画时间运动曲线（linear 匀速动画）何时开始播放次数是否反方向;/*动画名称是自己定义的 go google*//*一般情况下，我们就用前2个 animation: go 2s*/ /*@keyfram...

css

默认值

css3

最小宽度

最小值

原创 2021-09-02 09:50:02 274 阅读

BFC

BFC(块级格式化上下文)那些元素会具有BFC的条件display 属性为 block, list-item, table 的元素，会产生BFC.什么情况下可以让元素产生BFC以上盒子具有BFC条件了，就是说有资质了，但是怎样触发才会产生BFC，从而创造这个封闭的环境呢？同样，要给这些元素添加如下一种属性就可以触发BFC。-float属性不为none-position为absolut...

CSS

外边距

自适应

布局规则

知识

原创 2021-09-02 09:50:01 86 阅读

PS基础操作

Photoshop图像处理专家PS 工具是我们使用频率比较高的软件之一，我们学习PS目的不是为了设计海报做电商和UI的，而是要求：会简单的抠图会简单的修改PSD效果图熟练的切图能和网站美工有共同话题。Photoshop基本使用基本操作文件下拉菜单：1、新建新建文档 CTRL+N屏幕显示：单位像素 72像素/英寸 RGB颜色模...

PS

图层

切图

拖拽

清除切片

原创 2021-09-02 09:43:11 227 阅读

CSS定位总结大全

定位(position)如果，说浮动，关键在一个 “浮” 字上面，那么我们的定位，关键在于一个 “位” 上。元素的定位属性元素的定位属性主要包括定位模式和边偏移两部分。定位模式 + 边偏移 = 完整定位1、边偏移比如 top: 100px; left: 30px; 等等2、定位模式选择器{position:属性值;}position属性的常用值值描述...

css

绝对定位

相对定位

取值

垂直居中

原创 2021-09-02 09:43:10 203 阅读

元素的显示与隐藏

元素的显示与隐藏在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是 display visibility 和 overflow。他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，它们又会出现和你玩躲猫猫！！display 显示（常用）display : none 隐藏对象与它相反的是 di...

css

块级元素

刷新页面

可见性

知识

原创 2021-09-02 09:43:09 164 阅读

Windows下常用命令

Ctrl+Shift+Esc 打开任务管理器win+e 打开我的电脑win+d 显示/隐藏桌面win+r 打开"运行"窗口 cmd/calc/mspaintalt+tab 多个窗口间切换(向右)alt+shift+tab 多个窗口间切换(向左)alt+f4 关闭当前窗口命令行下：清屏cls如果要访问D盘，只需要输入“d：”进入该盘的某个具体的文件夹 cd 文件名...

Windows

ip地址

命令行

远程桌面连接

任务管理器

原创 2021-09-02 09:30:16 74 阅读

MongoDB基础知识点

数据库默认数据库为"db"，"show dbs" 命令可以显示所有数据的列表。use DATABASE_NAME 如果数据库不存在，则创建数据库，否则切换到指定数据库。启动 MongoDB：在 MongoDB 安装目录的 bin 目录下执行 mongodb 即可。删除当前数据库 db.dropDatabase()集合创建集合 db.createCollection(n...

MongoDB

后端

mongodb

数据

数据库

原创 2021-09-02 09:30:16 189 阅读

Mysql概述以及常用命令

数据库概述数据库：Database，以特定的结构批量存储业务数据的软件。数据库的发展历史：网状数据库-> 层次型数据库 -> 关系型数据库(当前主流)-> 非关系型数据库RDBMSrelation database manage system 关系型数据库MYSQL（免费并且各种操作系统可以用，欧洲很多公益组织用）开始由MYSQL AB开发后被SUN（...

Mysql

数据库

数据

sql

mysql

原创 2021-09-02 09:30:15 121 阅读

Nodejs基础知识

变量声明需要使用 var 关键字，如果没有使用 var 关键字变量会直接打印出来。可以使用下划线(_)获取表达式的运算结果ctrl + c退出当前终端。ctrl + c按下两次/ctrl + d 退出 Node REPL。.break/.clear 退出多行表达式Node.js 异步编程的直接体现就是回调。回调函数在完成任务后就会被调用非阻塞是不需要按顺序例如，我们可以一边读取文...

nodejs

回调函数

监听器

node.js

字符串

原创 2021-09-02 09:30:14 181 阅读

切割字符串再拼接过滤日期格式

后台传来的日期格式是2019-3-3形式没有0，用户选择的格式是2019-03-03，需要把0过滤掉。 var test1 = $('#test1').val(); //获取到用户输入日期的值 console.log("需要查询的日期：" + test1); var test1 = $('#test1').val().split(""); //先把日期分割成...

JavaScript

日期格式

前端数据库系统编程语言

原创 2021-09-02 09:30:13 143 阅读

word表格转换成html常用知识点

1.自身电脑1366x768 1cm=37.5px 小二（h2）24px 小四（h4）16px 四号（h3）19px 五号(14px)2.一行或一列中有字体被撑开或被缩小，其他的单元格也会受到影响。3.文字居上style="vertical-align: text-top;"4.合并两列rowspan="2" 合并两行（两列变成一列）colspan="2" colu...

HTML+CSS

下划线

文字居中

外边距

前端数据库系统编程语言

原创 2021-09-02 09:30:12 587 阅读

js把本地图片转成base64

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <style type="text/c..

js

html

chrome

jquery

css

原创 2021-09-01 18:47:46 1134 阅读

react ant-menu-item-selected选中的菜单样式修改

之前引入的方式是import styles from './index.less';然后我在index.less里修改，没有一点反应，后来发现上面引入的方式只是把样式导进去，用不用不清楚，这个时候需要加上import './index.less';然后index.less里面的样式就可以生效了.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected{ background-color:#

react

其他

原创 2021-09-01 18:43:59 2561 阅读

Ant Table 某行某列根据内容改变颜色

重点就是 render: (val,record)，这里的val是当前的这个数据，而record是当前行的所有数据然后可以根据这个数据的值，进行相应的逻辑操作，我这里用的是三木表达式，当然你也可以使用if,else等import React, { useState, useEffect } from 'react';import { Table} from 'antd'; const [userData, setUserData] = useState(""); const [userCur

react

数据

5e

初始化

数组

原创 2021-09-01 18:43:59 3766 阅读

美化个人wordpress博客

1.通过http://lijian.store/2021/02/23/教程把博客从csdn搬家到了个人网站。2.wordpress选择的主题是Allium。3.对每篇文章都进行分类，通过外观里的小工具，把近期文章、分类、归档引入到侧边栏。4.修改文章里的个人头像，在template-parts下的post下的author.php，把echo get_avatar( get_the_author_meta( ‘user_email’ ), $allium_author_bio_avatar_size )

wordpress

html

侧边栏

点击效果

php

原创 2021-09-01 18:43:58 649 阅读

PHP基础语法

PHP 脚本以 <?php 开始，以 ?> 结束：PHP 中的每个代码行都必须以分号结束。PHP 变量规则：以 $ 符号开始，后面跟着变量的名称（区分大小写）在函数内调用函数外定义的全局变量，我们需要在函数中的变量前加上 global 关键字：echo - 可以输出一个或多个字符串print - 只允许输出一个字符串，返回值总为 1设置常量，使用 define(name,value) 函数,不能在常量名前添加$ 符号并置运算符 (.) 用于把两个字符串值连接起来。strlen()

php

数组

字符串

大小写

调用函数

原创 2021-09-01 18:43:57 108 阅读

继承详情和函数进阶

继承面向对象三大特征：封装、继承、多态对象的拷贝（继承）// 继承演示（对象的继承）function extend(child, parent) { for (var key in parent) { if (child[key]) continue; // 如果child中有该成员，不替换成parent对象中的成员

javascript

数组

原型继承

函数声明

函数表达式

原创 2021-09-01 18:40:19 54 阅读

页面分辨率兼容性处理

我这边是全屏来看的F11，所以用的是分辨率的宽度。目前自己了解两种办法：1.按设计稿进行固定尺寸开发，根据各种分辨率进行放大缩小zoom。function bodyScale() { //

javascript

宽高

放大缩小

响应式布局

css3

原创 2021-09-01 18:40:18 427 阅读

vue类名获取动态生成的元素

首先注意的是，该元素必须在id为app这个元素里面 new Vue({ el: "#app", })其次是由于动态生成的，想获取到该元素，需要在created里使用nextTick。并且可以 $(’.circle’ + i)拼接想要的元素类名。 this.$nextTick(() => { for (var i = 1; i < this.carlist.l

vue

嵌套

类名

i++

动态生成

原创 2021-09-01 18:39:47 1416 阅读

js控制动画

效果如下：代码如下（可以直接复制在本地观看效果）：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

js

css

html

javascript

jquery

原创 2021-09-01 18:39:46 456 阅读

轮询方法获取数据，屏幕闪烁问题

getAllList() { // this.list = "" this.$http .get(URL) .then(result => { this.list ="" ...

javascript

数据

实时更新

其他

原创 2021-09-01 18:39:45 257 阅读

ReactDom is not defined

自己写的是： ReactDom.render(hello, document.getElementById(‘app’));而实际上应该是 ReactDOM.render(hello, document.getElementById(‘app’));注意单词大小写不要拼错了

reactjs

大小写

其他

原创 2021-09-01 18:39:44 1281 阅读

vue-seamless-scroll滚动列表动态追加数据

1.安装vue-seamless-scrollnpm install vue-seamless-scroll --save2.例子（参考官网：https://chenxuan0000.github.io/vue-seamless-scroll/zh/guide/11-array-length-update.html） <vue-seamless-scroll :data="datalist" :class-option="defaultOp

vue

数据

默认值

无缝滚动

实时监控

原创 2021-09-01 18:39:44 2111 阅读

react基础知识

基础知识：ReactDOM.render来渲染元素，参数一般有三个：模版的渲染内容(HTML形式)，需要插入的DOM节点，渲染后的回调(一般用不到) React.createElement创建标签（虚拟dom模拟真实dom进行对比差异，然后渲染）2.引入babel 并且在div下script下添加type="text/babel"属性，即可在script下直接写html标签3.js里有class对象，在script里为了区分，里面的类名写成className4.jsx：即在js中

react

html

生命周期

初始化

加载

原创 2021-09-01 18:39:43 128 阅读

react进阶

1.脚手架使用(包含多个插件)单页面：只有index.js一个入口mainfest.json可以帮助离线缓存package.json是包含插件和依赖的脚本，scripts第一个是运行方法如果项目本身满足不了我们的需求，要修改webpack.config.js里的配置react是热加载，修改部分代码不用重启打开即可更新。项目更改完会自动重新打包。Eslint检验 .js 文件是否符合编码规范npm install -g create-react-app （-g是全局安装，install简写是i

react

css

json

大括号

数组

原创 2021-09-01 18:39:42 114 阅读

密码（至少六位且至少有一个数字和字母）和邮箱校验

密码校验（至少六位且至少有一个数字和字母）： var reg ="^(?=.*[0-9])(?=.*[a-zA-Z])([a-zA-Z0-9]{6,16})$"; var flag =passworddata.match(reg) var isright = flag==null?false:true if(isright){ }else{

javascript

其他

原创 2021-09-01 18:39:41 295 阅读

React Hooks

React HooksuseState：解决状态问题useEffect：类似生命周期(组件加载的时候或者当数据改变时可以重新获取)修改app.jsexport default function App() { //useState,效果与有状态组件state={}相同 const [count,setCount] = useState(10); //useEffect 第二个参数传递空数组 log只会打印一次 //可以在setCount修改初始值 useEf

react

ios

用户名

json

大括号

原创 2021-09-01 18:39:41 249 阅读

输入框自适应输入的内容

我的需求是：每次输出英文分号 ; 就把输入框的长度增加。 import React, { useEffect, useState } from 'react'; import {useRef } from 'react' const [inputData , setInputData] = useState('');//输入框的内容 const [length , setLength] = useState(316); //初始化输入框的宽度 const inputEl =

react

javascript

输入框

字符串

初始化

原创 2021-09-01 18:39:40 426 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx612f45b709d99的博客