bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。const module = { x: 42, getX: function() { return this...

CSS里的calc()函数允许我们在属性值中执行数学操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。.foo { width: calc(100px + 50px);}为什么是 calc()如果你使用过 css 预处理器，比如 S...

提到 React的jsx 三个属性key、ref 、 children，其中key用于生成数组循环生成多个组件时用到，本章了解ref——它在非受控组件、集合第三方库等都很实用。一、React ref作用是什么ref属性值是一个函数，此函数会在属...

sass和less地出现大大的提升了代码的复用性，按常理来说它们也是css，被称为CSS扩展语言（简称强化版的css），理论来说sass也需要编译成为css才能在浏览器上面运行的。那...

最近产品经理提出了很多用户体验优化的需求，涉及到很多dom的操作。小张：“老铁，本来开发Vue2项目操作dom挺简单的，现在开发vue3项目，突然感觉一头雾水！”我：“没事，原理都差不多，查查资料应该没问题的！”至...

1.块级元素是什么？1)总是从新的一行开始，即各个块级元素独占一行，默认垂直向下排列；2)高度、宽度、margin及padding都是可控的，设置有效，有边距效果；3)宽度没有设置时，默认为100%；4)块级元素中可以包含块级元...

window.history 对象包含浏览器的历史。Window Historywindow.history对象在编写时可不使用 window 这个前缀。为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。一些方法：history.back() - 与在浏览器...

css透明度属性怎么设置？有两种方法，第一种使用rgba()设置颜色透明度，语法“background:rgba(R,G,B,A)”；第二种使用opacity属性设置背景透明度，语法“opacity: 透明值;”，取值范围“0.0~1.0”。一、rgba和opaci...

知道了什么是前端，什么是HTML、前端三大标准、主流浏览器和html的基本结构及常用标签。那么今天继续看看html还有什么新的知识吧。一、特殊字符（了解）有常见性就有特殊性，我们使用电脑时经常会用到空格键，在html...

display:none和visibility:hidden都可以让一个div消失，那他们具体的区别在哪里呢：一、display:none和visibility:hidden区别如下：visibility:hidden，内容不显示，但是内容占用相关空间；display:none，内容不显示...

js判断是否是数组的几种方法，之前面试被问到到这问题，当时好像只回答出一两种方法，回去自己上网搜索了这个问题，现在总结分享下，希望对大家有用。1.Array.isArray()这个判断方法一般都是能第一时间想到，它是ES5...

php中有对一个字符串中的指定字符进行替换的方法，在web前端 javascript 脚本中也有字符串替换的方法，而且还非常的简单。接下来我们就说一说，javascrpt 中对字符串进行替换的方法。一、JavaScript replace() 方法r...

前端js中slice() 方法返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝 （包括 begin ，不包括end ）。原始数组不会被改变。重点关注针对这个函数需要重点关注的是 end 这个元素不在拷贝出...

Git 的主要优势之一就是它能够将工作“分叉”到不同的分支中。如果只有你一个人在使用某个存储库，分支的好处是有限的。但是，一旦你开始与许多其他贡献者一起工作，分支就变得必不可少。Git 的分支机制允许多人同时...

一、Ajax POST方法怎么用jQuery $.post() 方法$.post() 方法通过 HTTP POST 请求从服务器上请求数据。语法:$.post(URL,data,callback);必需的 URL 参数规定您希望请求的 URL。可选的 data 参数规定连同请求发送的数据...

一、冒泡排序概述冒泡排序是通过遍历待排序的数列，一次比较两个元素，根据大小调换位置，直到把最大的或最小的冒出来的排序方式。与选择排序、插入排序是比较常见的排序方式，也非常好理解。冒泡排序平均时间复杂度...

一、id选择器怎么用我们之前给一个段落中添加斜体的标识的时候我们会在CSS里面这样做，这次我们将学习使用ID选择器来实现这项功能我们在之前的代码中给标签添加idCSS代码是这样的，相信你能明白这是什么意思，相当于...

童靴们上网的话都知道，现在很多网站都提供视频展示。我们在上一篇关于HTML5文章中提到了HTML5支持视频和音频，现在小编带大家学习一下吧！创建简单的HTML5文件HTML5文件名同样后缀，我们在sublime中...

什么是版本控制版本控制是在软件开发的过程中用于对工程、目录及文件的修改记录和备份管理，比如各种程序代码、配置文件及说明文档。比如在开发过程中难免会遇到误操作、程序Bug、代码异常等问题，这时候我们就可...

Vue脚手架是Vue官方提供的标准化开发工具（开发平台），方便创建vue工程、配置第三方依赖、编译vue工程。安装之前的检查1，检查是否安装了node，执行命令npm -v如果显示版本号，说明已经安装了node2，检查是否安装了...

在vue3中对响应式数据的声明官方给出了ref()和reactive()这两种方式,今天我们来聊聊两种定义定义数据方式有什么不同？如上代码,我们使用变量声明的方式,ref的方式...

vue3中的readonly单向数据流函数，传入一个对象（响应式或普通）或 ref，返回一个原始对象的只读代理。一个只读的代理是“深层的”，对象内部任何嵌套的属性也都是只读的。一、注意：1、readonly函数是将通过ref 或r...

还记得的话，以前总结了一下浏览器对空格符的默认处理方式，其中说到可以用pre标签来原型输出空格内容。加标签总是让人觉得不是那么方便，同时也不可控，今天给大家理一下强大的CSS是如何控制空格的。white-space这个...

像我之前提到的那样，文档树中的每个元素只是一个矩形盒子。这些盒子都有一个背景层background，背景层可以是完全透明或者其它颜色，也可以是一张图片。此背景层由8个CSS...

在传统的js开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择...

web前端react和vue选哪个？Vue和React都是目前最流行、生态最好的前端框架之一。框架本身没有优劣之分，只有适用之别，选择符合自身业务场景、团队基础的技术才是我们...

一、canvas简介canvas是HTML5提供的一种新标签,双标签;HTML5 canvas标签元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成;canvas标签只是图形容器，必须使用脚本来绘制图形;Canvas是一个矩形区域的画布，可以...

localStorage和cookie一样，在开发者选项的Application可找到，以Chrome为例。一、localStorage简介遵循浏览器同源策略一次保存，在同一个网站任意页面访问存储在 localStorage 的数据可以长期保留，即使页面关闭，除...

从很久之前就已经接触过了angularjs了，当时就已经了解到，angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后，再接触了vue.js，当时也一度很好奇vue.js是如何监测数据更新并且重新渲染页面。今天，就我们...