自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(45)
  • 收藏
  • 关注

原创 身份证正则表达式(常见)

身份证正则表达式(常见)15位的身份证正则表达式:/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;解释:[1-9]\d{5}                             &n

2021-09-28 21:36:51 10791

原创 什么?防抖节流就是一个这么简单的玩意?

防抖节流个人看法讲解一、对防抖节流的认知我以为的防抖节流:实际上的防抖节流:详细请往下看二、我开始正经了-------------------防抖 -------------------首先先看一个问题:公司给了一个电商里一个搜索框的小模块,需求:1.用户输入关键词2.系统给出推荐的相关商品解决思路:简单,一个输入框加一个oninput事件,事件里执行推荐操作不就搞定啦?错错错!如果你是这样想的,你会得到下面的效果:你会发现,用户每输入一个字你就进行一次处理,我这里举例用的是.

2021-09-27 23:10:42 4636 2

原创 call()、apply()、bind()方法的区别和相似点

call()、apply()、bind()方法的区别和相似点一、切换函数执行的上下文环境(context),即 this 绑定的对象。1.call() 方法是预定义的 JavaScript 方法。2.apply() 方法接受数组形式的参数。编写用于不同对象的方法。3.bind()方法主要就是将函数绑定到某个对象,bind()会创建一个函数,函数体内的this对象的值会被绑定到传入bind()中的第一个参数的值,例如:f.bind(obj),实际上可以理解为obj.f(),这时f函数体内的this

2021-09-27 11:15:52 3312

原创 相对定位、绝对定位、固定定位、粘滞定位、静态定位的参照和区别

相对定位、绝对定位、固定定位、粘滞定位、静态定位的参照和区别定位类型参考点是否脱离文档流相对定位相对原先自己的位置不脱离绝对定位相对具有定位属性的上层元素脱离固定定位相对浏览器窗口定位脱离粘滞定位相对定位+固定定位组合,有临界值脱离...

2021-09-26 10:54:55 343

原创 Cannot use import statement outside a module

问题:Cannot use import statement outside a module解决方法:1.打开package.json文件2.在“main”:'xxxxx.xxx’下面添加代码"type":"module",注意:末尾添加逗号3.保存关闭package.json文件

2021-09-26 09:29:32 420

原创 什么!?ES6这么好用,我居然不知道?

一、新增let和const关键字块级作用域变量声明提升初始值varYY-letXXconstXY必须有二、新增箭头函数//普通函数var fn1 = function (param) { return param++;}// 箭头函数let fn2 = (param) => { return param++;}三、新增 '扩展运算符 ’ 和 ‘解构’ 操作扩展运算符…会把数组中的每一项展开,分别赋值给等

2021-09-24 21:13:18 95

原创 用Babel-cli将ES6转ES5

用Babel-cli将ES6转ES5一、为什么要转ES5      虽然ES6非常好用,但并不是所有浏览器所有客户端都适应ES6的,降成ES5是为了更强的使用性。二、安装转换工具 babel-cli1.第一步初始化文件夹(如果已经有package.json文件说明已经初始化过了,可以跳过)右键在文件夹在终端中打开,输入命令npm init -y或者cnpm init -y2.在终端继续输入命令cnpm install --global babel-cli安装 ba

2021-09-24 20:27:17 449

原创 ES6模块化,前端工程的核心!

ES6模块化,前端工程的核心!一、什么是模块化?为什么要模块化?概念:        模块化把一个复杂的程序板块划分成多个小模块,每一个小模块实现某一特定的功能,目的是为了降低耦合度,提高复用率。模块化的好处:代码可读性高便于维护方便各模块间组合复用有利于多人共同维护一个项目可进行单元测试二、ES6中的模块化1.背景     在 ES6 之前,社区制定

2021-09-24 19:59:45 163

原创 密码输入框(暗文输入)

密码输入框(暗文输入)一、暗文与明文密码框实际上就是一个设置了type属性 的 input标签明文输入:<input type="text">暗文输入:<input type="password">二、效果三、代码 明文<input type="text"> <br> 暗文<input type="password">四、扩展常用的type属性取值还有type效果radio单选框

2021-09-24 10:24:58 1246

原创 鼠标悬浮时缓慢放大图片(过渡transition)

鼠标悬浮时缓慢放大图片(过渡transition)一、不添加过渡效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,

2021-09-24 09:58:34 629

原创 什么是Flex布局?

Flex布局别名:弹性布局、一、使用方法在需要开启flex布局的元素(father)添加样式<style>.father{display: flex;}</style>二、关键属性1. flex-wrap 换行属性(是否换行)取值:nowrap(默认) | wrap| wrap-reversewrap表示换行,即项目不会等分容器宽度,而是根据自身宽度进行排列,如果超出父容器宽度则自然换行。wrap-reverse同样表示换行,需要注意的是第一排会紧贴容器

2021-09-22 23:00:56 2161

原创 三分钟弄懂计数排序算法

三分钟弄懂计数排序算法一、使用情景:1.数据量大2.数据范围小二、低配版计数排序历程导图:代码:(javaScript)//一、 低配版,只能对没有归属关系的数据排序,可能会浪费用不到的数组空间function baseCountingSort(arr) { // 1.找出最大值 var max = arr[0] arr.forEach(elem => { if (elem > max) max = elem

2021-09-16 22:23:39 197

原创 Ajax是什么?Ajax的作用和使用

Ajax是什么?Ajax的作用和使用一、Ajax是什么?​         Ajax是一种使用现有技术集合,技术内容包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。​         用于浏览器与服务器之间使用异步数据传输(HTTP

2021-09-15 16:19:04 22524 2

原创 用画布canvas简单画时钟表

用画布canvas画时钟表一、效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">

2021-09-14 20:14:05 228

原创 画布canvas的基础使用

画布canvas的基础使用一、基本用法(1)创建并获取canvas对象–获取画布通过document.getElementById()等方法取得canvas对象。(2)取得上下文(context)图形上下文是一个封装了很多绘图功能的对象,用于实现绘制操作,参数只能是“2d”(3)定义填充样式context.fillStyle=‘red’(4)绘制填充图形、线条、边框、图像等例1:绘制一个填充矩形效果:html代码 <!-- 创建一个画布对象 --> <canv

2021-09-14 18:23:48 1505

原创 jQuery注意点及常用函数总结

jQuery注意点及常用函数总结1. 1.jQuery库包含以下功能          * HTML选取          * HTML元素操作          * CSS操作         * HTML事件函数          *

2021-09-14 16:01:11 71

原创 什么是深拷贝和浅拷贝,如何进行浅拷贝?

什么是深拷贝和浅拷贝,如何进行浅拷贝一、了解深浅拷贝前先来了解一个堆区、栈区栈区存放基础数据类型的值(引用或常量)堆区存放引用数据类型的值浅拷贝:直接赋值地址深拷贝:在内存中新建一个新的拷贝对象,将引用赋值二、数组深拷贝1.for循环拷贝2.slice()3.concat()4.ES6的扩展运算符…三、对象深拷贝方法1:使用 JSON.parse(JSON.stringify(obj));var obj={ name:'zhangsan', age:12}var

2021-09-10 18:32:27 970

原创 500错误及服务器内部错误

500错误及服务器请求错误一、简言:500错误代表着你请求的后端或者说服务器端出现了错误。        可能的原因非常多,因为很多程序内部都会把代码运行出现的错误捕捉然后直接返回一个“服务器内部错误500”,这也就导致了我们在前端发送请求时见到的错误500次数如此多的原因。因为有些时候不管后台哪一个地方的逻辑错了,都会给我们返回500.二、500到底是什么?     &nbsp

2021-09-10 16:45:36 1100

原创 JavaScript常见面试题及答案(1)

JavaScript常见面试题及答案(1)1.js组成ECMAScript,描述了该语言的语法和基本对象。(JS核心语言标准)文档对象模型(DOM),描述处理网页内容的方法和接口。是针对XML的基于树的API。描述了处理网页内容的方法和接口是HTML和XML的API,DOM把整个页面规划成由节点层级构成的文档。浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。2.js代码可以运行在什么地方1.Nodejs环境下2.浏览器中3.js里面的内置函数及对象有哪些

2021-09-09 11:14:44 545

原创 JavaScript内置对象总结

JavaScript内置对象总结方法描述Arguments函数参数类数组对象Array数组对象Boolean布尔对象Date日期时间Error异常对象Function函数构造器对象Match数值对象Object基础对象RegExp正则表达式对象String字符串对象...

2021-09-02 17:50:06 63

原创 JavaScript中常用预定义函数(内置函数)总结

JavaScript中常用预定义函数总结方法描述eval()对一串字符串形式的JavaScript代码字符求值isFinite()isFinite()函数判断传入的值是否是有限的数值。 如果需要的话,其参数首先被转换为一个数值isNaN()isNaN()函数判断一个值是否是NaN。注意:isNaN函数内部的强制转换规则十分有趣; 另一个可供选择的是ECMAScript 6 中定义Number.isNaN() , 或者使用 typeof来判断数值类型。parseF

2021-09-02 17:09:35 251

原创 JavaScript中Array数组类型常用方法总结

Array数组类型常用方法总结一、.数组序列化方法描述toString()在默认情况下都会以逗号分隔字符串的形式返回数组项join()使用指定的字符串用来分隔数组字符串二、构造函数的方法方法描述Array.isArray()用来判断某个变量是否是一个数组对象Array.from()从类数组对象或者可迭代对象中创建一个新的数组实例Array.of()根据一组参数来创建新的数组实例,支持任意的参数数量和类型三、栈与队列方法

2021-09-02 17:04:20 100

原创 JavaScript中String类型常用方法总结

String类型常用方法总结一、字符方法方法描述charAt(index)返回指定索引位置的字符charCodeAt(index)以Unicode编码形式返回指定索引位置的字符二、字符串操作方法方法描述concat()连接字符串。slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。substring()提取字符串中两个指定的索引号之间的字符。substr()从起始索引号提取字符串中指定数目的字符

2021-09-02 16:45:48 119

原创 java中Integer的最大最小值

java中Integer是有最大值和最小值的最大值为Integer.MAX_VALUE = 2147483647最小值为Integer.MIN_VALUE = -2147483648注意:两个值并没有互为相反数有 Integer.MAX_VALUE + 1 = Integer.MIN_VALUE同理 Integer.MIN_VALUE - 1 = Integer.MAX_VALUE...

2021-09-02 09:10:06 11055 2

原创 FED12字符串字符统计(javaScript中给对象循环声明多个属性)

1.前言:今天在牛客网看到一道题统计字符串中每个字符的出现频率,返回一个 Object,key 为统计字符,value 为出现频率不限制 key 的顺序输入的字符串参数不会为空忽略空白字符2.我的思路          我的第一想法是直接用Map来做,但是仔细看了一下题发现需要返回一个对象,我就猜到了这题要考的是,对对象的掌握。于是我就有了下面的思路:1.创建一个对象2.创建一个数组把输入进来的字符串转出字符串数组3.遍历字符串数组,

2021-08-31 19:22:02 94

原创 ReferenceError: XXXX is not defined

名字写错了!!!名字写错了!!!名字写错了!!!;你检测一下函数名或者变量名就八九不离十了还不走看啥呢?我发现CSDN写博客的换行还有行首空两格操作,真是把我整吐了,居然要这么长换行<p><span><span style="font-family:Verdana, Arial, Helvetica, sans-serif;line-height:19px;text-indent:26px;"><span style="font-size:14px;

2021-08-31 17:45:45 1022 1

原创 JS进制转换后如何补零(rgb字符串转换)

题目:将 rgb 颜色字符串转换为十六进制的形式,如 rgb(255, 255, 255) 转为 #ffffffrgb 中每个 , 后面的空格数量不固定十六进制表达式使用六位小写字母如果输入不符合 rgb 格式,返回原始输入思路:为什么要补零?因为位数不够。好!那就判断位数是否正确,不正确就补零function rgb2hex(sRGB) { var pattern = /rgb\(( *\d{1,3},)( *\d{1,3},)( *\d{1,3})\)/ if(patter

2021-08-31 16:59:41 957

原创 sql server降版本操作。针对:执行 Transact-SQL 语句或批处理时发生了异常。 (Microsoft.SqlServer.ConnectionInfo) 数据库 ‘在线考试‘ 的版本

sql server高版本数据库导出到低版本数据库情况解释:我起手刚搭了个服务器,装的是2012版本的sql server,但是我写项目用的是2019版本的呀。导不进去,可急死我了,心想着不会白做了吧????差点一度自闭一、错误显示二、原因 sql server 向下兼容,即高版本能用低版本分离过来的数据库,而低版本无法使用高版本的数据库。三、解决方法:sql脚本生成 1.回到我们的高版本sql server,选择要导出的数据库,点击生成脚本2.选择为整个数据库编写脚本3.

2021-08-07 08:08:30 2151

原创 在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误。未找到或无法访问服务器。请验证实例名称是否正确并且 SQL Server 已配置为允许远程连接。

SQL Server 链接不上一、问题截图二、原因 后台里的服务没开,或者因为什么关掉了 就是这玩意三、解决方法 1.windows搜索->服务2.找到服务,右键启动服务就行四、总结sql server还是非常好用的,不过有些公司总是为了稳定或者其它原因选择低版本的sql server让我这种喜欢较信版本的不是很友好,因为sql server也是向下兼容的。导致我2019sql server 分离出来的数据库放到服务器上2012版本的sql server上就附加不上

2021-08-07 07:19:58 120

原创 iconfont的正确使用、引入

Iconfont 图标的引入使用一、引言Iconfont 全名阿里巴巴矢量图标库作为为数不多的icon免费平台,iconfont已经成为前端程序员必不可少的组件库库存之一。​ 虽然说免费,可是并不是说它不好用,相反它好用的不得了呀,只需要一个链接一个标签就能快速使用各式各样的图标,对于我这种啥也不会的初学者来说简直是人间仙境呀!二、iconfont多色图标引入使用1.上网站搜索关键词找图标,选几个长得比较顺眼的加入购物车(前提是你已经登入了),这里我一次性选了3个。然后打开购物车,点击加入项目(

2021-08-06 20:49:27 2335

原创 VSCode超实用快捷键(最常用)

每天不定时更新快速生成头文件注释:Ctrl+alt+i快速生成方法注释:Ctrl+alt+t快速寻找下一个:双击 ctrl+d ctrl+u快捷整理代码:shift+alt+f光标 移动到下一行:Crtl+Enter自动补全:table在浏览器中打开:Alt+B转到上一个错误:Alt+F8转到下一个错误: F8块注释:Shuft+Alt+a行注释:Ctrl+/关闭编辑区:Ctrl+w关闭所有编辑器:Ctrl+k+w新建窗口:Ctrl+Shift+n隐藏侧.

2021-08-05 14:05:14 2207

原创 将ASP.NET项目发布到腾讯云IIS

Part-two:将ASP.NET项目发布到腾讯云IIS工具\原料1.腾讯云轻量级服务器2.准备好的sql server 2012 r2 安装包(http://xz.cncrk.com:8080/soft/keygen/SQLServer2012.rar)3.在本地电脑上发布成功的项目压缩包4.了解ASP.NET如何在本地部署,如还不了解,可以看一下https://blog.csdn.net/qq_42822993/article/details/119390309一、将发布好的ASP.N

2021-08-04 19:00:24 1297

原创 ASP.NET项目发布部署到locallhost“本地“IIS服务器

Part-one:将ASP.NET项目发布到本地IIS工具\原料vs2019windows 10一、将ASP.NET项目发布到本地1.选中解决方案,点击鼠标“右键”—>从弹出对话框中,选择“清理解决方案”。2.“清理解决方案”结束后,选中“解决方案”—>点击鼠标“右键”—>在弹出对话框中,选择“重新生成解决方案”。3.“右键”项目—>在弹出对话框中,选择“发布”。4.选择文件夹5.事先创建好一个文件夹用来放我们发布成功后的文件,软化选择它6.点

2021-08-04 18:30:35 7094 2

原创 AxureRP9利用中继器实现增删改查(表格)

利用中继器实现增删改查一、将数据绑定到中继器上显示1.将中继器拖到画布上,双击进入中继器内部开始编辑[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cOVgrT5L-1627634272038)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210730142111474.png)]2.将一个表格拖入画布删掉不需要的行,编辑列名[外链图片转存失败,源站可能有防盗链机制

2021-07-31 19:19:34 9522 4

原创 google正在等待cnd.bootcss.com的响应

google正在等待cnd.bootcss.com的响应跟进一个vue的项目,结果半天没加载进去百度一看是cnd.bootcss.com最近不太行,部分迁移到cdnjs.cloudflare.com/ajax/libs里面去了解决方法1.找到vue项目里的index.html,一般都放在inde.html里2.ctrl+f查询cnd.bootcss.com,执行替换后重新启动项目即可把cnd.bootcss.com 替换成cdnjs.cloudflare.com/ajax/libs.

2021-04-07 19:29:24 536

原创 IDEA如何设置允许一个类并行

IDEA类并行(多个实例)IDEA默认是不允许一个类运行同时运行多个实例的,需要设置设置之前:设置过程如下:在编码区右键空白处More Run/Debug----->Modify Run Configuration---->modify options---->Allow mutiple instances设置成功后运行多个实例...

2021-04-05 19:32:12 2899 3

原创 Mysql安装并链接navicat

Mysql安装并链接navicat一、Mysql安装1.运行Mysql安装包2.选择自定义版本3.点击选定8.03.234版本并点击小箭头4.Next5.Execute6.什么都别动,NEXT7.Next8.设置自己的登入密码,next9.Next10.execute11.Finish12.Next二、将Mysql与Navicat连接1.启动Navicat2.建立连接3.自己取一个连接名字,并输入Mysql的登入密码,点击链接测试4.然后你会发现弹出了一

2021-04-03 16:42:26 271

原创 在vscode中打开PDF文件

在vscode中打开PDF文件需要安装一个名为“vscode-pd”的插件操作如下重新打开PDF文件即可

2021-04-02 21:32:56 3754

原创 Vue中[email protected] serve: `vue-cli-service serve`解决方法

情况:日常 cnpm run serve,突然报错npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! [email protected] serve: `vue-cli-service serve`npm ERR! Exit status 1npm ERR! Failed at the [email protected] serve script.npm ERR! This is probably not a problem with npm. There is likely

2021-04-01 21:21:55 31850 3

原创 VUE的项目的创建及使用

VUE的项目的创建及使用安装cnpm(可以不安装) npm install -g cnpm第一部分:创建Vue项目步骤(一):全局安装vue-cli脚手架工具1.右击文件夹,选择在终端中打开2.输入下列代码并回车cnpm install -g @vue/cli3.如果显示cnpm : 无法加载文件 F:\Nodejs\node_global\cnpm.ps1,因为在此系统上禁止运行脚本。是因为没有权限,需要用管理员身份进行运行并授权则打开Powershell输入下列

2021-03-30 22:56:46 158

空空如也

空空如也

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

TA关注的人

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