- 博客(11)
- 收藏
- 关注

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

原创 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
817
原创 判断是否是数组的方法
Array.isArray(obj); obj instanceof Array; true obj.constructor === Array; true (Object.prototype.toString.call(obj).slice(8, -1)) == Array; 需要注意的是Object.prototype.toString.call(obj)得到的是字符串
2021-06-24 14:09:15
139
原创 js遍历总结(for、forEach、while、do-while、for...in...、for...of...、map、filter、find、every、some
for for循环 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
281
原创 vue2双向绑定原理
原理: 1、vue双向绑定是通过“数据劫持”结合“发布者订阅”模式的方式来实现的,也就是说数据和视图同步,数据发生变化,视图也发生变化,视图变化,数据也随之改变。 方法:Object.defineProperty(obj, prop, descriptor) 1、方法介绍: Object.defineProperty(obj, prop, descriptor)中有三个参数 obj:要定义其属性的对象 prop:要定义或者修改的属性 descriptor:具体改变的方法 ...
2021-06-21 10:39:50
1447
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
640
原创 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,输出结果为true 3>2输出结果为true,然后true>1,输出结果为false ![]输出结果为false,然后[] == false,输出结果为true !{}输出结果为false,然后{} == fa.
2021-01-19 16:03:03
1226
原创 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
226
原创 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
463
原创 树状图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
240
原创 form重定向到当前页面,取消浏览器“确认重新提交表单”的提示
背景 公司项目是前后台混合写法,后台得到表格数据在前台输入到表格组件内渲染显示。 需求 实现一个多选条件筛选功能,把筛选结果显示到表格内。 实现 因为筛选条件多选,存在过长的情况,使用POST方法传递。筛选完之后没办法用jq重新渲染页面,决定使用form表单提交条件到后台,然后重定向到本页面,渲染方法可以保持不变。 " 确认重新提交表单"问题 表单提交后重定向到本页面,按F5刷新浏览器会提示“确认...
2020-03-27 12:11:13
3939
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人