自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Flora_SM的博客

讷于言而敏于行

  • 博客(167)
  • 资源 (2)
  • 收藏
  • 关注

原创 减少重绘和重排(重流)

1. 最小化重绘和重流由于重绘和重排代价可能较为昂贵,因此最好可以减少它的发生次数。可以合并多次对dom和样式的修改,然后一次处理掉。例如const el = document.getElementById(‘test’);el.style.padding = ‘5px’;el.style.borderLeft = ‘1px’;el.style.borderRight = ‘2px’;该例中有3个样式属性被修改了,那么可以采取合并所有的改变然后一次处理。※ 方案一:使用cssText(设置

2020-12-21 15:54:04 25

原创 前端面试题

文章目录一、实现instanceOf二、模拟new三、模拟Object.create一、实现instanceOf// 模拟 instanceoffunction instance_of(L, R) { //L 表示左表达式,R 表示右表达式 var O = R.prototype; // 取 R 的显示原型 L = L.__proto__; // 取 L 的隐式原型 while (true) { if (L === null) return false; if (O

2020-12-04 13:37:54 15

原创 js字符串类面试题

文章目录一、查找字符串中出现最多的字符和个数二、实现千位分隔符三、将字符串转换成驼峰命名法四、字符串查找五、判断是否是电话号码六、验证是否是邮箱七、验证是否是身份证八、模板引擎实现一、查找字符串中出现最多的字符和个数let str = "abcabcabcbbccccc";let num = 0;let char = ''; // 使其按照一定的次序排列str = str.split('').sort().join(''); // "aaabbbbbcccccccc"// 定义正则表达

2020-12-04 13:36:39 52

原创 js解析url中的字符串

<script type="text/javascript"> var str = "https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=0"; function getUrl(str) { str = str.slice(str.indexOf("?") + 1); //结果:ie=utf-8&f=3&rsv_bp=0 var arr = str.split("&"); //结果: ["ie=utf-

2020-12-04 11:28:31 41

原创 原生js实现轮播图详解全

一、原理:每次只显示一张图片,其余隐藏。通过计算偏移量利用定时器实现自动播放,或通过手动点击事件切换图片。二、实现:给最外面的div容器固定的宽高,使内部的ul和li与div宽高相同(height:100%;width:100%),设置overflow:hidden,只显示一张图片为了实现无缝切换效果,利用两张辅助图填补最后一张图切换到第一张图时的空白。即复制最后一张图片放置在第一张图片前,同时复制第一张图片放置在最后一张图片的后面。让内部的ul强制不换行(white-space: nowrap;

2020-12-03 15:58:03 142 1

原创 css实现左右宽度固定,中间自适应及上下宽度固定,中间自适应的方法

文章目录一、左右宽度固定,中间宽度自适应1. 使用浮动布局2. 使用弹性布局3. 使用绝对定位二、实现上下宽度固定,中间自适应1. 绝对定位2. flex弹性布局一、左右宽度固定,中间宽度自适应1. 使用浮动布局(1)左侧元素与右侧元素优先渲染,分别向左和向右浮动(2)中间元素在文档流的最后渲染,则会自动插入到左右两列元素的中间2. 使用弹性布局父元素开启flex,中间设置flex:13. 使用绝对定位二、实现上下宽度固定,中间自适应1. 绝对定位 <head> &

2020-12-01 21:24:40 58

原创 js事件循环

定义:同步和异步任务分别进入不同的执行环境,同步的进入主线程,即主执行栈,异步的进入任务队列。主线程内的任务执行完毕为空,会去任务队列读取对应的任务,推入主线程执行。 上述过程的不断重复就是我们说的 Event Loop (事件循环)。任务队列事件循环是通过任务队列的机制进行协调的。一个事件循环中可以有一个或多个任务队列,一个任务队列便是一系列有序任务的集合,每个任务都有一个任务源,源自同一个任务源的task必须放到同一个任务队列,从不同源来的则被添加到不同队列。setTimeout/Promise等.

2020-12-01 19:42:09 18

转载 js数组去重的简便方法

文章目录1. 利用ES6 Set去重2. 利用for循环嵌套for,然后splice去重3. 利用indexOf去重4. 利用Sort()5. 利用includes6. 利用filter7. 利用Map数据结构去重1. 利用ES6 Set去重function uique(arr) { return Array.from(new Set(arr));}//更简便的写法[...new Set(arr)]注意:这种方法无法去掉{}空对象2. 利用for循环嵌套for,然后splice去重

2020-11-30 21:44:51 21

原创 js中自己实现bind方法及详解

详细代码如下:if (!Function.prototype.bind) { Function.prototype.bind = function () { var self = this, // 保存原函数 context = [].shift.call(arguments), // 保存需要绑定的this上下文 args = [].slice.call(arguments); // 剩余的参.

2020-11-30 12:56:32 83

原创 简易for循环i指向问题解决方法

题目:for(var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 300);}得到的结果是5个5若想正确出现下标0,1,2,3,4则需要修改上面的代码目前想到的有下面几种方法方法一:立即执行函数传参for(var i = 0; i < 5; i++) { (function(i) { setTimeout(function() { console.log(i); },

2020-10-19 19:24:19 45

原创 关于p、h标签嵌套问题、嵌套规则汇总

实例1:p标签2层嵌套效果如下:文字正常显示,但是dom却和想象的不一样。个人理解是如果p标签后面没有跟结束标签则会自动补上结束标签,而如果p标签和结束标签正好配对,则不发生改变,但是如果只有结束标签,则会自动配上开始标签。实例2:p标签3层嵌套实例3: h标签嵌套问题分析:h标签并没有和p标签一样有多余的空标签对,而是把结束标签提前了,与开始标签配对。实例4:p标签和h标签互相嵌套...

2020-10-05 15:22:42 327

转载 浏览器对象及层次关系

一、window对象功能: 顶层对象(根对象),用来表示浏览器所打开的窗口书写格式:(1)正常书写: 窗口.属性 / 窗口.方法();(2)子窗口: opener.属性 / opener.方法();(3)框架: top.属性 / top.方法();(4)当前窗口: self.属性 / self.方法(); self也可以写成window常见属性:- name 窗口的名字.- closed 判断窗口是否己经被关闭,返回布尔值-

2020-10-04 21:17:44 95

原创 谷歌浏览器快速恢复已经关闭的网页

一、 通过历史记录查询①可以点击页面右上角的三点找历史记录,恢复刚关闭的页面②或者长按后退箭头/右击后退箭头,也可快速找到历史记录页面二、快捷键Chrome浏览器撤销关闭页面的快捷键即Crtl+Shift+T。三、标签栏空白地方右键点击四、使用chrome插件例如:Simple Undo Close 插件...

2020-10-04 20:34:05 114

原创 运用SSM框架所遇到的bug及解决方法

后台没有错误,前台控制器报错:Uncaught TypeError: window.location.href is not a function修改:把window.location.href(url)改成window.location=(url)

2020-06-23 10:51:24 184

原创 jQuery效果

文章目录1. 隐藏和显示2. 淡入淡出3. 滑动1. 隐藏和显示(1)hide() 和 show() ——隐藏和显示 HTML 元素√ 语法:$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度,可以取以下值:“slow”、“fast” 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。√ 实例:$(document).ready(f

2020-06-21 21:27:31 67

原创 SSM简单流程全

一、SSM简介SSM(Spring+SpringMVC+MyBatis)框架集由Spring、MyBatis两个开源框架整合而成(SpringMVC是Spring中的部分内容)。常作为数据源较简单的web项目的框架。SpringSpring就像是整个项目中装配bean的大工厂,在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。也可以称之为项目中的粘合剂。Spring的核心思想是IoC(控制反转),即不再需要程序员去显式地new一个对象,而是让Spring框架帮你来完成这一切

2020-06-18 21:22:58 152

原创 Mybatis快速上手

文章目录1. 什么是Mybatis2. 开发流程3. 简单测试案例4. 问题解决1. 什么是MybatisMyBatis是支持普通SQL查询,存储过程和高级映射的优秀持久层框架。MyBatis封装了几乎所有的JDBC代码和参数的手工设置以及结果集的检索;MyBatis使用简单的XML或注解做配置和定义映射关系将Java的POJOs ( Plain Old Java Objects )映射成数据库中的记录。2. 开发流程导入MyBatis开发包和数据库驱动包在src下添加MyBatis主配

2020-06-17 20:33:23 106

原创 快速上手SpringMVC操作流程

文章目录1. MVC模式简介2. Spring Web MVC的核心组件3. 处理流程4. 一个简单流程实例:1. MVC模式简介M——Model模型:主要负责业务逻辑。包含两层:业务数据和业务处理逻辑。比如实体类、DAO、Service都属于模型层V——View视图:负责显示界面和用户交互(收集用户信息)。属于视图的组件是不包含业务逻辑和控制逻辑的JSP。C——Controller控制器:控制器是模型层和视图层间的桥梁,用于控制流程。比如:在Servlet项目中的单一控制器ActionServl

2020-06-16 20:39:58 104

原创 RFID技术小结

1.人机交互技术目前的人机交互主要依赖于人机交互图形界面和语音交互等。※ 人机交互存在的不足及发展趋势(1)人机交互存在的不足应用范围有限单调的信息输入方式信息识别困难(2)人机交互未来发展趋势多模态自然人机交互全方位感知的人机交互实现万物互联的多技术融合2.RFID技术(1)应答器是集成电路芯片形式,而集成芯片又根据它的封装不同表现的形式也不太一样。主要存放识别信息可以分为只读应答器、读/写应答器和具有识别功能的应答器。应答器天线部分主要用于数据通信和获取射频能

2020-06-11 21:02:28 172

原创 Https实验——配置web网站

web网站配置过程//1.yum安装httpd服务程序[root@localhost ~]# yum install httpd//查找相关配置文件(主配置文件)[root@localhost ~]# rpm -ql httpd|grep "/etc/.*.conf"//2.配置www服务器相关参数//(1)观察主配置文件 /etc/httpd/conf/httpd.conf[root@localhost ~]# grep -v "#" /etc/httpd/conf/httpd.conf

2020-06-11 18:00:46 94

原创 Linux网络与服务配置

一. 基础网络配置配置IP的三种方式(1) 图形界面配置打开配置按钮后要勾选自动连接。(2) 命令行命令配置Linux系统下IP配置命令为 ifconfig ,而window系统下命令为 ipconfig(3)直接修改配置文件(注意:写入配置文件并重启系统的配置才长期生效)虚拟机下的联网配置(1)虚拟网卡的添加及配置采用虚拟机方式运行的系统更能方便地添加多个网卡通过【虚拟机|虚拟机设置】菜单,在设置窗口中选择添加网络适配器。查看已添加的网卡具体配置信息虚拟网卡与宿主

2020-06-07 18:30:07 112

原创 虚拟内存

明确几点:用户编程面对的始终是虚拟内存通过各种函数调用操作内存时,系统返回的地址也都是虚拟地址;虚拟地址到物理地址的映射和管理由系统管理,用户不需操心,这也体现了操作系统屏蔽底层细节,方便用户使用的特性。例题:映射匿名虚存区实现共享内存※ 源代码:※ 运行及结果[flora@localhost ~]$ gedit mmap.c[flora@localhost ~]$ gcc mmap.c [flora@localhost ~]$ ./a.outchild 18397 write:

2020-06-07 17:15:48 102

原创 物联网概述小结

1.本质特征(1)互联网特征 ,即对需要联网的物一定要能够实现互联互通的互联网络;(2)识别与通信特征 ,即纳入物联网的“物”一定要具备自动识别、物物通信的功能;(3)智能化特征 ,即网络系统应具有自动化、自我反馈与智能控制的特点。 2.物联网定义:物联网是一种通过射频识别(RFID)、红外感应器、全球定位系统、激光扫描器等信息传感设备,按照约定协议,使物体与互联网相连接,进行信息交换和通信,以实现对物体的智能化识别、定位、跟踪、监控和管理的网络。...

2020-06-06 21:08:11 788 1

原创 html基础重点总结

文章目录1.代码的书写顺序2.关于浮动3.关于居中4.关于定位1.代码的书写顺序板块(框架)→有效区→具体内容→样式2.关于浮动一但元素加了float语句,则要跟着写clear语句(因为浮动之后父级的高度就会丢失掉,加上clear就可以把父级丢失掉的高度找回来)、代码:<div class="clear"></div>样式:.clear{ clear: both;}3.关于居中div居中:margin: 0 auto;4.关于定位一般是子元素相对

2020-05-27 18:27:13 127

原创 Anki教程

什么是Anki模板类型?什么是字段?https://zhuanlan.zhihu.com/p/121128518什么是Anki模板类型?什么是字段?

2020-05-24 18:08:28 219

原创 Linux 进程通信

文章目录1. 管道文件与普通文件的区别2. 匿名管道3. 命名管道  进程通信的实现方式有很多,本质都是在内核中开辟一块缓冲区(可以是内核空间、磁盘文件映射缓冲、共享内存区等),通信双方,一方把数据从用户空间写入内核缓冲区,另一方进程从缓冲区把数据读走。1. 管道文件与普通文件的区别2. 匿名管道实例:利用匿名管道实现父子进程通信#include <unistd.h>#include <errno.h>#include <stdio.h>#includ

2020-05-17 17:49:35 78

原创 LINUX下的进程与线程

1.系统的启动运行进程当用户进程init开始运行,就开始扮演用户进程的祖先角色,永远不会被终止。所以:计算机上的所有进程都是有上下亲属关系的,他们组成一个庞大的家族树。※ 观察linux下的进程间父子关系:pstree以树状结构方式列出系统中正在运行的各进程间的父子关系。ps ax -o pid,ppid,command基本进程编程(1)新建进程——forkpi...

2020-04-17 23:23:11 174

原创 Linux下的编程开发——系统调用编程

文章目录一、工具介绍1.GCC编译工具2.GDB调试器3.MAKE工具二、系统调用的概念系统调用与库函数一、工具介绍1.GCC编译工具(1)工作过程(2)gcc 常用参数(3)实例:※ 实例1:输出hello world步骤:①编写hello.c文件并保存②编译:gcc hello.c  结果文件缺省名为a.out或gcc hello.c -o hello  指定结果...

2020-04-11 17:53:43 175

原创 Shell脚本综合实例

文章目录一、执行脚本命令汇总二、shell传参三、综合示例一、执行脚本命令汇总bash text.shchmod a+x text.sh   ./text.sh将当前文件所在的路径加入到环境变量中去,即修改环境变量,则可只输入文件名即能执行文件export PATH=$PATH:/(软件的路径名)二、shell传参脚本命令行输入传参——在执行命令时后加位置参数(...

2020-03-31 18:59:26 258

原创 Shell脚本编程

文章目录1.shell介绍Shell的概念是源自Unix的命令解释器。Shell不仅可解释用户输入的命令,同时可解释执行基于命令的脚本语言。使用shell脚本能提高用户操作和管理员进行系统管理的效率shell脚本擅长处理纯文本类型的数据,而Linux中几乎所有的配置文件、日志都是纯文本类型脚本书写规范:(1)脚本统一存放目录(2)选择解释器 开头 #! 内核根据#!后的解释...

2020-03-28 19:27:18 149

原创 Linux进程管理

文章目录一、进程简介二、进程查看1.ps指令2.top指令三、进程管理命令1.进程的前后台2.进程的前后台调度3.kill命令一、进程简介1.进程是在CPU及内存中运行的程序代码,是动态执行的代码父、子进程:每个进程可以创建一个或多个进程2.系统在管理进程时,按照进程的相关属性对进程进行管理,常见的进程属性包括:(1)进程标识(PID):每个进程在创建时会分配一个唯一的PID。(...

2020-03-28 17:37:53 77

原创 Linux用户权限管理

文章目录一、认识系统中的用户和组1.Linux的用户类型2.用户账户配置文件二、管理用户及组1. 添加用户2. 设置用户密码3. 删除用户三、用户切换四、文件与目录权限设置一、认识系统中的用户和组1.Linux的用户类型Linux用户类型分为3类:超级用户、普通用户和系统用户。(1)超级用户:又称为root用户,UID为0,拥有计算机系统的最高权限。所有系统的设置和修改都只有超级用户才能执...

2020-03-18 12:23:40 144

原创 Linux小问题汇总

1、文件名有空格怎么办用引号 :cp “1 file” file2用转义符\ :cp 1\file file3

2020-03-13 17:48:30 71

原创 Linux 常用文本编辑器

文章目录1、nano1、nano在命令行下输入nano,回车即可进入nano界面保存: Ctrl + O查看帮助文档: Ctrl + G退出帮助文档: Ctrl + X离开:Ctrl + X

2020-03-05 10:50:18 545

原创 Linux零碎命令汇总

1、echo命令直接带字符串:显示内容到屏幕带选项 -n: 回显指定字符串后不换行带选项 -e: 输出转义字符

2020-03-05 09:58:44 112

原创 Linux 目录和文件指令

目录操作命令1、pwd显示当前工作目录的绝对路径注意:①绝对路径:指从根目录(/)开始到当前目录(文件)的路径;②相对路径:指从当前目录到其下子目录(文件)的路径。2、mkdir 创建目录命令格式: mkdir [选项] [目录]同时创建多个目录:mkdir d1,d2,d3(同时创建d1,d2,d3三个目录) 创建包含子目录的目录:mkdir -p ...

2020-02-28 19:05:38 328

原创 Linux基本命令

(1)浏览根目录下的文件:ls /(2)用户:切换用户:普通用户切换到root用户:①su root 或直接②su即可(需输入root用户的密码)root用户切换到普通用户:①su username(普通用户名)——无需输入密码即可切换 或者 ②直接exit退出用户登录:exit 修改用户密码:passwd(3)帮助命令:help获取内置命令帮助信息:help xx...

2020-02-23 13:53:22 101

原创 SSH——Spring、Struts2、Hibernate

表示层利用Struts2实现,借助于Struts2的MVC模式,使视图和访问控制分离,模块结构更加清晰,处理用户请求的编码更加简化。 数据访问层由Hibernate实现,利用Hibernate可以简化数据库编程。 Spring 主要起到集成系统各组成部分的作用,利用Spring IoC实现对Bean的管理,通过配置方式实现对象及依赖管理,降低了模块间的依赖性,简化了程序设计。同时,Spring...

2020-01-02 20:38:34 130

原创 Spring对Web应用的支持

案例一:设计Web程序,在jsp页面获取SpringIoC,并显示有关信息。分析:首先在web.xml中配置信息,使之自动创建并装载SpringIoC容器,然后建立一个JavaBean,并包含获取信息的方法,最后设计jsp页面,获取信息并显示。代码:(1)创建web工程,并在web.xml中配置信息<?xml version="1.0" encoding="UTF-8"?&...

2020-01-02 18:45:41 87

原创 Spring的数据库访问框架

基于Spring框架访问数据库,都需要配置对数据源的引用,建立对数据库访问的连接。这里主要给出两种方式:①基于JDBC的数据源配置注入 ②基于连接池(C3P0)数据源的配置注入案例一:利用Spring框架,并基于JDBC数据源注入方式,实现对数据库的访问,完成在数据库表中插入和查询数据(假设使用MySQL数据库)。步骤:建立工程,并搭建环境,导入jar包 创建配置文件appli...

2020-01-02 18:04:24 372

SSM框架所需使用的jar包(全)

这里提供了SSM框架开发所必须使用的jar包汇总,包含了dao、dbcp、Mybatis-Spring整合包、Mybatis和数据库驱动包、Spring-aop 、spring-ioc、spring-web需要的jar包。

2020-06-20

spring-ioc需要的包(5)个.rar

提供java编程时实现spring ioc所必需的jar包(commons-logging.jar、spring-beans-3.2.8.RELEASE.jar、spring-context-3.2.8.RELEASE.jar、spring-core-3.2.8.RELEASE.jar、spring-expression-3.2.8.RELEASE.jar)

2020-06-17

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除