- 博客(21)
- 收藏
- 关注
RSS订阅原创 React-DnD的简要使用方法与API文档
这是一个便于开发者操作拖拽交互的库，感觉不错！它的官方文档贼难进去，这篇文章主要是把一些常用的内容记下，希望能帮助到大家。本篇文章参考的是16.0.1版本。
2023-09-05 15:37:27
1018
转载 谈谈vue生命周期-看了这篇你就懂了
写这章博客不是为了要获得多少赞，主要是利用vue开发项目时踩的坑太多了。自己曾不理解或者遇到的问题再这里搞清楚，不想后来的人再遇到这样的坑，做技术的要懂得分享，做人嘛，最重要的是开心。vue官网说，“你暂时不用搞清楚这些...",我觉得你既然准备用vue做开发的，不搞懂搞透它，你以后会发现踩的坑终究还是有它引起的，等以后再来补坑，不如现在就拿下它。以下主要从几个方面来讲：1.vue的生命周期是什么2.vue生命周期的在项目中的执行顺序3.vue中内置的方法属性和vue生命周期的运行顺序.
2021-01-25 12:09:41
177
转载 彻底弄懂强缓存与协商缓存
在工作中，前端代码打包之后的生成的静态资源就要发布到静态服务器上，这时候就要做对这些静态资源做一些运维配置，其中，gzip和设置缓存是必不可少的。这两项是最直接影响到网站性能和用户体验的。缓存的优点：减少了不必要的数据传输，节省带宽 减少服务器的负担，提升网站性能 加快了客户端加载网页的速度 用户体验友好缺点：资源如果有更改但是客户端不及时更新会造成用户获取信息滞后，如果老版本有bug的话，情况会更加糟糕。所以，为了避免设置缓存错误，掌握缓存的原理对于我们工作中去更加合理的配置缓存是非
2021-01-14 19:32:32
1036
1
转载 Flex 布局教程(完整篇）：语法篇 作者： 阮一峰
Flex 布局教程：语法篇网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法，下...
2021-01-12 20:40:09
220
转载 HTTP请求中，几种常见的Content-Type类型
HTTP请求中，几种常见的Content-Type类型POST请求的消息主体放在entity body中，服务端根据请求头中的Content-Type字段来获取消息主体的编码方式，进而进行解析数据。一、application/x-www-form-urlencoded最常见的 POST 提交数据的方式，原生Form表单，如果不设置 enctype 属性，默认为application/x-www-form-urlencoded 方式提交数据。首先，Content-Type被指定为 applic
2021-01-11 15:42:37
366
转载 什么是防抖和节流，他们的应用场景有哪些
防抖 (debounce)防抖，顾名思义，防止抖动，以免把一次事件误认为多次，敲键盘就是一个每天都会接触到的防抖操作。想要了解一个概念，必先了解概念所应用的场景。在 JS 这个世界中，有哪些防抖的场景呢登录、发短信等按钮避免用户点击太快，以致于发送了多次请求，需要防抖 调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多，此时需要一次到位，就用到了防抖 文本编辑器实时保存，当无任何更改操作一秒后进行保存代码如下，可以看出来「防抖重在清零 clearTimeout(timer)」
2021-01-10 14:07:02
395
转载 http协议POST请求头content-type主要的四种取值
介绍：在此之前对content-type理解很肤浅，因此必须记录下来现在的理解，以便回顾Content-Type，从名字上可以理解为内容类型，但在互联网上专业术语叫“媒体类型”，即MediaType，也叫MIME类型，主要是用来指明报文主体部分内容属于何种类型，比如html，json或者xml等等。但是content-type一般只存在于Post方法中，因为Get方法是不含“body”的，它的请求参数都会被编码到url后面，所以在Get方法中加Content-type是无用的。四种常见的 P
2021-01-09 13:50:17
878
原创 JS盒子模型
JS盒子模型和CSS盒子模型类似，也是描述当前盒子的尺寸一共有四大系列共13个client获取当前盒子可视区域的宽高，不包含borderclientWhith clientHeight clientLeft clientTopoffsetoffsetWhith offsetHeight offsetLeft offsetTop offsetParentscrollscrollTop scrollLeft sc
2021-01-08 14:40:24
346
原创 正则的匹配、捕获、以及正则的简单应用
1.认识正则• (RegExp)Regular Expression：是js的一个内置类正则，就是一个规则，可以检验某个字符串是否符合这个规则(test)，也可以把字符串中符合某个规则的字符捕获到(exec 、match…)主要用来处理字符串let reg = /\d+/; // 0-9之间的数字出现1到多次let str = 'd12fgh';console.log(reg.test(str)); // trueconsole.log(reg.exec(str)); // ["12",
2021-01-07 12:26:24
388
1
原创 面向对象简概
编程语言包含以下几种：• OOP（Object Oriented Programming）面向对象程序设计• JAVA• PHP• PYTHON / GO / RUBY• JAVASCRIPT / NODE.JS• …• POP（Procedure Oriented Programming）面向过程• C语言标记语言包含以下几种：• HTML5• CSS3面向对象程序设计中的三大概念• 对象：泛指-JS中我们操作和研究的事物都是对象• 类：把抽象的对象，按照功能特点，进行的详细划
2021-01-05 12:31:08
100
1
原创 单例设计模式
今天给大家说一下函数里一种常用的模式－单例设计模式设计模式就是一种思想（创建每一个单独的实例，单例设计模式）基于对象数据类型，把描述当前事物的属性和方法统一放在一起分组管理，互不冲突，能够减少全局变量污染，这种JS设计模式就是“单例设计模式”1、每一个对象都是一个单独的实例（单独的堆内存），存储的键值对都是堆中私有的内容，所以两个实例之间不会有任何的冲突（简单来说，创建一个对象的思想就是单例设计模式的思想）2、在单例设计模式当中，有一些新的概念，在下述案例中，obj不仅仅是一个变量存储对象（对象名）
2021-01-04 11:21:23
98
1
原创 函数数据类型的详细解读
函数数据类型的详细解读函数就是一个方法，可以实现某个功能把实现某一个功能的代码进行“封装”后期再想实现这个功能，无需重新编写代码，只需要执行函数即可执行函数=>函数(实参1，实参2，……)实参（具体的值）：就是给函数的行参变量传递的具体值例sum(17),x=17,y=undefined,创建函数定义了行参，但是执行时候没有传递实参值 ，则默认值是undefined;例sum(10,20,30),x=10,y=20,例sum(),x=undefined,y=undefined,函数的出
2021-01-03 13:08:04
2312
原创 对象数据类型的详细解读
对象数据类型Object普通对象 {} Object 类数组、实例、原型对象……数组对象 [] Array正则对象 // RegExp日期对象 DateSet / Map……普通对象定义：对象是由零到多组键值对（属性名和属性值）组成的属性名（键）不是变量名，也不是变量，它是对象的一个属性（特征）；属性名一般都是一个字符串类型的，下面的例子中的name，可以写成name，也可以写为"name",当然也可
2021-01-02 16:50:49
1080
原创 布尔等其他基本数据类型解读
布尔数据类型只有true真 和 false假把其他数据类型转换为布尔类型，Boolean([value]) / !![value]只有0、NaN、空字符串、null、undefined、转换为布尔的false，其余都是true条件判断时，用到布尔类型Symbol唯一值定义：Symbol唯一值，执行一次Symbol相当于创建一个唯一值console.log(Symbol()==Symbol()); //false 创建了2个唯一值，是错误的写法var n=Symbol();
2021-01-01 15:56:32
306
4
原创 String字符串数据类型详细解读
String字符串数据类型凡是用双引号"" 单引号’’ 反引号`` 包起来的都是字符串例：var arr=[10,20]; 数组var str="[10,20]"; 字符串一个字符串是由零到多个字符组成的，每个字符都有一个自己的位置“索引”，有一个length存储字符串的长度在字符串中每一个字符都有一个代表自己位置的“索引”（数字），是从零开始的，逐级递增把其他数据类型转换为字符串数据类型[value].toString() 或者 String([va
2020-12-31 11:45:02
983
原创 Number数字类型详细解读
今天开始，连续五天，每天把JS各数据类型值讲一种Number数字类型Number数字类型包含：正数 / 负数 / 小数 / 零Infinity 代指无穷大的值 例 var num=Infinity;-Infinity 代指无穷小的值NaN（not a number）不是一个有效数字，但它确属于number类型var num = 10- ‘A’; NaNNaN==NaN; falseNaN和NaN本身是不
2020-12-30 14:58:29
1744
原创 JS中的数据类型(总概)
JS中的数据类型（都有哪些类型值），明天开始挨个类型细分一下基本数据类型/值类型（原始数据类型） 数字 number 字符串 string 布尔 boolean 空 null 未定义 undefined 唯一值 symbol （ES6新增） 大数字 bigint
2020-12-29 16:31:09
92
1
原创 学习JS三个方面以及变量声明方式、命名规范
学习JS的三个方面ECMAScript：JS的语法规范，定义了整个JS里该如何创建变量、如何存储数据类型、都有哪些数据类型池以及该如果去操作；DOM（Document Object model文档对象模型）：提供一系列的属性和方法，让我们获取元素以及操作元素，改变元素样式；BOM（Brower Object model浏览器对象模型）:提供一系列的属性和方法，让我们操作浏览器；JS中变量及声明方式、命名规范：大家一定要养成规范的命名习惯，做到“命名语义化”，极致到“代码洁癖 ”变量定义一个
2020-12-28 14:19:29
144
原创 前端发展的历史进程概括
哈喽大家好，又见面了！好久没写东西了，今天开始每天更新一点前端基础，帮小白快速进入这个行业，增加一份技能、增长拿饭碗的能力！一个页面的组成包括：HTML（5）：搭建DOM结构CSS（3）：样式处理及动画处理JavaScript（JS）：人机交互效果、数据交互和渲染等PC端或者移动端都是如此处理的前端技术的发展历史1994年，W3C（万维网）成立，制定HTML/CSS标准，被称为“前端历史的起点”「静态页面」2011年 CSS32014年 HTML5（移动端的崛起）1997年6月，ECMA
2020-12-27 10:59:30
334
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人