前端知识笔记（二十七）———CSS核心功能手册：从熟悉到精通
参考HTML代码<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont...
前端知识笔记（二十六）———React如何像Vue一样将css和js写在同一文件
如果想在React中想要像Vue一样把css和js写到一个文件中，可以使用CSS-in-JS。使用CSS-in-JS下载npm i styled-components使用就像写scss一样，不过需要声明元素的类型基本语法及展示如下import styled from "styled-components" export default () => { const Father = st...
前端知识笔记（二十五）———JS中的异步编程与Promise
一、JavaScript的异步编步机制在了解JavaScript的异步机制之前，我们首先需要理解JavaScript是一种单线程语言。单线程就意味着所有的任务需要按照顺序一次执行，如果前一个任务没有完成，后一个任务就无法开始。这个特性在执行大量或耗时任务时可能会导致阻塞或者界面卡死，这显然是不可取的。为了解决这个问题，JavaScript引入了异步编程的机制。简单地说，异步就是你现在发出了一个“....
前端知识笔记（十四）———js全屏与退出全屏切换功能，实现样式改变效果
无需理解，“开袋即食”，将注释内容进行修改就可以了// 全屏 $(".full_screen").on('click', function() { var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); ...
前端知识笔记（十三）———单全选框控制方法，炒鸡无敌方便！！！
// 全选 function “全选点击事件”() { let quan = document.getElementById("全选名"); let ge = document.getElementsByClassName("单选名") for (let i = 0; i < ge.length; i++) { if (quan.checked ==...
前端知识笔记（十一）———拓展运算符
一，什么是拓展运算符拓展运算符（Spread Operator）是 ES6 中新增的操作符，用于在函数调用、数组字面量、对象字面量等语法中将一个可迭代对象拆分成单个元素，或将多个元素合并为一个新的数组。二，在函数中在函数调用中，拓展运算符可以将一个数组或类数组对象 "展开" 成为一个参数序列，传递给函数。例如：function sum(x, y, z) { return x + y + z;...
前端知识笔记（十）———宏任务和微任务
一，什么是宏任务什么是微任务？宏任务（Macro Tasks）和微任务（Micro Tasks）是指在JavaScript中异步任务队列中执行的不同类型任务。二，宏任务宏任务（Macro Tasks）包括以下几种：主代码块：JavaScript中的主线程代码。setTimeout和setInterval：定时器任务。I/O操作：例如文件读写、网络请求等。UI渲染：浏览器需要重绘或者重新布局的任务....
前端知识笔记（十九）———px，em，rem，vw，vh之间的区别
一，px（像素）：像素是屏幕上显示的最小单位，它是固定的，不随页面缩放而改变大小。在响应式设计中，使用像素单位可能会导致布局在不同屏幕尺寸上显示不一致。例如：现在在你电脑上一个字为16px，大小正好，可能到比你分辨率要高的电脑上，字体16px大小不变，但是分辨率有变化，导致字体在别的电脑上可能会导致不适配的情况发生二，em：em是相对长度单位，它是相对于父元素字体大小的倍数。如果父元素的字体大小....
前端知识笔记（十七）———地图多点标注功能
使用坐标以及其他软件的功能了将地图带导入，并实现地图多点标注的功能<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>map地图绘制</title> <style> * { margin...
前端知识笔记（八）———HTTP一些状态码及详细解释
从100开始到500的一些状态码一，1xx（信息性状态码）：表示请求已被接受，需要继续处理。（1）100 Continue：服务器已经接收到请求头，并且客户端应该继续发送请求体。（2）101 Switching Protocols：服务器已经理解了客户端的请求，并将通过Upgrade消息头通知客户端采用不同的协议来完成这个请求。二，2xx（成功状态码）：表示请求已经被成功接收、理解、接受。（1）....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
前端更多笔记相关
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。
+关注