- 博客(84)
- 收藏
- 关注
RSS订阅原创 [ElementUI] 修改ElementUI默认样式
前言: 在使用ElementUI中免不了要根据自身需求修改EleUI的默认样式;<div class="form-box"> <el-input v-model="form.username" placeholder="请输入用户名" prefix-icon="el-icon-user-solid"></el-input> <el-input v-model="form.password" placeholder="请输入密码" prefix-
2022-02-23 09:56:27
5938
原创 [Vue踩坑合集] Vue使用less 报错“Syntax Error: TypeError: this.getOptions is not a function“
踩坑事故现场:原因:安装的less-loader 版本过高解决方法:先卸载高版本: npm uninstall less-loader --save-dev安装低版本: npm install less-loader@5.0.0 --save-dev然后问题就解决啦:
2022-02-22 10:12:11
619
原创 【ASP .NET】学习笔记
简介ASP.NET 是一个使用HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架…ASP.NET 支持三种不同的开发模式：Web Pages（Web页面）、MVC（Model View Controller 模型-视图-控制器）、Web Forms（Web窗体）WebPagesWebPages Razor什么是Razor？Razor 是一种将基于服务器的代码添加到网页中的标记语法Razor 具有传统ASP .NET标记的功能，但更容易学习并使用Razor 是一
2022-02-14 17:30:36
295
原创 简述同步和异步的区别
同步：客户端在发送请求给服务端，在等待服务端返回时，客户端一直处于等待状态，直到服务端返回异步：客户端在发送请求给服务端，在等待服务端返回时，客户端可以去干其他事情
2021-12-17 16:44:18
272
原创 【ES6】扩展运算符
对象扩展运算符对象的扩展运算符（…）用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中let bar = {a:1,b:2};let bar2 = {...bar}; // {a:1,b:2}上述方法实际上等价于let bar = { a : 1,b : 2};let bar2 = Object.assign({}, bar); // { a : 1, b : 2}如果用户自定义的属性，放在扩展运算符后面，则扩展运算符内部的同名属性会被覆盖掉let bar = {a : 1,b :
2021-12-15 15:59:06
1105
原创 【学习随笔】知识点汇总
文章目录JavaScript 篇1. 数据类型检测的方式有哪些2. typeof null 的结果是什么，为什么？JavaScript 篇1. 数据类型检测的方式有哪些（1） typeofconsole.log(typeof 2); // numberconsole.log(typeof true); // booleanconsole.log(typeof 'str'); // stringconsole.log(type
2021-12-14 14:28:40
1028
1
原创 【HTML5】manifest 属性标签
定义和用法manifest 属性是HEML5中的新属性manifest 属性规定文档的缓存位置HTML5 引入了应用程序缓存，这意味着Web应用程序可以被缓存，然后在无互联网链接的时候进行访问应用程序缓存使用应用程序有三个优点：离线浏览 - 用户可以在离线时使用应用程序快速 - 缓存的资源可以更快地加载减少服务器加载 - 浏览器只从服务器上下载已更新/已更改的资源manifest 属性应该被Web 应用程序中想要缓存的每个页面包含。manifest 文件是一个简单的文本文件，列举除了浏
2021-12-13 16:00:52
1848
原创 【React】React 学习笔记
React 是什么？React 是一个声明式，高效且灵活的用于构建用户界面的JavaScript库。使用React 可以将一些简短、独立的代码片段组合成复杂的UI界面，这些代码片段被称作“组件”React 特点声明式设计 - React采用声明范式，可以轻松描述应用高效 - React通过对DOM的模拟，最大限度地减少与DOM的交互灵活 -React可以与已知的库或框架很好的配合JSX -JSX是JavaScript语法的扩展组件 - 通过React构建组件，使得代码更加容易得到复用单
2021-12-09 17:02:19
526
原创 【JavaScript】Math对象
Math对象方法方法描述语法round(x)四舍五入Math.round(x)ceil(x)对x进行上舍入Math.ceil(x)floor(x)对x进行下舍入Math.floor(x)random()0~1之间（不包括1）的一个随机数Math.random()sqrt(x)返回x的平方根Math.sqrt(x)...
2021-12-09 10:18:21
289
原创 【ES6】Object.assign()
参考文章【【ES6学习笔记之】Object.assign()】基本用法Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）const target = { a: 1 };const source1 = { b: 2 };const source2 = { c: 3 };Object.assign(target, source1, source2);target // {a:1, b:2, c:3}Objec.assign
2021-12-08 15:34:44
183
原创 【JavaScript】常用方法
Array对象的方法1. Array map()方法定义： map(）方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值map()方法会按照原数组元素的顺序进行一次处理元素注意： map()不会改变原数组；map()不会对空数组进行检测语法array.map(function(currentValue,index,arr), thisValue)参数说明实例/* 返回一个数组，数组中元素为原始数组的平方根 */var numbers = [4,9,16,25];f
2021-12-06 16:13:22
771
原创 【CSS】Flex 布局
一、Flex布局是什么Flex 是 Flexible Box 的缩写， "弹性布局”， 用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局.box { display: flex;}注意：设为Flex布局以后，子元素的float、clear、和vertical-align属性将失效二、基本概念采用Flex 布局的元素，称为Flex容器（flex container），简称“容器”。它的所有子元素自动为容器成员，称为Flex项目（flex item），简称"项目".
2021-12-06 15:18:38
99
原创 前端面试题汇总
分类导航JavaScript 部分JavaScript 部分下面哪些会返回false？A. nullB. undefinedC. 0D. ‘0’解析： ABC数据类型转换为true的值转换为false的值BooleantruefalseString任何非空字符串空字符串Number任何非零数字值（包括无穷大）0 和 NullObject任何对象nullUndefinedUndefined...
2021-12-01 17:42:07
1211
原创 【JavaScript】Browser 对象
Window对象Window对象表示浏览器中打开的窗口Navigator 对象Navigator 对象包含有关浏览器的信息Screen 对象Screen 对象包含有关客户端显示屏幕的信息History 对象History 对象包含用户（浏览器窗口中）访问过的URLHistory 对象是window对象的一部分，可通过window.history 属性对其进行访问Location 对象Location 对象包含有关当前URL的信息。Location 对象是window 对象的一部分，可通
2021-12-01 16:30:37
1000
原创 Sass 和 Less 的区别
一. Sass 和 Less 的定义sass 与 less都是一种动态样式语言，对css赋予了一些动态语言特性二. 它们的区别大致有以下几种编译环境不一样sass的安装需要Ruby环境的，是在服务端上处理的；而less是需要引入less.js来处理Less代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到项目中变量符不一样Less是@，而Scss是$输出设置Sass支持条件语句，可以使用if{}else{}，for{}循环等等，而Less不支持引入外部
2021-11-24 16:12:26
1470
原创 【CSS】position属性
属性定义position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型属性值值描述absolute生成绝对定位的元素，相对于第一个父元素进行定位fixed生成固定定位的元素，相对于浏览器窗口进行定位relative生成相对定位的元素，相对于其正常位置进行定位static默认值，没有定位，元素出现在正常流中sticky粘性定位，该定位基于用户滚动的位置inherit规定应该从父元素继承position属性的值...
2021-11-24 15:39:19
147
原创 ASP.NET
ASP.NET 是一个使用HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。ASP.NET 支持三种不同的开发模式：Web Pages（Web页面）、MVC（Model View Controller 模型-视图-控制器）、Web Forms（Web窗体）...
2021-08-26 15:29:38
161
原创 setTimeOut 和 setInterval
基本含义setTimeOut（fn，t），超时调用，超过时间t，就执行fnsetInterval(fn,t), 超时调用，调用周期t，执行fn二者调用后，均返回一个数值ID，此ID是计划执行代码的唯一标识符，可以通过它来取消尚未执行的调用。clearTimeout(id)和clearInterval(id)。取消间歇调用的重要性要远远高于取消超时调用，因为在不加干涉的情况下，间歇调用将会一直执行到页面卸载。重点setTimeOut 和 setInterval...
2021-08-20 15:11:34
58
原创 script标签中的defer和async
浅谈script标签中的async和deferscript 标签用于执行和加载脚本，直接使用script 脚本的话，html 会按照顺序来加载并执行脚本，在脚本加载&执行的过程中，会阻塞后续的DOM渲染script 提供了两种方式来解决上述问题，async 和 defer , 这两个属性使得 script 都不会阻塞 DOM 的渲染defer如果 script 标签设置了该属性，则浏览器会异步的下载该文件并且不会影响到后续DOM的渲染，如果有多个设置了defer的script标签存在，
2021-08-18 17:06:35
218
原创 ＜input＞标签的type属性
定义：type属性规定input元素的类型属性值值描述button定义可点击按钮checkbox定义复选框file定义输入字段和 "浏览"按钮，供文件上传hidden定义隐藏的输入字段image定义图像形式的提交按钮password定义密码字段。该字段中的字符被掩码radio定义单选按钮reset定义重置按钮。重置按钮会清除表单中的所有数据submit定义提交按钮。提交按钮会把表单数据发送到服务器text定义
2021-08-12 17:18:14
846
原创 RegExp对象 ---- 2021-08-06
RegExp 对象方法方法描述compile1.5版本中已废弃 ，编译正则表达式exec检索字符串中指定的值。返回找到的值,并确定其位置test检索字符串中指定的值，返回true 或 falsetoString返回正则表达式的字符串...
2021-08-06 17:31:59
114
原创 JavaScript数据类型 ---- 2021-8-6
值类型(基本类型）： 字符串（string）、数字（Number）、布尔（Boolean）、对空（Null）、未定义（Undefined）、Symbol引用数据类型： 对象（Object）、数组（Array）、函数（Function）注： Symbol 是ES6 引入了一种新的原始数据类型，表示独一无二的值typeof 123 // Numbertypeof 'abc' // Stringtypeof true // Booleantypeof undefined // undefin
2021-08-06 14:53:58
112
原创 CSS diaplay 属性 ---- 2021-8-5
属性定义及使用说明display 属性规定元素应该生成的框的类型属性值值描述none此元素不会被显示block此元素将显示为块级元素，前后会带有换行符inline默认，此元素会被显示为内联元素，前后没有换行符inline-block行内块元素list-item此元素会作为列表显示table此元素会作为块级表格来显示inline-table此元素会作为内联表格来显示inherit规定应该从父元素继承 display 属性的值
2021-08-05 16:16:15
290
原创 行内元素和块级元素 ---- 2021-08-04
常见行内元素：<a>,<br>,<img>,<input>,<label>,<select>,<span>,<textarea>…常见块级元素：<div>,<form>,<h1>…<h6>,<li>,<p>,<table>,<tbody>,<thead>区别：① 块级元素会独占一行，其宽
2021-08-05 15:52:46
60
原创 HTTP状态码 ---- 2021-08-04
2开头（请求成功）表示成功处理了请求的状态代码---- 200(成功）服务器已成功处理了请求3开头 (请求被重定向）表示要完成请求，需要进一步操作。通常这些状态码用来表示重定向4开头 (请求错误）表示请求可能出错，妨碍了服务器的处理---- 400(错误要求) 服务器不理解请求的语法---- 401(未授权）请求要求身份验证，对于需要登录的网页，服务器可能返回此响应---- 403(禁止) 服务器拒绝请求---- 404(未找到）服务器未找到请求的网页---- 405(方法禁用）禁用请求中指
2021-08-04 16:52:23
78
原创 标准盒子模型 和 IE盒子模型 ---- 2021/8/2
标准W3C盒子模型盒子宽度 = width + 左右padding + 左右border + 左右marginIE盒子模型盒子宽度： width + 左右margin (因为 width 中已经包括content 宽度 + padding * 2 + border * 2)
2021-08-02 15:30:22
73
转载 __proto__ prototype 和 constructor
参考文章： 【帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）】以以下例子展述function Foo() {...};let f1 = new Foo();1. _ _proto_ _①__proto__ 和 constructor属性是对象所独有的②prototype是函数所独有的，但是由于JS中函数也是一种对象，所以函数也拥有__proto__和constructor属性2. prototype3. constructor...
2021-07-30 17:28:54
58
转载 HTML5 拖放事件与dataTransfer对象 ---- 2021/07/19
参考文章：【HTML5–拖放事件与dataTransfer对象】拖放事件拖放的过程中被拖放的对象被称为源对象拖放过程中经过的其他对象被称为过程对象最终到达的对象被称为目标对象源对象dragstart： 源对象开始拖放，开始移动时事件触发drag： 源对象拖放过程中，移动被拖拽对象时触发dragend: 源对象拖放结束，整个拖放操作结束时触发过程对象dragenter ： 源对象进入过程对象范围内，被拖拽对象进入过程对象时被触发dragover： 源对象在过程对象范围内移动时触
2021-07-19 17:19:57
159
转载 TCP 和 UDP ---- 2021/7/19
参考文章： 一文搞懂TCP与UDP的区别网络协议是每一个前端工程师都必须掌握的知识，TCP/IP中有两个具有代表性的传输层协议，分别是TCP和UDPTCP/IP 网络模型TCP/IP 模型是互联网的基础，它是一系列协议的总称这些协议可以划分为四层，分别为链路层、网络层、传输层和应用层TCP和UDPUDP 协议全称是用户数据报协议，在网络中它与TCP协议一样用于处理数据包，是一种无连接的协议UDP协议的特点：面向无连接有单播，多播，广播的功能UDP是面向报文的不可靠性头部开销小，传
2021-07-19 16:21:24
76
转载 call（）、apply（）、bind（）用法 ---- 2021/7/16
call()、apply()、bind() 都是用来重定义这个this对象的var name = "小王"，age = 17var obj = { name: "小张", objAge: this.age, myFun: function() { console.log(this.name + '年龄' + this.age) }}var db = { name: "小李", age: 18}obj.myFun.call(db); // 小李年龄
2021-07-16 12:46:43
70
原创 经典排序算法 ---- 2021/7/15
参考文章【十大经典排序算法（动图演示）】算法复杂度冒泡排序1.1 动图演示1.2 代码实现function bubbleSort(arr) { var len = arr.length; for(var i = 0; i < len - 1; i++) { for(var j = 0; j < len - 1 - i; j++) { if(arr[j] > arr[j+1]) { // 相邻元素两两对比
2021-07-15 16:56:57
93
转载 二叉树遍历 ---- 2021/7/15
参考文章【二叉树的四种遍历方式】前序遍历先访问根节点，再访问左节点，最后访问右节点ABDFECHI中序遍历先访问左节点，再访问根节点，最后访问右节点DBEFGHCI后序遍历先访问左节点，再访问右节点，最后访问根节点DEFBHGICA...
2021-07-15 15:05:25
83
转载 BFC ---- 2021/7/14
【参考文章】什么是BFC？看这一篇就够了如何创建BFCfloat 的值不是noneposition的值不是static 或 relativedisplay 的值 是 inline-block、table-cell、flex、table-caption或者inline-flexoverflow 的值不是 visible
2021-07-14 17:21:32
56
原创 CSS flex 属性 ---- 2021/7/13
定义和用法flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间flex 属性是flex-grow、flex-shrink和flex-basis 属性的简写属性注意：如果元素不是弹性盒模型对象的子元素，则flex属性不起作用CSS 语法flex：flex-grow flex-shrink flex-basis|auto|initial|inherit属性值值描述flex-grow一个数字，规定项目将相对于其他灵活的项目进行扩展的量flex-shri
2021-07-14 15:35:37
89
原创 JS宏任务和微任务----2021/7/13
先看面试题async function async1() { console.log('async1 start'); await async2(); console.log('asnyc1 end');}async function async2() { console.log('async2');}console.log('script start');setTimeout(() => { console.log('setTimeOut');}, 0);async1()
2021-07-13 16:43:13
98
转载 浏览器的同源策略----2021/7/13
同源策略是一个重要的安全策略，它用于限制一个origin文档或者它加载的脚本如何能与另一个源的资源进行交互。它能够阻隔恶意文档，减少可能被攻击的媒介同源的定义如果两个URL的protocol（协议）、post（端口）和 host 都相同的话，则这两个 URL 是同源。这个方案也被称为“协议/主机/端口元组”，或者直接是 “元组”。（“元组” 是指一组项目构成的整体，双重/三重/四重/五重/等的通用形式）...
2021-07-13 15:42:19
73
原创 真题实战汇总
下列布局在页面上的宽度比是多少？// css.flex { display: flex; width: 200px; height: 100px;}.left { flex: 3 2 50px; background: red;}.right { flex: 2 1 200px; background: blue;}// html<div class="flex"> <div class="left">
2021-07-13 14:27:38
747
原创 CSS3 新增属性 ---- 2021/7/13
CSS3 新增属性：box-shadow （阴影效果）border-color （为边框设置多种颜色）border-image （图片边框）text-shadow （文本阴影）text-overflow （文本截断）word-wrap （自动换行）border-radius （圆角边框）opacity （透明度）box-sizing （控制盒模型的组成模式）resize （元素缩放）outline （外边框）background-size（指定背景图片尺寸）background-
2021-07-13 10:09:50
184
原创 Cookie 和 Session ---- 2021-07-09
cookie和session的详解与区别cookie 数据存放在客户的浏览器上，session数据存放在服务器上.cookie 相较于 session 不是很安全别人可以分析存放在本地的Cookie并进行Cookie欺骗session 会一定时间内保存在服务器上，当访问增多，会比较占用服务器性能单个cookie保存的数据不能超过4K，很多浏览器都限制一个站点最多保存20个cookie...
2021-07-09 16:51:32
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人