Yunluo_orz-CSDN博客

原创 CSS面试题】实现一个在页面中垂直居中的正方形中有四个上下左右间距相等的小正方形

面试题目：编写css，实现一个前端样式：在一个大正方形内有四个相等的小正方形。要求大正方形上下左右居中，每一个小正方形上下左右距离相等。实现效果图使用grid布局分割，然后划出来四块之后再使其中的四个div垂直居中。我以为这样已经实现了需求，但是后来发现是上下左右距离相等，这样的四个红色的方块彼此之间的距离是到边框距离的二倍。代码<html lang="en"><head> <meta charset="UTF-8"> <meta name

2020-07-22 11:39:57 1104

原创 css动画绘制12星座

最近要做一个关于星座的网站，需要美观，搜了一下绘制线性12星座的方法，没有找到，自己写的记录一下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...

2020-04-04 10:55:40 658

原创判断是否是数组的方法

Array.isArray(obj);obj instanceof Array; trueobj.constructor === Array; true(Object.prototype.toString.call(obj).slice(8, -1)) == Array;需要注意的是Object.prototype.toString.call(obj)得到的是字符串

2021-06-24 14:09:15 89

原创 js遍历总结（for、forEach、while、do-while、for...in...、for...of...、map、filter、find、every、some

forfor循环　　1、for有三个表达式：①声明循环变量；②判断循环条件；③更新循环变量；三个表达式之间，用;分割，for循环三个表达式都可以省略，但是两个“;”缺一不可。　　2、for循环的执行特点：先判断再执行，与while相同　　3、for循环三个表达式都可以有多部分组成，第二部分多个判断条件用&& ||连接，第一三部分用逗号分割；for (var num =1; num<=10; num++) { document.write(num+" <br /&

2021-06-23 17:36:49 239

原创 vue2双向绑定原理

原理：1、vue双向绑定是通过“数据劫持”结合“发布者订阅”模式的方式来实现的，也就是说数据和视图同步，数据发生变化，视图也发生变化，视图变化，数据也随之改变。方法：Object.defineProperty(obj, prop, descriptor)1、方法介绍：Object.defineProperty(obj, prop, descriptor)中有三个参数obj：要定义其属性的对象prop：要定义或者修改的属性descriptor：具体改变的方法...

2021-06-21 10:39:50 1326 1

原创前端获取数据流导出excel

需求后台管理系统需要导出当前条件下的数据为.xls文件前置条件后台通过数据流的形式返回文件实现1、配置请求头axios({ responseType: 'blob',//配置数据类型 headers: { 'Content-Type': 'application/json' }, url:'', data,})2、数据转换axios({ responseType: 'blob',//配置数据类型 headers: {

2021-05-25 17:41:34 528

原创 1＜2＜3=true,3＞2＞1=false,[] == ![]为true,{} == !{}为false

1<2<3 输出结果为 true 3>2>1 输出结果为 false [] == ![] 输出结果为 true {} == !{} 输出结果为 false按照计算顺序，不难理解1<2输出结果为true，然后true<3，输出结果为true3>2输出结果为true，然后true>1，输出结果为false![]输出结果为false，然后[] == false，输出结果为true!{}输出结果为false，然后{} == fa.

2021-01-19 16:03:03 1002

原创 js中forEach异步证明

在之前的坑中认识到forEach是异步的，最近学习Promise又遇到了。想找一下证明forEach是异步案例。var p1 = (index) => new Promise((res,rej) => {setTimeout(() => {res(index);}, 1000)}).then(res=>{console.log(“执行P1回调”+index);console.log(res)})var arr = [1,2,3]for(var i=0;i<ar

2020-12-29 13:13:46 158

原创 CSS自定义虚线边框及其原理

记录一个简单的自定义虚线边框：发现dashed或者dotted边框太过简单不能符合Ui设计的图纸，通过背景渐变色实现一个自定义渐变边框div { padding: 1em; padding: 1em; border: 1px dashed transparent; background: linear-gradient(white,white) padding-box, repeating-linear-gradient(-45deg,#ccc 0, #ccc 0.5em

2020-05-28 14:09:44 371

原创树状图bootstarp-treeview前端jq处理无限级数据的方法

后台获取数据格式测试demo中使用js引入数据处理方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...

2020-03-27 13:58:36 182

原创 form重定向到当前页面，取消浏览器“确认重新提交表单”的提示

背景公司项目是前后台混合写法，后台得到表格数据在前台输入到表格组件内渲染显示。需求实现一个多选条件筛选功能，把筛选结果显示到表格内。实现因为筛选条件多选，存在过长的情况，使用POST方法传递。筛选完之后没办法用jq重新渲染页面，决定使用form表单提交条件到后台，然后重定向到本页面，渲染方法可以保持不变。" 确认重新提交表单"问题表单提交后重定向到本页面，按F5刷新浏览器会提示“确认...

2020-03-27 12:11:13 3398 1

qq_37820129的博客