09 2022 档案
摘要:SVN 是一个集中式版本控制系统。 仓库:中央服务器(远程仓库)。 Git 是一个分布式版本控制系统。 仓库:中央服务器(远程仓库),个人电脑(本地仓库)。 Github Github是基于git的代码托管服务平台。GitHub主要服务是将你的项目代码托管到云服务器上,而非存储在自己本地硬盘上。 G
阅读全文
摘要:简介与安装配置 Git是目前世界上最先进的分布式版本控制系统 分布式版本控制: 即每个参与协作的人都拥有全部的代码!有一定安全隐患!所有版本信息仓库全部同步到本地的每个用户,这样就可以在本地查看所有版本历史,可以离线在本地提交,只需在连网时push到相应的服务器或其他用户那里。由于每个用户那里保存的
阅读全文
摘要:为什么要模拟接口? 项目中后端的接口往往是较晚才会出来,并且还要写接口文档,于是我们的前端的许多开发都要等到接口给我们才能进行开发。为了方便前端代码自测,提高开发效率,可以模拟生成数据进行前后端数据联调。 json-server 在使用json-server时,只需要提供一个json文件,或者写几行
阅读全文
摘要:JavaScript面向对象 面向对象是一种编程思想(oop)。很多个具有相同属性和行为的对象就可以抽象为类,对象是类的一个实例。JavaScript在ECMAScript 6中引入了类的概念。 面向对象有三个基本特征:封装、继承、多态 封装:就是将一类事物的属性和行为抽象成一个类,使其属性私有化,
阅读全文
摘要:简介 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特点: 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应(比如:在请求前添加授权和响应前做一些事情) 转换请求
阅读全文
摘要:概述 Promise (期约) 对象用于表示一个异步操作的最终完成(或失败)及其结果值。 Promise的使用 Promise创建时需传入一个 执行器函数(excutor) 接受两个参数,第一个参数是内部定义成功状态时调用的函数(习惯命名为resolve),第二个参数是内部定义失败状态时调用的函数(
阅读全文
摘要:简介 fetch() 方法是一个 window的全局方法,用于发起获取资源的请求。它返回一个 promise,这个 promise 会在请求响应后被 resolve,并传回 Response 对象。 参数 传入两个参数: 1.请求地址或一个Request对象 2.一个配置项对象,包括所有对请求的设置
阅读全文
摘要:jQuery中发起 ajax 请求 参数:1.请求地址 2.参数 3.回调函数(参数为响应数据) //get请求参数拼接到url中 $.get("http//127.0.0.1:8000", { a: 100, b: 200 }, (res) => { console.log(res); }); /
阅读全文
摘要:重复请求的处理 发起一个新的请求之前先判断当前是否有相同的请求正在发送,如果有就取消掉。类似于防抖 //标识变量 let isSending = false; //是否正在发送AJAX请求 btns[e].onclick = function () { //判断标识变量 if (isSending)
阅读全文
摘要:在IE浏览器中如果XMLHttpRequest提交的URL与历史一样,则会使用缓存,根本不向服务器端提交。因此无法取到刚提交的数据或新的数据。 1、改进服务器端(1)后台是简单的.aspx文件,直接加上<%@ OutPutCache Location="None"%>即可。(2)但是如果后台是.as
阅读全文
摘要:GET请求和POST请求的区别: GET POST 后退/刷新 请求是无害的 会重新请求一次 传参 参数是连接在url后面的 参数是存放在请求体内的 参数长度 浏览器对url长度有限制 (不同浏览器长度限制不一样),对传参数量有限制,一般限制在 2~8K 之间 事实上get请求也能在requestb
阅读全文
摘要:简介 AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML。AJAX是一种用于创建快速动态网页的技术。通过AJAX可以在浏览器中向服务器发送异步请求,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行
阅读全文
摘要:简介 HTTP协议,即 超文本传输协议(Hypertext transfer protocol) 。是一种详细规定了浏览器和万维网(WWW =World Wide Web)服务器之间互相通信的规则,通过因特网传送万维网文档的数据传送协议。是浏览器和服务器之间进行“沟通"的一种规范,是基于TCP/IP
阅读全文
摘要:什么是vw? 在css中,vw是一种视窗单位,也是相对单位,相对于视口的宽度。视口被均分为100个单位的vw,1vw 等于视窗宽度的 1%。与之相对应的还有vh,1vh 等于视窗高度的 1%。 我们可以这样理解 100vw = window.innerwidth, 100vh = window.in
阅读全文
摘要:媒体查询 媒体查询 Media Queries,是一种可以根据不同的设备为其实现不同的样式的技术。在CSS3 引入了媒体查询,使用媒体查询,你可以针对不同的媒体类型定义不同的样式,还可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,媒体查询是非常有用的。 可能有一组用于屏幕
阅读全文
摘要:物理像素和CSS像素 像素是计算机屏幕中显示特定颜色的最小区域。屏幕中的像素越多,同一范围内能看到的内容就越多。或者说,当设备尺寸相同时,像素越密集,画面就越精细。那么,当我们在 CSS 中为一个元素设置属性 width: 250px; 时,会发生什么?这个元素的宽度究竟是多少像素呢? 事实上,这里
阅读全文
摘要:px px就是pixel像素的缩写,相对长度单位,网页设计常用的基本单位。像素px是相对于显示器屏幕分辨率而言的 rpx rpx是小程序的单位,微信小程序官方规定屏幕的宽有750rpx。屏幕宽度 分辨率/750 得到的结果就是1rpx的值。 rem rem是CSS3新增的一个相对单位,rem是相对于
阅读全文
摘要:CSS中提供了一些可以使元素显示与隐藏的属性,分别是display、visibility和opacity。 1.display display属性用于设置一个元素如何显示。 display:none; 将 display 设置为 none 会将元素从渲染树中移除。这会导致该元素及其所有子代元素不再被
阅读全文
摘要:1、全局去除默认样式 *{ padding:0; margin:0; box-sizing: border-box; /*怪异盒子,设置了宽高后border和padding不会撑开元素的宽高*/ } 2、a标签 a{ text-decoration: none; /*去除文本下划线*/ color:
阅读全文
摘要:为什么会使用浮动? 一开始出现浮动只是为了解决文字环绕图片问题,但最后是为了解决几个块级元素并排显示问题,虽然可以使用定义块级元素的display为inline-block(这种方式也不会出现父级元素坍塌问题)但是这种方式不能控制元素的位置而是默认从左到右,所以要实现元素是居左还是居右使用浮动更方便
阅读全文
摘要:简介 CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的时间和宽带的使用。此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient)是由浏览器
阅读全文
摘要:简介 CSS animations 使得可以将从一个 CSS 样式配置转换到另一个 CSS 样式配置。动画包括两个部分:描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧。可通过多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。相比较过渡,动画可以实现更多变化,更多控制,连续
阅读全文
摘要:简介 CSS transform 属性允许你旋转,缩放,倾斜或平移给定元素。这是通过修改 CSS 视觉格式化模型的坐标空间来实现的。 转换( transform) 你可以简单理解为变形。只能转换由盒模型定位的元素(display: block;)。 移动:translate 旋转:rotate 缩放
阅读全文
摘要:简介 transition CSS 属性是 transition-property,transition-duration,transition-timing-function 和 transition-delay 的一个简写属性。 transition:[transition-property t
阅读全文
摘要:简介 CSS 网格布局擅长于将一个页面划分为几个主要区域,以及定义这些区域的大小、位置、层次等关系(前提是 HTML 生成了这些区域)。是目前唯一的一种css二维布局。 像表格一样,网格布局让我们能够按行或列来对齐元素。然而在布局上,网格比表格更可能做到或更简单。例如,网格容器的子元素可以自己定位,
阅读全文
摘要:简介 就是用 CSS 的 column-count、column-width、column-gap、break-inside、page-break-inside 等实现多列显示的功能。 实现多列布局的常用属性 column-count: 设置列的个数 column-width: 列的宽度 colum
阅读全文
摘要:简介 Flexible Box 模型,通常被称为 flexbox弹性盒子布局,是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。 我们说 flexbox 是一种一维的布局,是因为一个 flexbox 一次只能处理一个维度上的元素布局,一行或者一列。作为对比的是另
阅读全文
摘要:CSS 选择器 CSS 选择器用于"查找"(或选取)要设置样式的 HTML 元素。 我们可以将 CSS 选择器分为五类: 基本选择器(根据名称、id、类来选取元素) 组合器选择器(根据它们之间的特定关系来选取元素) 伪类选择器(根据特定状态选取元素) 伪元素选择器(选取元素的一部分并设置其样式) 属
阅读全文
摘要:创建一个表格 表格由 <table> 标签来定义。 每个表格均有若干行(由 <tr> 标签定义)。 每行被分割为若干单元格(由 <td> 标签定义) 字母 th 指表头数据 字母 td 指表格数据(table data),即数据单元格的内容 表格的表头使用 <th> 标签进行定义 大多数浏览器会把表
阅读全文
摘要:表单是什么? 对于用户而言是数据的录入和提交的界面 对于网站而言获取用户信息的途径 HTML <form> 元素表示文档中的一个区域,此区域包含交互控件,用于向 Web 服务器提交信息。 创建一个表单 <form action="" method="" name=""> </form> form标签
阅读全文
摘要:什么是HTML5? HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。 HTML5是Web中核心语言HTML的
阅读全文
摘要:什么是HTML HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。 HTML元素详解
阅读全文