- 博客(29)
- 收藏
- 关注
RSS订阅原创 网页效果 - 虚拟滚动列表
一、虚拟滚动列表虚拟列表的意思就是在数据量超大的情况下，页面只渲染可视范围的列表，减少dom数量，控制页面性能的效果。二、具体实现talk is cheap, show me the code.<template> <div class="virtual-list"> <h1>虚拟列表</h1> <div class="list-view" ref="scrollBox" @scroll="handleScroll">
2021-07-16 12:13:31
715
原创 网页效果 - 填充布局
一、使用定位属性填充空间<!DOCTYPE html><html lang="en"> <head> <style> * { margin: 0; padding: 0; } html, body { height: 100%; } .box { height: 100%; position: relati
2021-07-16 12:07:50
440
原创 网页效果 - 无缝滚动原理
无缝滚动常用场景：公告栏滚动播报、轮播图无缝切换在滚动元素的后面，复制一个相同的元素，让复制的元素填补出现的空白；当复制元素滚动到与滚动元素相同的初始状态时，还原元素状态、实现无缝滚动例子：公告栏滚动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2021-06-30 11:14:36
589
原创 Vue - vue-devtools 安装
一、vue-devtools仓库地址https://github.com/vuejs/vue-devtools.git二、把仓库clone到本地打包（1）git clone https://github.com/vuejs/vue-devtools.git（2）cd vue-devtools（3）非常重要的一步，确认是否在master分支，没有就切换到master分支（4）npm i 安装依赖模块（5）npm run build 打包（6）在chrome的地址栏中输 chrome://ext
2021-02-05 10:53:42
1049
原创 Nodejs-修改本地npm仓库位置
一、前提已经安装好了node环境，在CMD上输入node -v 出现二、修改本地npn仓库位置1. 命令行修改（1）npm config ls 查看npm的配置信息（这里是已经设置好的信息）（2）修改prefix的值：npm config set prefix 【全局仓库地址】（3）修改cache的值：npm config set cache【全局缓存地址】（4）重新用 npm config ls 查看配置信息，如果配置成功，就直接能看到配置信息了2. 文件直接修改（1）修改.npmr
2021-02-05 10:33:44
13950
2
原创 Linux - iptable（防火墙）
一、概念此处先描述一些相关概念。从逻辑上讲。防火墙可以大体分为主机防火墙和网络防火墙。主机防火墙：针对于单个主机进行防护。网络防火墙：往往处于网络入口或边缘，针对于网络入口进行防护，服务于防火墙背后的本地局域网。网络防火墙和主机防火墙并不冲突，可以理解为，网络防火墙主外（集体）， 主机防火墙主内（个人）。从物理上讲，防火墙可以分为硬件防火墙和软件防火墙。硬件防火墙：在硬件级别实现部分防火墙功能，另一部分功能基于软件实现，性能高，成本高。软件防火墙：应用软件处理逻辑运行于通用硬件平台之上
2020-12-28 10:21:54
727
原创 Linux（Centos7）- 网卡设置
一、概念网卡Linux通过配置网卡来设置本机的网络信息网卡文件所在位置（centos7） /etc/sysconfig/network-scripts/ifcfg-ens33网卡配置详解DEVICE=eth33 #网卡设备名,请勿修改名字 TYPE=Ethernet #网络类型，以太网 BOOTPROTO=static #启用静态IP地址 ONBOOT=yes #开启自动启用网络连接 IPADDR=192.168.78.100
2020-12-21 17:35:55
773
原创 js - 原型和原型链
一、概念原型（对象属性）Javascript规定，每一个函数都有一个prototype对象属性，指向另一个对象（原型链上面的）。prototype(对象属性)的所有属性和方法，都会被构造函数的实例继承。这意味着，我们可以把那些不变(公用)的属性和方法，直接定义在prototype对象属性上。prototype就是调用构造函数所创建的那个实例对象的原型（proto）。prototype可以让所有对象实例共享它所包含的属性和方法。也就是说，不必在构造函数中定义对象信息，而是可以直接将这些信息添加到原型
2020-10-15 21:51:45
118
原创 js - 变量声明和函数声明（var）
一、问题 console.log(a); var a = 1; var a = function(){ console.log(2); } function a(){ console.log(3); } console.log(a);二、解决1. 变量声明提升 ... var a = 10;等于 // 预编译 var a; // 声明会被提到当前作用域的顶端 // var的作用域只有两种，全局作用域和函数作
2020-09-19 21:23:10
1286
1
原创 js - 函数防抖和节流
一、什么是防抖、节流？在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。二、概念函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。函数节流（throttle）：当持续触发事件时，保证一定时间段内
2020-08-27 16:20:17
184
原创 js - Array对象
一、创建构造方法创建let arr1 = new Array()let arr2 = new Array('a', 'b', 'c');字面量创建let arr1 = [];let arr2 = ['a','b','c'];二、特点 在JavaScript中，同一个数组中可以包含对象元素、函数、数组。三、数组操作方法indexOf(item,start)参数：item：指定查找的元素，类型除了对象，都可以(基本类型
2020-08-20 16:29:20
198
原创 js - String对象
一、使用字符串可以使用单引号或双引号，单引号里可以嵌套双引号，双引号里也可以嵌套单引号，但是单引号和双引号都不能嵌套和使用自己let w1 = " i'm a student." // truelet w2 = " he say:' today is a nice day'. " // truelet w3 = ' she say : " Can i help you? " ' // truelet w4 = " he say: " today is a nice day". " // fal
2020-08-19 16:16:35
217
原创 js - Number对象
在JavaScript中，数字不分为整数类型和浮点型类型，所有的数字都是由 浮点型类型。JavaScript 采用 IEEE754 标准定义的 64 位浮点格式表示数字，它能表示最大值为 ±1.7976931348623157e+308，最小值为 ±5e-324。精度整数（不使用小数点或指数计数法）最多为 15 位。小数的最大位数是 17，但是浮点运算并不总是 100% 准确：let x = 0.2+0.1; // 输出结果为 0.30000000
2020-08-19 13:43:49
273
转载 vue踩坑日记--vue生命周期详解
原文链接：https://segmentfault.com/a/1190000020173042?utm_source=tag-newest生命周期文字详解new Vue 最开始，用户使用 new Vue() 创建根 Vue 实例，或者 Vue 实例化子组件都会调用_init方法（我们将这两种实例都称为vm）：function Vue(options) { //Vue 构造函数 ... this._init(options)
2020-08-15 19:05:01
1623
原创 vue踩坑日记--动态（v-for）图片路径问题
问题描述 想要用v-for来动态生成图片路径<div v-for="item in 40"> <img :src="'./../../assets/img/' + item + '.jpg'" alt=""></div> 打包后的路径是这样的 打包后的资源目录是这样的问题所在 &n
2020-08-15 16:10:20
1455
原创 js - 爬虫的实现
爬虫的原理爬虫，就是一个自动爬取网页上展示的信息的工具。我们要写一款爬虫，就要满足下面的条件：网络的请求。首先我们要进行网络请求，让目标给我们返回信息（常用的模块有http、http2、https、request、axios、puppeteer）对返回来的数据的处理。（这部分可以随意发挥、正则等技术，而对于html文件的话，有 cheerio 模块（客户端的jQuery）、而返回来的数据可能有编码问题，iconv-lite 模块可以用于编码的转换，当然，请求时也可以直接设置response的编码）
2020-08-08 13:55:13
9421
3
原创 js - promise队列实现
function queue(array) { let promise = Promise.resolve(); array.map(v => { // 这样写所有数一起输出 // promise.then(() => { // 下面这样写可以实现队列，就是按顺序执行了 promise = promise.then(() =>{ r
2020-07-31 15:11:11
954
原创 js - 深拷贝的实现
function deepCopy(obj) { // 判断是否是引用类型 if (typeof obj != 'object' || obj == null) { return obj } // 判断引用类型，初始化结果 let re; if (obj instanceof Array) { re = []; } else {
2020-07-31 15:06:05
99
原创 数据结构-哈希表
引言 假设现在有5个值，{5，2，3，2，4}，如果把他们放到线形表中的话，我们要查找某个值只能按一定规则去搜索，这样耗费的时间就比较多，我们希望可以减少时间的消耗，哈希表在这种情况下出现的。 哈希表，是一种以空间换取时间的数据结构；哈希表是怎么建立的 我们通过对需要存储的值（value）设定一个函数（规则），计算出一个key（地址），然后把value放到key里
2020-07-29 10:01:26
230
原创 vue踩坑日记--input框的focus问题
问题描述 想在el-input显示的时候focus。<template> <div @dblclick="ondbclick"> <div v-show="!isEdit"></div> <div v-show="isEdit"> <el-input ref="editTask"></el-input> </div> <div></templat
2020-07-26 23:34:22
9643
转载 maven_尚硅谷_宋康红老师笔记
非原创原文连接：https://blog.csdn.net/zxm1306192988/article/details/76209062 <1、目前掌握的技术2、目前的技术在开发中存在的问题[why]一个项目就是一个工程 如果...
2020-02-19 16:12:51
677
原创 Mybatis出现文档根元素 "mapper" 必须匹配 DOCTYPE 根 "configuration"错误解决办法
XML文件的信息头写错了因为很多人都是直接复制的，信息头可能会错误config文件信息头<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-...
2020-02-11 10:03:41
340
原创 MySQL常用命令
cmd环境命令命令作用net start myql启动mysqlmysql -h localhost -u root -p进入操作环境操作环境操作环境里的命令都要加分号命令作用show databases显示所有数据库use 【databaseName】使用指定数据库show tables显示数据库中所有表sel...
2020-02-05 11:28:46
91
转载 Mybatis:关于日志输出到控制台问题问题
在使用Mybatis并且配置log4j文件后发现组合的sql语句并没有打印到控制台原因：Mybatis支持的几种日志工具的使用有优先级查看Mybatis的官方文档的logging模块，日志工具优先级如下：SLF4JApache Commons LoggingLog4j 2Log4jJDK loggingMybatis会从上到下搜索日志工具，并把找到的第一个工具默认使用。所以我...
2019-07-28 10:04:16
1548
原创 Spring配置文件中配置property标签的name和ref的区别
关于Spring的配置的<bean id="person" class="service.Person"> <property name="axe" ref="axe"></property></bean>这里的name和ref虽然是同名的但是name是指Person类中的参数，Person类中有一个Axe类型名叫axe的对象...
2019-07-13 20:36:37
537
原创 Spring:Type mismatch: cannot convert from ClassPathXmlApplicationContext to ApplicationContext
原因：eclipse默认为我们导入一个不符合当前创建容器所需的ApplicationContext 包，需要手动替换后解除错误。解决办法：把默认导入的包：import org.apache.catalina.core.ApplicationContext;替换成：import org.springframework.context.ApplicationContext;...
2019-07-13 19:30:38
1466
转载 JSP中文乱码解决
JSP网页出现乱码的最根本的原因，在于（划重点！！！）——Web容器默认编码方式是iso-8859-1 。数据在JSP中传送接收的时候就会使用iso-8859-1编码方式来传输，比如我们提交表单，然后用request.getParameter()方法获得参数时，就会获得乱码。解决办法：在使用request对象前，先用request.setCharacterEncoding ("UTF-...
2019-07-12 21:23:38
105
原创 MySQL提示：Incorrect string value: ‘\xE8\x81\xBD\xE6\xB0\x93...‘ for column ‘message‘ at row1
这个问题是因为代码和数据库对字符的编码格式不一样导致的。所以我们要做的是统一代码和数据库的编码字符集。主要命令作用show create database [数据库名]查看MySQL数据库编码格式show create table [表名]查看MySQL数据表编码格式alter database [数据库名] character set [字符集名]修改数...
2019-07-12 17:11:33
3168
转载 使用CachedRowSetImpl时产生的错误
调用com.sun.rowset包中的CachedRowSetImpl类时，出现以下错误： Access restriction: Thetype ‘CachedRowSetImpl’ is not API (restriction on required library‘C:\Program Files\Java\jdk1.8.0_191\jre\lib\rt.jar’)中文翻译： ...
2019-07-12 12:42:08
1094
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人