前端
文章平均质量分 75
沐昀Iris
这个作者很懒,什么都没留下…
展开
-
实现水平以及垂直居中的几种方法
行内元素和文本的水平垂直居中有下述代码,效果如图 <div class="wrap"> <span>水平垂直居中</span> </div> .wrap{ height: 400px; background-color: tomato; }水平居中原创 2021-01-14 16:06:05 · 798 阅读 · 0 评论 -
将平整数据转化为树形数据
构造树型结构数据函数function handleTree(data, id, parentId, children, rootId) { id = id || 'id' parentId = parentId || 'parentId' children = children || 'children' rootId = rootId || 0 //对源数据深度克隆 const cloneData = JSON.parse(JSON.stringify(data))原创 2020-12-03 10:14:41 · 317 阅读 · 0 评论 -
HTML页面布局之文档流
目录前言一、什么是文档流?二、html标签在文档流中是怎样排列的1.块级元素在标准文档流中独占一行,不能与其他任何元素并列。多个块级元素垂直排列2.行内元素在标准文档流中没有宽高,与其他元素并排。前言一、什么是文档流?文档流指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。二、html标签在文档流中是怎样排列的css将html标签分成了块级元素和行内元素。1.块级元素在标准文档流中独占一行,不能与其他任原创 2020-08-24 15:33:18 · 818 阅读 · 0 评论 -
基于Vue+Node.js的健身房会员管理系统
系统结构该课题主要由三个前端平台(管理端、用户端、教练端),一个后台服务器和一个数据库组成:功能描述用户平台:面向全体用户的平台,每个用户可以自发注册账号,申请成为健身房的会员,就可以在该平台上随时查看近期开放的课程并进行预约,同时也可以直接预约私人教练或者场地自行训练,在规定时间内可以取消自己的预约,进行锻炼之后可以为对应教练进行评价和打分,同时还可以享受查看管理自己的个人信息,浏览历史记录,充值缴费等全方位的服务。教练平台:该平台只供健身房的教练使用,由后台统一分配账号用于登录,没有注册功能原创 2020-07-02 09:38:03 · 6562 阅读 · 18 评论 -
使用Node实现Vue移动端网页支付宝沙箱模拟支付
在许多项目中都会涉及到支付功能,而一些朋友呢目前并不具备申请商家好上线项目的能力,尤其是一些大学生只是用作练习来开发这样的项目,而支付宝为开发者提供了一个模拟支付宝功能的平台——沙箱环境,使得我们可以用一个虚拟的账号来模拟我们项目中所需要的支付功能。沙箱配置要用到支付宝沙箱环境呢首先需要到登录支付宝开发平台,登录之后进入管理中心点击管理中心中的研发服务,就能进入到沙箱环境页面在沙箱界面进行密钥设置选择公钥,点击密钥生成器下载支付宝提供的密钥生成工具打开支付宝开发平台开发助手,选择RSA2原创 2020-07-02 17:19:41 · 1840 阅读 · 6 评论 -
关于父元素设置maxHeight或minHeight,子元素高度设置%的不生效的问题
关于父元素设置maxHeight或minHeight,子元素高度设置%的不生效的问题要理解这个问题,首先要搞清楚一个元素的高度是由什么决定的?如果在不额外设置高度或者行高等外加的影响高度的css样式时,一个元素的高度就是其内部元素内容的高度之和。所以元素的高度是由内向外计算的。那如果<div class="box"> <div class="item1">第一行内容</div> <div class="item2">第二行内容</div原创 2020-08-05 11:29:29 · 9829 阅读 · 1 评论 -
解构赋值
认识解构按照一定模式从数组和对象中提取值,然后对变量进行赋值,成为解构数组的解构当我们需要同时给多个变量赋值时,传统的赋值方法如下:var a=1;var b=2;var c=3;在ES6中,我们还可以这样写:var [a,b,c]=[1,2,3];相比于之前的代码,这样写是不是更简便呢?这一段代码表示,可以从数组中提取值,按照位置赋给相应的变量。如果等号左边的模式只匹配一...原创 2020-03-24 13:21:05 · 272 阅读 · 0 评论 -
构造函数返回值问题
关于构造函数返回值的问题//第一题var fun = function(){ this.name = 'peter'; return { name: 'jack' };}var p = new fun();console.log(p.name); //jack//第二题var fun = function(){ this.name = '...原创 2020-03-24 13:21:56 · 563 阅读 · 1 评论 -
Event Loop
事件循环机制Event Loopjs是一种单线程非阻塞式的解释型脚本语言,单线程意味着一次只能执行一个任务,那么当一个任务在执行时,其他的任务就需要排队等待,他们的执行顺序是怎样的呢?任务主要分为同步任务和异步任务两种,当我们的程序里面既有同步任务又有异步任务存在的时候应该怎么去执行呢?我们来看下面这一段代码console.log('aaa');setTimeout(()=>{ ...原创 2020-03-24 14:22:28 · 161 阅读 · 0 评论 -
浏览器渲染过程
webkit渲染过程从上面这个图上,我们可以看到,浏览器渲染过程如下:解析HTML,生成DOM树,解析CSS,生成CSSOM树将DOM树和CSSOM树结合,生成渲染树(Render Tree)Layout(回流):根据生成的渲染树,进行回流(Layout),得到节点的几何信息(位置,大小)Painting(重绘):根据渲染树以及回流得到的几何信息,得到节点的绝对像素Display:...转载 2020-03-10 11:04:18 · 165 阅读 · 0 评论 -
变量相关知识整理
关于构造函数返回值的问题//第一题var fun = function(){ this.name = 'peter'; return { name: 'jack' };}var p = new fun();console.log(p.name); //jack//第二题var fun = function(){ this.name = '...原创 2020-02-21 18:02:48 · 1549 阅读 · 0 评论