- 博客(175)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 js输出[object Object]
问题描述：在页面上使用了ant design的分页组件，展示总条数为共多少条，在这里展示时使用了模板字符串(``)，即部分代码如下： <a-pagination class="myPagination" :total="total" :show-total="total => `共 ${total} 条`" />但是在接口返回数据时，如果未返回任何有效数据，接口返回了空对象，这时页面展示为共[object Object]条问题分析如果模.
2021-10-15 16:30:47
1785
原创 es6 常用知识点汇总
一、箭头函数写法一个参数，只包含一个表达式x => x * x一个参数，包含多条语句x => { if (x > 0) { return x * x; } else { return - x * x; }}两个参数（多参数需带括号）(x, y) => x * x + y * y无参数（无参数也要写括号）() => 3.14可变参数(x, y, ...rest) => {
2021-10-09 15:00:06
216
原创 Uncaught TypeError: document.registerElement is not a function at Object.UI.registerCustomElement
谷歌浏览器报错：Uncaught TypeError: document.registerElement is not a function at Object.UI.registerCustomElement (shell.js:3109)原因：谷歌浏览器版本兼容问题， document.registerElement 特性在谷歌80版本下是支持的，但是在80版本之上不支持，所以下载谷歌低版本就能解决该问题。...
2021-09-23 11:45:41
1009
原创 Vue基本指令
一、基本指令v-cloak 指令- 解决插值表达式，即{{ }}存在的“闪动”问题- 原理：先隐藏，替换好值之后再显示最终的值用法：（1）提供样式[v-cloak] { display: none; }（2）在插值表达式所在的标签中添加v-cloak指令v-text 指令- 填充纯文本 - 相比插值表达式更加简洁v-html 指令- 填充HTML片段- 存在安全问题，本网站内部数据可以用，来自第三方的数据不可用v-pre 指令- 显示原始信息，跳过编译过程v-
2021-07-26 22:27:39
147
原创 数据库错误原因分析
报错：ER_BAD_FIELD_ERROR: Unknown column ‘price’ in ‘order clause’"错误原因说明：要排序的语句中，有未知的字段解决方法：由于使用ORDER BY子句对查询数据进行排序，所以重点看sql语句中order by子句部分...
2021-04-30 23:04:56
486
1
原创 减少重绘和重排(重流)
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
642
原创 前端面试题
文章目录一、实现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
104
原创 js字符串类面试题
文章目录一、查找字符串中出现最多的字符和个数二、实现千位分隔符三、将字符串转换成驼峰命名法四、字符串查找五、判断是否是电话号码六、验证是否是邮箱七、验证是否是身份证八、模板引擎实现一、查找字符串中出现最多的字符和个数let str = "abcabcabcbbccccc";let num = 0;let char = ''; // 使其按照一定的次序排列str = str.split('').sort().join(''); // "aaabbbbbcccccccc"// 定义正则表达
2020-12-04 13:36:39
498
原创 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
631
原创 原生js实现轮播图详解全
一、原理：每次只显示一张图片，其余隐藏。通过计算偏移量利用定时器实现自动播放，或通过手动点击事件切换图片。二、实现：给最外面的div容器固定的宽高，使内部的ul和li与div宽高相同（height：100%；width:100%），设置overflow：hidden,只显示一张图片为了实现无缝切换效果，利用两张辅助图填补最后一张图切换到第一张图时的空白。即复制最后一张图片放置在第一张图片前，同时复制第一张图片放置在最后一张图片的后面。让内部的ul强制不换行（white-space: nowrap;
2020-12-03 15:58:03
993
1
原创 css实现左右宽度固定，中间自适应及上下宽度固定，中间自适应的方法
文章目录一、左右宽度固定，中间宽度自适应1. 使用浮动布局2. 使用弹性布局3. 使用绝对定位二、实现上下宽度固定，中间自适应1. 绝对定位2. flex弹性布局一、左右宽度固定，中间宽度自适应1. 使用浮动布局（1）左侧元素与右侧元素优先渲染，分别向左和向右浮动（2）中间元素在文档流的最后渲染，则会自动插入到左右两列元素的中间2. 使用弹性布局父元素开启flex，中间设置flex：13. 使用绝对定位二、实现上下宽度固定，中间自适应1. 绝对定位 <head> &
2020-12-01 21:24:40
809
原创 js事件循环
定义：同步和异步任务分别进入不同的执行环境，同步的进入主线程，即主执行栈，异步的进入任务队列。主线程内的任务执行完毕为空，会去任务队列读取对应的任务，推入主线程执行。 上述过程的不断重复就是我们说的 Event Loop (事件循环)。任务队列事件循环是通过任务队列的机制进行协调的。一个事件循环中可以有一个或多个任务队列，一个任务队列便是一系列有序任务的集合，每个任务都有一个任务源，源自同一个任务源的task必须放到同一个任务队列，从不同源来的则被添加到不同队列。setTimeout/Promise等.
2020-12-01 19:42:09
140
转载 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
173
原创 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
2070
原创 简易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
420
原创 关于p、h标签嵌套问题、嵌套规则汇总
实例1：p标签2层嵌套效果如下：文字正常显示，但是dom却和想象的不一样。个人理解是如果p标签后面没有跟结束标签则会自动补上结束标签，而如果p标签和结束标签正好配对，则不发生改变，但是如果只有结束标签，则会自动配上开始标签。实例2：p标签3层嵌套实例3： h标签嵌套问题分析：h标签并没有和p标签一样有多余的空标签对，而是把结束标签提前了，与开始标签配对。实例4：p标签和h标签互相嵌套...
2020-10-05 15:22:42
6330
转载 浏览器对象及层次关系
一、window对象功能: 顶层对象（根对象）,用来表示浏览器所打开的窗口书写格式:（1）正常书写: 窗口.属性 / 窗口.方法();（2）子窗口: opener.属性 / opener.方法();（3）框架: top.属性 / top.方法();（4）当前窗口: self.属性 / self.方法(); self也可以写成window常见属性:- name 窗口的名字.- closed 判断窗口是否己经被关闭,返回布尔值-
2020-10-04 21:17:44
1299
原创 谷歌浏览器快速恢复已经关闭的网页
一、 通过历史记录查询①可以点击页面右上角的三点找历史记录，恢复刚关闭的页面②或者长按后退箭头/右击后退箭头，也可快速找到历史记录页面二、快捷键Chrome浏览器撤销关闭页面的快捷键即Crtl+Shift+T。三、标签栏空白地方右键点击四、使用chrome插件例如：Simple Undo Close 插件...
2020-10-04 20:34:05
4156
原创 运用SSM框架所遇到的bug及解决方法
后台没有错误，前台控制器报错：Uncaught TypeError: window.location.href is not a function修改：把window.location.href(url)改成window.location=(url)
2020-06-23 10:51:24
1032
原创 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
227
原创 SSM简单流程全
一、SSM简介SSM（Spring+SpringMVC+MyBatis）框架集由Spring、MyBatis两个开源框架整合而成（SpringMVC是Spring中的部分内容）。常作为数据源较简单的web项目的框架。SpringSpring就像是整个项目中装配bean的大工厂，在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。也可以称之为项目中的粘合剂。Spring的核心思想是IoC（控制反转），即不再需要程序员去显式地new一个对象，而是让Spring框架帮你来完成这一切
2020-06-18 21:22:58
2656
1
原创 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
227
原创 快速上手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
248
原创 RFID技术小结
1.人机交互技术目前的人机交互主要依赖于人机交互图形界面和语音交互等。※ 人机交互存在的不足及发展趋势（1）人机交互存在的不足应用范围有限单调的信息输入方式信息识别困难（2）人机交互未来发展趋势多模态自然人机交互全方位感知的人机交互实现万物互联的多技术融合2.RFID技术（1）应答器是集成电路芯片形式，而集成芯片又根据它的封装不同表现的形式也不太一样。主要存放识别信息可以分为只读应答器、读/写应答器和具有识别功能的应答器。应答器天线部分主要用于数据通信和获取射频能
2020-06-11 21:02:28
951
原创 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
1211
原创 Linux网络与服务配置
一. 基础网络配置配置IP的三种方式（1) 图形界面配置打开配置按钮后要勾选自动连接。（2) 命令行命令配置Linux系统下IP配置命令为 ifconfig ，而window系统下命令为 ipconfig（3）直接修改配置文件（注意：写入配置文件并重启系统的配置才长期生效）虚拟机下的联网配置（1）虚拟网卡的添加及配置采用虚拟机方式运行的系统更能方便地添加多个网卡通过【虚拟机|虚拟机设置】菜单，在设置窗口中选择添加网络适配器。查看已添加的网卡具体配置信息虚拟网卡与宿主
2020-06-07 18:30:07
455
原创 虚拟内存
明确几点：用户编程面对的始终是虚拟内存通过各种函数调用操作内存时，系统返回的地址也都是虚拟地址；虚拟地址到物理地址的映射和管理由系统管理，用户不需操心，这也体现了操作系统屏蔽底层细节，方便用户使用的特性。例题：映射匿名虚存区实现共享内存※ 源代码：※ 运行及结果[flora@localhost ~]$ gedit mmap.c[flora@localhost ~]$ gcc mmap.c [flora@localhost ~]$ ./a.outchild 18397 write:
2020-06-07 17:15:48
185
原创 物联网概述小结
1.本质特征（1）互联网特征 ，即对需要联网的物一定要能够实现互联互通的互联网络；（2）识别与通信特征 ，即纳入物联网的“物”一定要具备自动识别、物物通信的功能；（3）智能化特征 ，即网络系统应具有自动化、自我反馈与智能控制的特点。 2.物联网定义：物联网是一种通过射频识别（RFID）、红外感应器、全球定位系统、激光扫描器等信息传感设备，按照约定协议，使物体与互联网相连接，进行信息交换和通信，以实现对物体的智能化识别、定位、跟踪、监控和管理的网络。...
2020-06-06 21:08:11
1161
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
454
原创 Anki教程
什么是Anki模板类型？什么是字段？https://zhuanlan.zhihu.com/p/121128518什么是Anki模板类型？什么是字段？
2020-05-24 18:08:28
512
原创 Linux 进程通信
文章目录1. 管道文件与普通文件的区别2. 匿名管道3. 命名管道 进程通信的实现方式有很多，本质都是在内核中开辟一块缓冲区（可以是内核空间、磁盘文件映射缓冲、共享内存区等），通信双方，一方把数据从用户空间写入内核缓冲区，另一方进程从缓冲区把数据读走。1. 管道文件与普通文件的区别2. 匿名管道实例：利用匿名管道实现父子进程通信#include <unistd.h>#include <errno.h>#include <stdio.h>#includ
2020-05-17 17:49:35
178
原创 LINUX下的进程与线程
1.系统的启动运行进程当用户进程init开始运行，就开始扮演用户进程的祖先角色，永远不会被终止。所以：计算机上的所有进程都是有上下亲属关系的，他们组成一个庞大的家族树。※ 观察linux下的进程间父子关系:pstree以树状结构方式列出系统中正在运行的各进程间的父子关系。ps ax -o pid,ppid,command基本进程编程(1)新建进程——forkpi...
2020-04-17 23:23:11
326
原创 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
528
原创 Shell脚本综合实例
文章目录一、执行脚本命令汇总二、shell传参三、综合示例一、执行脚本命令汇总bash text.shchmod a+x text.sh ./text.sh将当前文件所在的路径加入到环境变量中去，即修改环境变量，则可只输入文件名即能执行文件export PATH=$PATH:/(软件的路径名）二、shell传参脚本命令行输入传参——在执行命令时后加位置参数（...
2020-03-31 18:59:26
560
原创 Shell脚本编程
文章目录1.shell介绍Shell的概念是源自Unix的命令解释器。Shell不仅可解释用户输入的命令，同时可解释执行基于命令的脚本语言。使用shell脚本能提高用户操作和管理员进行系统管理的效率shell脚本擅长处理纯文本类型的数据，而Linux中几乎所有的配置文件、日志都是纯文本类型脚本书写规范：（1）脚本统一存放目录（2）选择解释器 开头 #！ 内核根据#!后的解释...
2020-03-28 19:27:18
593
原创 Linux进程管理
文章目录一、进程简介二、进程查看1.ps指令2.top指令三、进程管理命令1.进程的前后台2.进程的前后台调度3.kill命令一、进程简介1.进程是在CPU及内存中运行的程序代码，是动态执行的代码父、子进程：每个进程可以创建一个或多个进程2.系统在管理进程时，按照进程的相关属性对进程进行管理，常见的进程属性包括：（1）进程标识（PID）：每个进程在创建时会分配一个唯一的PID。（...
2020-03-28 17:37:53
220
原创 Linux用户权限管理
文章目录一、认识系统中的用户和组1.Linux的用户类型2.用户账户配置文件二、管理用户及组1. 添加用户2. 设置用户密码3. 删除用户三、用户切换四、文件与目录权限设置一、认识系统中的用户和组1.Linux的用户类型Linux用户类型分为3类：超级用户、普通用户和系统用户。（1）超级用户：又称为root用户，UID为0，拥有计算机系统的最高权限。所有系统的设置和修改都只有超级用户才能执...
2020-03-18 12:23:40
444
SSM框架所需使用的jar包（全）
2020-06-20
spring-ioc需要的包（5）个.rar
2020-06-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人