Deft Blog

「The struggle for life is endless and endless.」

实现Ajax

Ajax 是什么? 如何创建一个 Ajax？我对 ajax 的理解是，它是一种异步通信的方法，通过直接由 js 脚本向服务器发起 http 通信，然后根据服务器返回的数据，更新网页的相应部分，而不用刷新整个页面的一种方法。创建步骤：创建xhr对象 --> 配置Ajax请求地址 --> 发送请求 --> 监听请求, 接受响应面试手写（原生）： ...

Posted by deft on July 11, 2020

防抖与节流

函数防抖是指在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。这可以使用在一些点击请求的事件上，避免因为用户的多次点击向后端发送多次请求。函数节流是指规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。节流可以使用在 scroll 函数的事件监听上，通过事件节流来降低事件调用的频率。...

Posted by deft on July 11, 2020

JavaScript 的数据类型

数据类型可以分为基本数据类型和引用数据类型基本数据类型：String、Number、Boolean 、Null、Undefined、Symbol、BigInt ; 引用数据类型: Object 其中 Symbol、BigInt 是新增的数据类型 JS中所有对象都派生自Object; Undefined类型只有一个值,即特殊的undefined,所以undefined可以当做关键字来进...

Posted by deft on June 20, 2020

What is Ajax？

AJAX 什么是AJAX? 所谓的Ajax就是 Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。它不是新的编程语言，而是一种使用现有标准的几种原有技术的结合体。Ajax是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。那Ajax的优点那些？ 1，通过异步模式，提升了用户体验 2，优化了浏览器和服务器之间的传输，减少了...

Posted by deft on May 30, 2020

JavaScript中的作用域、作用域链和闭包

一、作用域 JavaScript中变量的作用域有两种: 全局作用域和函数作用域 (ES6中js引入块级作用域这里先不做研究) 全局作用域: 代码在程序的任何地方都能被访问，window 对象的内置属性都拥有全局作用域。 1 2 3 4 5 6 var carName = " Volvo"; // 此处可调用 carName 变量 function myFunction() { c...

Posted by deft on May 30, 2020

关于CSS清除浮动方法

清除浮动常用方法方法一:在浮动元素后适合用一个空元素。 1.额外标签法（在最后一个浮动标签后，新加一个标签，给其设置clear：both；）（不推荐） eg：<div class="clear"></div> 1 2 3 4 5 <div class="fahter"> <div class="fu">浮</di...

Posted by deft on May 24, 2020

CSS盒子居中的几种方式总结

CSS盒子常用居中方式第一种: position: absolute配合定位与margin：auto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 .fa { width: 100px; height: 100px; border: 1px solid #000000; p...

Posted by deft on May 11, 2020

用Flask搭建一个简单的后端服务

首先, 准备工作: 1. 安装好python环境 2. 安装好依赖参考链接:[点击这里] 这里我在windows下用的Python的版本是3.8.2版本展示。在Windows下创建一个文件夹，然后创建一个虚拟环境。创建完成后会看到一个venv文件 > py -3 -m venv venv 在老版本的Python中要安装virtualenv使用下面命令创建虚拟环境; >...

Posted by Deft Blog on May 2, 2020

用CSS3绘制旋转八卦

绘制旋转八卦今天我们来运用CSS里面的animation属性来制作一个会旋转的八卦吧! 首先,创建一个div绘制一个400*400黑白各占一半的圆居中显示,代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 div { position: absolute; top: 0; right: 0; bottom: 0; left: ...

Posted by deft on April 27, 2020