aflylong-优快云博客

原创基于elementui封装一个页脚插件

基于elementui封装一个简单页脚组件

2023-01-28 11:09:00 232

原创自定义快速获取开始时间结束时间函数

基本工作场景自定义获取时间段中开始时间结束时间函数

2023-01-28 10:59:06 195

双指针求和let arr = [1,2,3,4,5,6,7,8,9,10];let fn=(arr,num)=>{ let left = 0; let right = arr.length-1; while(left<right){ if(arr[left]+arr[rigth]>num){ right--; }else if(arr[left]+arr[right]<num){ left++; }else if(arr[left]+arr[rigth]==n

2021-09-07 20:02:51 156

原创 Promise学习笔记

Promise基本使用promise是js中进行异步编程的新解决方法Promise是一个构造函数功能：promise对象用来封装一个异步操作并可以获得其结果在这里插入代码片

2021-08-07 10:52:16 120

原创数组扁平化处理与去重

数组扁平化数组扁平化是指将一个多维数组变为一维数组数组扁平化处理的最核心方法就是递归，判断每一项是否是数组，以此做处理1.用循环去判断每一项再做处理let arr = [1, [2, [3, [4, [5, [6, [7, [8, [9]]]]]]]]]let newarr = []function flatten(arr) { for (let i = 0; i < arr.length; i++) { if (Array.isArray(arr[i])) {

2021-08-03 19:39:12 617 9

原创移动端开发常见布局

移动端常见开发布局单独制作移动端1，流式布局（百分比布局）像京东2，flex弹性布局例如淘宝3，less+rem+媒体查询布局有苏宁4，混合布局响应式制作媒体查询+bootstrap移动端特殊样式 /*CSS3盒子模型*/ box-sizing: border-box; -webkit-box-sizing: border-box; /*点击高亮我们需要清除清除设置为transparent 完成透明*/ -webkit-tap-highlight-

2021-07-20 20:08:36 257 1

原创 jquery中的ajax基本使用以及文件上传

jquery中的ajax$.ajax({ url:'/',//请求访问的地址 type:'get/post/put/delet',//访问方式 data:{},//如果是提交数据就需要填写data async:false/true,//true为异步，false为同步 beforeSend:function(){},//请求数据发送之前执行的方法 success:function(res){//请求成功之后，返回success成功之后的数据，会自动处理成json格

2021-07-16 17:22:32 362

原创 Axios基本了解与使用

AxiosAxios是一个基于promise网络请求库，作用于node.js和浏览器中，它是isomorphic的（即同一套代码可以运行在浏览器和node.js中）。特性从浏览器创建XMLHttpRequests从node.js创建http请求支持PromiseAPI拦截请求和响应转换请求和显影数据取消请求自动转换JSON数据客户端支持防御XSRF使用cdn： <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.

2021-07-16 17:06:08 272

原创原生fetch()，Es6中的promise

es6新方法fetchfetch（）方法与XMLHttpRequest类似，fetch也可以发起ajax请求，但是与XMLHttpRequest不同的是，fetch方式使用promise，相比较XMLHttpRequest更加简洁。Promisepromise是进行异步操作的一种解决方案，比传统的处理方法(回调函数/处理事件)更加合理，ES6将其加入语言标准，统一语法，原生提供了Promise，promise可以想象成一个装有各种结果的容器，里面装有某个时间返回的结构，可以在需要的时候拿取它并进行一些

2021-07-16 17:05:16 683

原创封装原生ajax

对原生ajax进行封装，使我们如下所示传递数据过去能被处理，并返回处理结果myAjax({ url: 'url地址api接口', type: 'get',//请求方式 timeOut: 1000,//响应超时事件 success: function (res) {//成功执行 console.log(res) }, fail: fu

2021-07-16 16:35:44 441

原创 js原生Ajax如何使用，以及状态码所代表的意思

jquery

2021-07-14 20:55:08 485

原创 2021-07-11bootstrap框架基本了解

Bootstrap栅格布局####栅格布局简介Bootstrap内置了一套响应式，移动设备优先的流式栅格系统，随着屏幕设备或视口(viewport)尺寸的增加，系统会自动分为最多12列，它包含了易于使用的预定义class，还有强大的mixin用于生成更具语义的布局。容器：行(row)必须包含在.container(固定宽度)或.container-fluid(100%宽度)中，以便为其赋予合适的排列(aligment)和内补(padding)。rem：实际上是设置列的高度的属性，rem的值是整数，代

2021-07-11 23:27:19 737 1

原创使用canvas构建一个简单的飞机大战

gitee仓库地址：https://gitee.com/aflylong/canvas-the-plane-war.git包括完整代码以及图片素材<html><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"

2021-07-06 19:30:27 190 1

原创 2021-06-28学习canvas简单的做一个吃豆人

使用canvas画出一个简单的吃豆人首先先创建一个画布 <canvas id="cavs" width="1900" height="900"></canvas><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2021-06-28 18:11:35 326 1

原创 2021-06-27函数节流防抖与柯里化

函数节流防抖函数节流(throttle) 、函数防抖(debounce)就是为了去解决用户频繁触发事件的行为。函数节流函数节流预定一个函数只在一定周期内只执行一次。 // 函数节流封装 function throttle(handler, wait) { var lastTime = 0; return function A() { var nowTime = +new Date();

2021-06-27 20:37:06 204

原创 2021-06-21Object.is()与原来的比较操作符“==“、“===“的区别

Object.is()与原来的比较操作符"=="、"==="的区别1，两个等号判等，会在比较s时进行类型转换如果两个操作数都是对象，则仅当两个操作数都引用同一个对象时才返回true。如果一个操作数是null，另一个操作数是undefined，则返回true。如果两个操作数是不同类型的，就会尝试在比较之前将它们转换为相同类型：当数字与字符串进行比较时，会尝试将字符串转换为数字值。如果操作数之一是Boolean，则将布尔操作数转换为1或0。如果是true，则转换为1。

2021-06-21 08:15:47 269

原创 2021-06-15AJAX初了解

AJAX简介AJAX全称asynchronous Javascript and xml 就是异步的js和XML。通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据，AJAX不是新的编程语言，而是一种新现有的标准组合在一起使用的新方式。XML简介XML可扩展标记语言XML被设计用来纯属和存储数据。XML和Html类似，不用的是HTML中都是预定义标签，而XML中没有预定义标签，全都是自定义标签，用来表示一些数据。学生数据：name = "孙悟空 "; age = “1

2021-06-15 20:14:35 232 3

原创 2021-06-13常用mysql数据库sql语句整理

查看数据库show databases;创建数据库character指定字符集create database db_name character set ‘utf8’;(数据库名称包含https://blog.youkuaiyun.com/sinat_29519243/article/details/70187040)显示数据库创建信息show create database db_name;删除数据库drop database db_name;进入\使用数据库use database;显示当前

2021-06-13 20:03:45 145

原创 2021-06-09js是一个单线程与事件循环的编程语言

js语言特点js是一个单线程，事件队列循环(event loop)的编程语言那什么是线程呢？进程：进行中的程序就是进程。在计算机中，运行一个软件的流程是，安装下载的软件包.exe文件，将软件安装到硬盘的某个分区中，安装完成后会自动生成一个桌面快捷方式。双击快捷方式打开软件，这时计算机的CPU(中央处理器)会去根据快捷方式的路径去读取硬盘里软件的数据，将读取到的数据交给CPU(包含运算器和缓冲器)的运算器部分，运算器对读取到的数据进行各种复杂计算，最终将数据转换为二进制数据。再通过cpu的缓冲器，将运

2021-06-09 13:56:29 208 1

aflylong的博客