豪华手抓饼-CSDN博客

element/Antd vue 表格性能问题，表格数据多导致页面卡顿问题解决思路与方法工作中，使用了 Antd vue 中的 a-table 组件，当表格数据过多时导致页面卡顿，并且表格多选也会出现卡顿，测试提出了性能bug。。。table 没有设计成分页那种加载数据的形式，而是用滚动加载的方式不停地加载数据，我也是醉了。。。在百度了一圈后，发现解决该问题主要是用虚拟滚动的思路。引发页面卡顿的原因主要是由于数据量太大导致渲染的 dom 较多，然后页面就卡顿了。。。下面使用 element 中的 e

2021-09-26 21:48:22 13079 5

原创关于 table 的宽度

情况一：td 的宽度和小于 table 的宽度/* 样式 */table,th,td { border: 1px solid black; padding: 0;}.underline-text { text-decoration: underline;}示例1：<p> <strong>示例1：</strong><br /> Table 的宽度为 600px，Table 的 td 所有宽度总和不到 600px

2021-09-25 21:48:14 810

原创 vue 动态样式

Vue 动态样式1 动态 class样式：<template> <div> <span :class="{ bold: isBold, 'red-text': isRed, 'size-16': isSize16 }"> 测试动态样式-class-1 </span> </div></template><script>export default { data() {

2021-09-24 21:21:24 254 1

原创 js 代理与反射简介

js 代理与反射简介代理与反射提供了拦截并向基本操作嵌入额外行为的能力。在对目标对象的各种操作影响目标对象之前，可以在代理对象中对这些操作加以控制。// 目标对象const target = { name: 'zhangsan', age: 12,}// 处理器const handler = { // get 捕获器 /** * * @param {*} trapTarget - 目标对象 * @param {*} proper

2021-09-05 16:54:20 327

原创 js reduce() 的使用

js reduce() 的使用let arr = [1, 2, 3, 4, 5]/** * prev - 上一个归并值 * cur - 当前项 * index - 当前项的索引 * array- 数组本身 */let sum = arr.reduce((prev, cur, index, array) => { console.log('prev:', prev, ',', 'cur:', cur, ',', 'index:', index) return prev +

2021-09-05 16:39:38 191

原创 js 的几种循环

js 的几种循环（迭代）1 do-while后测试循环语句（循环体中的代码执行后才会对退出条件进行求值）循环体内代码至少执行一次let i = 0do { i += 2} while (i < 10)2 while先测试循环语句循环体内代码有可能一次也不执行let i = 0while (i < 10) { i += 2}3 for先测试循环语句初始化、条件表达式和循环表达式都不是必须的let count = 10for (let

2021-09-05 16:25:57 1024

原创 vue+egg.js 使用 websocket

==> 服务端促使客户端退出的小案例。1 安装与配置1.1 安装依赖包# 1 egg 项目中安装npm install egg-socket.io# 2 vue 项目中安装npm install vue-socket.io1.2 配置 egg.jsconfig/config.default.jsmodule.exports = appInfo => { const config = exports = {}; ...... // 关闭 csrf

2021-09-05 10:57:25 3528 5

原创 JS 的几种继承模式

JS 的几种继承模式1 原型链模式function FatherType() { this.colors = ['red', 'green', 'blue']}function SonType() { }// 继承 SonType.prototype = new FatherType()let son = new SonType()son.colors.push('black')console.log(son.colors); // ["red", "green", "blu

2021-08-08 18:16:12 541 1

原创 JS 创建对象的几种方式

JS 创建对象的方式0 字面量方式let p = { name: 'li', age: 12, say: function () { console.log(this.name); }}问题：创建有同样接口的多个对象需要重复编写代码。1 工厂模式function createPerson(name, age) { let o = new Object() o.name = name o.age = age o.sa

2021-08-08 15:16:46 97 1

原创超简单 centos 7.x 安装 mysql 5.7

1 准备1.1 下载安装包官网下载地址：https://dev.mysql.com/downloads/mysql/版本选择：2 安装yum install mysql-community-{server,client,common,libs}-* mysql-5.*3 启动# 启动服务systemctl start mysqld# 查看初始密码grep 'temporary password' /var/log/mysqld.log# 登录mysql -uroot -p# 修

2021-06-27 23:13:16 105 2

原创 UnicodeEncodeError: ‘locale‘ codec can‘t encode character

1 问题import time# 将时间字符串转换成时间元组struct_time = time.strptime('20200910', "%Y%m%d")print('时间元组', struct_time)# 将时间元组转换成格式化的时间字符串format_time = time.strftime("%Y年%m月%d日", struct_time)print(format_time)报错：Traceback (most recent call last): File "D:/w

2020-09-24 17:08:06 2333

原创 Python 正则表达式-贪婪与非贪婪匹配

import recontent = 'hello 1234567 World_This is a Regex Demo'# 贪婪匹配result1 = re.match('^he.*(\d+).*Demo$', content)# 非贪婪匹配result2 = re.match('^he.*?(\d+).*Demo$', content)print(result1) # <_sre.SRE_Match object; span=(0, 40), match='hello 123456

2020-09-24 10:40:58 186

原创 pycharm中文字体设置-中文字体有粗有细

1 问题描述pycharm里中文字体粗细不一，很难看。2 解决方法打开设置，修改字体为 SimHei，见下图：3 解决后效果

2020-09-23 10:52:13 1558

原创 Java 日期时间类的使用

1 获取当前时间使用 Date 类使用 Calendar 类// 1 使用Date类Date date = new Date();System.out.println(date.toString());// Fri Sep 13 21:47:38 CST 2019// 2 使用Calendar类Calendar c = Calendar.getInstance();...

2019-09-14 08:59:32 200

原创 Java Map的遍历与排序

Map是键值对的集合接口，它的实现类主要包括：HashMap,TreeMap,Hashtable以及LinkedHashMap等。TreeMap：基于红黑树实现，该映射根据其键的自然顺序进行排序，或者根据创建映射时提供的 Comparator 进行排序。HashMap 的值是没有顺序的，它是按照 key 的 HashCode 来实现的，对于这个无序的 HashMap 的排序参照 Tre...

2019-09-13 21:27:02 370

原创 Java Arrays工具类的使用

代码有点小多，耐心看。。。import java.util.Arrays;import java.util.List;/** * fileName: ArrayTester * description: 使用Arrays工具类 * * @author lihaogn-main * @version 1.0 * @date 2019/9/10 20:14 */public c...

2019-09-11 11:33:49 333

原创 Java8 新特性学习笔记

java 8 新特性：lambda表达式、方法引用、默认方法、stream api、optional

2019-09-03 11:57:04 344 1

原创微信小程序之XML字符串解析为JavaScript对象

微信小程序之XML字符串解析为JavaScript对象介绍在微信小程序中将xml字符串解析成JavaScript对象。示例代码地址：https://gitee.com/lihaogn/XML2JSObject使用说明核心文件使用到了xmldom库：https://github.com/jindw/xmldom/common/common.js/lib/dom-parser.js...

2019-07-26 22:42:03 1230

原创微信小程序之星级评分组件

微信小程序星级评分组件介绍适用于微信小程序的星级评分组件。使用说明组件目录在要添加的页面的json文件中加上下面语句，例如index.json{ "usingComponents": { "rateStar": "/components/rateStar/rateStar" }}在index.wxml中使用组件<!--index.wxml...

2019-07-26 14:45:21 2833

原创 Java 枚举类简单使用

1 简单的枚举类// 创建一个枚举类package com.lihaogn.test;public enum SeasonEnum { // 定义四个枚举实例 SPRING,SUMMER,AUTUMN,WINTER;}// 测试类package com.lihaogn.test;public class Test { public static void main(St...

2019-05-17 11:29:54 9657 2

原创 Python 小项目 01 爬虫项目爬取链家网南京地区二手房信息

SpiderLianjia介绍python爬虫小程序，爬取链家网南京地区普通住宅二手房数据1 程序设计1.1 开发环境操作系统：macOS Mojave软件需求：Python 3.6、MongoDB 3.6.21.2 基本功能爬取链家网中南京市二手房普通住宅分类前40页的详细信息绘制出鼓楼区不同装修情况的二手房的建筑面积与总价的关系图1.3 程序流程图1.3.1 爬取...

2019-05-14 09:00:21 1568

原创大数据 09 Hadoop 实战用户行为日志分析

1 概述用户行为日志：用户每次访问网站时所有的行为数据（访问、浏览、搜索、点击…）用户行为轨迹、流量日志日志数据内容：访问的系统属性：操作系统、浏览器等等访问特征：点击的url、从哪个url跳转过来的(referer)、页面上的停留时间等访问信息：session_id、访问ip (访问城市) 等日志信息格式：2013-05-19 13:00:00 h...

2019-05-13 19:15:23 5484 2

原创大数据 08 Hadoop之MapReduce

1 MapReduce概述源自Google的MapReduce论文。 Hadoop MapReduce is a software framework for easily writing applications which process vast amounts of data (multi-terabyte data-sets) in-parallel on large clu...

2019-05-13 19:15:04 239

原创大数据 07 Hadoop之YARN

1 概述YARN（Yet Another Resource Negotiator），通用的资源管理系统，为上层应用提供统一的资源管理和调度。2 产生背景MapReduce1.x存在的问题：单点故障&amp;amp;amp;amp;amp;amp;节点压力大不易扩展资源利用率&amp;amp;amp;amp;amp;amp;运维成本Hadoop1.x：MapReduce：Master/Slave架构，1个JobTracker

2019-05-13 19:14:49 281

转载大数据 06 经典漫画讲解HDFS原理

http://blog.chinaunix.net/uid-27105712-id-3274395.html 分布式文件系统比较出名的有HDFS 和 GFS，其中HDFS比较简单一点。本文是一篇描述非常简洁易懂的漫画形式讲解HDFS的原理。比一般PPT要通俗易懂很多。难得的学习资料。1、三个部分: 客户端、nameserver（可理解为主控和文件索引类似linux的inode）、datan...

2019-05-13 19:14:32 317

原创大数据 04 Hadoop 分布式安装、配置

Hadoop分布式环境搭建hadoop000: 192.168.199.102 hadoop001: 192.168.199.247 hadoop002: 192.168.199.138hostname设置：sudo vi /etc/sysconfig/network NETWORKING=yes HOSTNAME=hadoop00x(0/1/2)hostname和ip地址的设...

2019-05-13 19:14:11 293

原创大数据 03 Hadoop 伪分布式安装、配置

1 伪分布式安装、配置1）创建用户创建用户：useradd hadooppasswd hadoophadoop# 添加sudovisudousername ALL=(ALL) ALL2）配置网络1 配置hostname，修改network文件：/etc/sysconfig/networkNETWORKING=yesHOSTNAME=hadoop0002 配置网...

2019-05-13 19:13:54 216

原创大数据 05 Hadoop之HDFS

HDFS（Hadoop Distributed File System）1）设计目标非常巨大的分布式文件系统运行在普通廉价的硬件上易扩展，为用户提供性能不错的文件存储服务2）特点：高扩展性，高容错性，海量的数据存储将文件切分成制定大小的数据块并以多副本的方式存储在多个机器上。数据切分、多副本、容错等操作对用户是透明的。3）架构master/slaves（主从架...

2019-05-13 19:13:34 170

原创大数据 02 Hadoop 概述

1 介绍官网：hadoop.apache.org1）概念 The Apache™ Hadoop® project develops open-source software for reliable, scalable, distributed computing.Hadoop是一个可靠的，可扩展的，分布式的计算框架。2）包含的组件 Hadoop Common: ...

2019-05-13 19:13:00 158

原创 Spark Streaming 03 分布式消息队列 kafka

1 概述Kafka® is used for building real-time data pipelines and streaming apps. It is horizontally scalable, fault-tolerant, wicked fast, and runs in production in thousands of companies.● Building re...

2019-02-02 09:39:34 313

原创 layui动态更新select不显示内容解决方案，ajax动态添加option

问题描述：—&gt; 使用layui前端框架时，在使用ajax为select动态添加option时，会出现option内容不显示的问题解决方案：—&gt; 执行 form.render(type,filter) 方法具体代码：$(function(){ // 异步加载菜品种类数据 $.post( "${pageContext.request.contextPath}/foo...

2019-01-11 21:44:58 5644 5

原创机器学习入门 07 逻辑回归

1 什么是逻辑回归（Logistic Regression）1.1 介绍一般用来解决分类问题，只能解决二分类问题。将样本的特征和样本的概率联系起来，概率是一个数，所以可以叫做回归问题。在多项式回归中，y^=f(x)=θ⊺⋅xb\hat { y } ={ f }(x)={ \theta }^{ \intercal }\cdot { x }_{ b }y^=f(x)=θ⊺⋅x...

2018-12-31 15:42:11 205

原创 Python数据分析基础工具 03 pandas 基本使用

import numpy as npimport pandas as pd数据结构 # 数据结构 s = pd.Series([i * 2 for i in range(1, 11)]) print(type(s)) dates = pd.date_range("20181111", periods=8) df = pd.DataFrame(np...

2018-12-05 08:42:13 326

《简单记账软件》的 jar 包。

《关于table的宽度》的源码。

空空如也