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

在Vue里引入less

1.添加依赖npm install less less-loader --save-dev2.打开build/webpack.base.conf.js，在 module.exports 的对象的module.rules里添加一个新规则：{ test: /\.less$/, loader: "style-loader!css-loader!less-loader",

javascript

vue.js

前端

css

原创 2021-12-01 11:28:00 801 阅读

切割字符串超出规定长度显示省略号，但是中文和英文显示长度不一样

可以使用css样式来解决，如果没有显示省略号，看看是否是行内元素，加上 display: block!important;即可。 display: block!important; width:60px; text-overflow:ellipsis; -o-text-overflow:

css

css3

html

省略号

行内元素

原创 2021-11-13 14:42:24 202 阅读

Ant Tabs Select 使用key切换 Select的默认值是前一个下拉框选择的值

解决办法：给<Select>加上一个属性value，在切换后select的默认值就会是nameorage这个值 const [nameorage, setNameorage] = useState("请选择"); <Select defaultValue="请选择" value={nameorage}

javascript

开发语言

ecmascript

默认值

原创 2021-11-11 10:52:23 380 阅读

Java学习笔记（持续更新）

version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http:/

java

spring boot

开发语言

spring

配置文件

原创 2021-11-11 10:52:10 107 阅读

Vue3学习笔记

，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%

vue.js

前端

javascript

数据

响应式

原创 2021-11-11 10:51:53 261 阅读

echarts饼图legend文字超出宽度显示省略号

legend: {　　data: ['1111111111111111','222

echarts

javascript

ecmascript

字符串长度

原创 2021-11-08 11:44:10 2402 阅读

Vue el-upload 上传文件

自己写的一个小demo,拷贝到html直接打开即可测试运行。<html lang="en"><head> <meta

vue.js

javascript

前端

上传

html

原创 2021-11-08 11:44:02 920 阅读

使用zoom后echarts鼠标悬停错位

问题：使用zoom 属性设置缩放，echart图表的鼠标悬浮事件错位，不能正确的找到元素的位置。解决办法：将echars还原回去即可，比如一开始zoom是0.5，那么就1/0.5。下面我是在react里： <div ref={ref} style={{ width: '100%', height: 500, zoom:1/thezoom }} />...

echarts

react.js

javascript

缩放

属性设置

原创 2021-10-19 17:24:34 2453 阅读

showTotal is not a function

根据官方文档介绍：showTotal 用于显示数据总量和当前数据顺序 function(total, range) showTotal={(totalCount) => { return `共 ${totalCount} 条`; }}在单独的Pagination分页里写成函数形式就可以了...

react

数据

分页

原创 2021-10-19 17:24:26 428 阅读

react ant 通过置空按钮，在外部通过js清空Select和RangePicker的值

可以给 RangePicker 控件设置一个key，通过将key设置为new Date()

react

重置

控件

原创 2021-10-11 16:11:16 477 阅读

react hooks antd Design里input的值变化不更新

代码描述： <Form.Item label="用户名称" name="actionObj"> <Input placeholder="请搜索用户名称"

javascript

html

css

用户名

input标签

原创 2021-10-08 14:23:46 2306 阅读

react循环嵌套生成dom元素

{ number.map(function (flag) { return <div> { data.map(function (item) { return <div onClick={cardclick}> <p>名字：{item.name} </p>

react.js

原创 2021-09-28 12:49:42 1555 阅读

useEffect第二个参数

useEffect(() => {/** 执行逻辑 */})一、第二个参数存放变量，当数组存放变量发生改变时，第一个参数逻辑处理函数将会被执行（类似于监听）二、第二个参数如果只传一个空数组，逻辑处理函数里面的逻辑只会在组件挂载时执行一次三、第二个参数可以不传，不会报错，但浏览器会无限循环执行逻辑处理函数。...

html

python

css

数组

无限循环

原创 2021-09-28 12:49:09 1159 阅读

bootstrap实战项目总结源码及知识点

在学校里面参加了一个服创比赛，我的任务是前端，一个半月的寒假打算好好学Js，bootstrap，Vue，jQuery，现在先开始学习bootstrap。发现在实战项目中学习是一个不错的方法。话不多说，直接上源码与做完后的图片，很多知识点我都在源码里详细注释了供大家参考，希望大家不断进步。我是用webstrom做的，加上一点快捷键：ctrl+F在文件内快速查找代码 ctrl+D复制当前行...

bootstrap

html

css

响应式网页

ico

原创 2021-09-02 13:45:38 590 阅读

bootstrap实战项目后端页面带详细注释

比较重要的注释部分：index主页1.navbar-fixed-top会存在bug ，页面主内容顶部可能被固定导航条给遮住了，我们需要在body上padding-top:70px;因为固定导航条默认高度是50px，我们一般设置padding-top和padding-bottom的值为70px，当然有的时候还是需要具体情况具体分析。2.class="active"选中状态3.clas...

bootstrap

ico

html

css

搜索

原创 2021-09-02 13:44:32 415 阅读

从安装idea到servlet第一个项目

1.史上最简单的IDEA破解教程（破解到2100年）： 2.解决Address localhost:1099 is already in use问题 3.总是提示Cannot resolve symbol 4.JSP与Servlet之间传值（传单个值）java二维数组：int[][] c = new int[][]{{1, 2, 3},{4},{5, 6, 7, 8}}; 5.jsp中两种跳转的区

idea

servlet

jsp

.net

html

转载 2021-09-02 13:43:28 105 阅读

WebAPI之DOM介绍，获取页面元素，注册事件及应用，样式操作及应用

Web APIWeb API介绍API的概念API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。任何开发语言都有自己的APIAPI的特征输入和输出(I/O)Web API的概念浏览器提供的一套操作浏览器功...

JavaScript

html

表单

类名

构造函数

转载 2021-09-02 13:42:19 82 阅读

软件开发流程

软件的生命周期/软件过程1)软件的定义期(1)可行性研究阶段—— 《可行性研究报告》技术、人员、资金、时间、设备、政策法规、风俗、回报率(2)需求分析阶段—— 《软件需求说明书》功能性需求点、非功能性需求点2)软件的开发期(3)概要设计阶段—— 架构师技术选型(软件硬件网络)、功能模块划分、...

概要设计

技术选型

数据结构

生命周期

架构师

转载 2021-09-02 13:42:05 710 阅读

前端面经：HTTP,HTML,浏览器

说一下http和https (1)http和https的基本概念http: 超文本传输协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。https: HTTP的安全版，即HTTP下加入SSL层。 (2)http和https的区别？Https协议需要证书，费用较高。http的信息是明文传输，https则是具

缓存

服务器

数据

客户端

字段

原创 2021-09-02 13:41:34 137 阅读

原生JS实现轮播图

主要JS代码： // 获取元素 var box = my$('box'); var screen = box.children[0]; var ul = screen.children[0]; var ol = screen.children[1]; // 箭头 arrow var arr = my$('arr'); var arrLeft = my$('le...

javascript

高亮显示

浏览器兼容性

i++

html

原创 2021-09-02 13:41:19 228 阅读

前端实习腾讯一面GG

实习的时候技术栈大概是哪些呢？写过微信小程序吗？前端优化?降低请求量：合并资源，减少HTTP 请求数，minify / gzip 压缩，webP，lazyLoad。加快请求速度：预解析DNS，减少域名数，并行加载，CDN 分发。缓存：HTTP 协议缓存请求，离线缓存 manifest，离线数据缓存localStorage。渲染：JS/CSS优化，加载顺序，服务端渲染，pip...

数据类型

服务端

属性值

css

数据

原创 2021-09-02 13:41:16 136 阅读

Vue商城项目05（完）

实现购物车效果用vuex并设计购物车数据存储方式运行 cnpm i vuex -Simport Vuex from ‘vuex’Vue.use(Vuex)var store = new Vuex.Store({})在vm实例中挂载 store 状态管理对象 store点击加入购物车功能 addToShopCar() { // 添加到购物车 thi...

vue

数据

apache

json

根目录

原创 2021-09-02 13:41:14 1933 阅读

python爬取博客链接和标题

boke.python: # coding:utf-8 from bs4 import BeautifulSoup import requests import sys # 设置http请求头伪装成浏览器 send_headers = { "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.3

python

html

xml

.net

html页面

原创 2021-09-02 13:40:34 792 阅读

CSS浏览器前缀，压缩等

浏览器前缀浏览器前缀浏览器-webkit-Google Chrome, Safari, Android Browser-moz-Firefox-o-Opera-ms-Internet Explorer, Edge-khtml-Konqueror后面我们会有常用的解决H5和C3 的兼容解决文件，我们这里暂且不涉及。背景渐变在线性渐...

css

线性渐变

3c

h5

本地文件

原创 2021-09-02 13:40:27 146 阅读

事件详解

事件详解注册/移除事件的三种方式var box = document.getElementById('box'); // 注册事件的第一种方式,所有浏览器都支持 // 但是无法给同一个对象的同一个事件注册多个事件处理函数box.onclick = function () { console.log('点击后执行');};//移除事件，函数只执行一次box.oncli...

javascript

浏览器兼容性

事件冒泡

文本框

事件对象

原创 2021-09-02 13:40:26 71 阅读

拉下代码，新建分支，合并分支

0.git clone url 拉下代码安装好git后，在当前项目的目录下右键 git bash here 然后1. git init 生成本地.git2. git add . 添加需要上传的文件3. git commit -m "**" 双引号内对上传文件描述4. git branch -a 查看所有分支5. git branch new 创建new分支6. git checkout new 切换到new分支7. git remote add origin url...

git

远程分支

推送

上传

远程库

原创 2021-09-02 13:40:23 305 阅读

jQuery下拉框可搜索插件Selectivity.js

下载地址http://www.jq22.com/jquery-info17813使用办法：1.引入selectivity-jquery.js和selectivity-jquery.css2.在需要使用的页面里 <div id="example-1" class="selectivity-input example-inpt"></div> var newschoolname = ["天津市耀华中学", "天津市六十五中学"

jquery

下拉框

下载地址

bug处理

css

原创 2021-09-02 13:40:22 499 阅读

2.LeetCode多数元素

题目：给定一个大小为 n 的数组，找到其中的多数元素。多数元素是指在数组中出现次数大于⌊ n/2 ⌋的元素。你可以假设数组是非空的，并且给定的数组总是存在多数元素。输入: [2,2,1,1,1,2,2]输出: 2知识点：底角括号⌊⌋的意义为向下取整，即floor函数的用法，比如⌊2.9⌋=2，⌊-0.9⌋=-1Arrays.sort((a, b) => a - b)，对数组进行冒泡排序，如果 a - b>0 ，则b在前 a 在后，从小到大排序。思路：因为..

数据结构

算法

数组

冒泡排序

取整

原创 2021-09-02 13:40:21 72 阅读

好用网址

高性能日历组件https://github.com/zwhGithub/vue-calendar VUE周日历的实现https://www.cnblogs.com/OIMM/p/13035873.html

vue.js

html

github

自动换行

技术

原创 2021-09-02 13:40:20 218 阅读

1.LeetCode只出现一次的数字

题目：给定一个非空整数数组，除了某个元素只出现一次以外，其余每个元素均出现两次。找出那个只出现了一次的元素。你的算法应该具有线性时间复杂度。你可以不使用额外空间来实现吗？输入: [4,1,2,1,2]输出: 4 知识点：异或运算符：数学符号⊕ 英文简称xor 程序符号^ 异或算符的值：一真一假为真，其余为假满足交换律，结合律，恒等律：p ⊕

算法

数据结构

数组

初始化

异或运算

原创 2021-09-02 13:35:53 92 阅读

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

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

51CTO博客

wx612f45b709d99的博客