- 博客(13)
- 收藏
- 关注
原创 锁屏面试题百日百刷-CSS篇(一)
你了解的浏览器的重绘和回流导致的性能问题重绘(Repaint)和回流(Reflow)重绘和回流是渲染步骤中的一小节,但是这两个步骤对于性能影响很大。重绘是当节点需要更改外观而不会影响布局的,比如改变 color就叫称为重绘回流是布局或者几何属性需要改变就称为回流。回流必定会发生重绘,重绘不一定会引发回流。回流所需的成本比重绘高的多,改变深层次的节点很可能导致父节点的一系列回流。所以以下几个动作可能会导致性能问题:改变 window 大小改变字体添加或删除样式文字改变定位或者浮动盒模型
2021-07-17 23:14:54 111
原创 锁屏面试题百日百刷-VUE篇(一)
vue 中父组件如何触发子组件的函数,子组件如何触发父组件的函数父组件中获取子组件函数:children、children、children、refs子组件中获取父组件函数:$onvue-router 有哪几种导航钩子1.全局钩子 作用:跳转前进行判断拦截。2.组件级的3.单个路由独享的全局导航钩子router.beforeEach(to, from, next),router.beforeResolve(to, from, next),router.afterEach(to, f
2021-07-16 17:06:10 139
原创 锁屏面试题百日百刷-网络篇(一)
====什么是网络编程?网络编程的本质是多台计算机之间的数据交换。数据传递本身没有多大的难度,不就是把一个设备中的数据发送给其他设备,然后接受另外一个设备反馈的数据。现在的网络编程基本上都是基于请求/响应方式的,也就是一个设备发送请求数据给另外一个,然后接收另一个设备的反馈。在网络编程中,发起连接程序,也就是发送第一次请求的程序,被称作客户端(Client),等待其他程序连接的程序被称作服务器(Server)。客户端程序可以在需要的时候启动,而服务器为了能够时刻相应连接,则需要一直启动。====网络编程
2021-07-14 20:51:04 91 1
原创 浅谈vuex原理及使用
Vuex实现数据共享在进行vue开发时,我们时常需要在多个独立页面之间传值或者共用一些数据,当多个页面或多个组件间进行复杂的数据传值很困难的时候,如果我们能把需要使用的公共数据放到一个存储空间去存储,然后某一个组件改变了这个公共数据其他组件也能感知到,就能提供我们的开发效率,vuex的设计理念就是如此。上图所示,虚线区域就是vuex的存储区域,可以把这个区域理解为store仓库,这个仓库是由几部分组成的。首先大家可以看到state区域:所有的公共数据都是存放在state当中,如果组件想用一个公共数据
2021-04-13 18:44:19 151
原创 大数据入门(一)-大数据概念和特点(1)
一、大数据概念大数据是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。大数据主要解决海量数据的存储和海量数据的分析计算问题二、大数据特点大数据的特点可以用”4V”来描述:1、Volume(大量)首先需对数据的存储单位有个基本概念:按顺序给出数据存储单位:bit、Byte、KB、MB、GB、TB、PB、EB、ZB、YB、BB、NB、DB。1Byte = 8bit 1K =
2021-04-10 20:12:12 240
原创 关于flex布局学习分享
大家好,这里是demo软件园,今天为大家分享的是flex布局。**flex布局:**CSS3 弹性盒子(Flexible Box 或 Flexbox),是一种用于在页面上布置元素的布局模式,使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时,元素可预测地运行行/列。对于学习flex布局我们得首先知道以下技术点:–什么是容器,什么是项目,什么是主轴,什么是侧轴?–项目永远排列在主轴的正方向上–弹性盒子模型分老版与新版:老版本的我们通常称之为box:-webkit-box新版本的我们通常称之为
2021-03-22 19:05:43 99
原创 Bootstrap的学习分享
大家好,这里是demo软件园,今天为大家分享的是Bootstrap的学习分享。众所周知Bootstrap是一款简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。流体布局容器容器的width为auto,只是两边加了15px的padding。 固定布局容器的width会随设备分辨率的不同而生产变化分辨率阈值w >=1200 容器的width为1170 左右padding为15 (注意是borderBox)1200>w >=992 容器的width为970 左右
2021-03-19 19:32:32 80
原创 css3中的动画学习分享
大家好,这里是demo软件园,今天为大家分享的是css3中的动画(animation)。css3动画:使元素从一种样式逐渐变化为另一种样式的效果。动画原理:通过把人物的表情、动作、变化等分解后画成许多动作瞬间的画幅,利用视觉暂留的原理,在一幅画还没有消失前,播放下一幅画。就会给人造成一种流畅的视觉变化效果。animation属性是一个简写属性形式: (可以用来描述可动画的属性)可动画属性的列表:https://developer.mozilla.org/en-US/docs/Web/CSS/CS
2021-03-17 20:40:43 163
原创 CSS3中的3D变换与简易立方体的制作
大家好,这里是demo软件园,今天为大家分享的是css3中的3d变换。我们首先要知道在浏览器中,X轴是从左到右,Y轴是从上到下,Z轴是从里到外。CSS的3d变换中,有以下属性:A.3D旋转:CSS3中的3D旋转主要包括四个功能函数rotateX(angle)、rotateY(angle)、rotateZ(angle)、等价于rotate(angle)rotate3d(x,y,z,angle),x, y, z分别接受一个数值(number),用来计算矢量方向(direction vector)
2021-03-15 20:11:20 170
原创 极限挑战logo的制作教程
大家好,这里是demo软件园,今天为大家分享极限挑战logo的制作教程。喜欢极限挑战,所以尝试着做了下鸡条的LOGO!!!效果图:素材:操作步骤: 1、打开【PS】,新建画布,画出如下的形状,并添加图层样式【内阴影】【内发光】【渐变叠加】;之后复制两层六边形的图层,最顶上【ctrl+t】自由变换,等比例缩放至合适的位置。选择中间图层,ctrl+鼠标单击顶层图层,调出选区,然后删除。把最顶上图层也一并删除,然后会剩下一个环形,对环行添加图层样式【斜面与浮雕】,把其他样式清除掉。复制一层
2021-03-13 20:53:22 1425
原创 css3中过渡和2D变换的学习分享以及简易时钟的实现
大家好,这里是demo软件园,今天为大家分享的是css3中过渡和2D变换。众所周知,css效率极高,其变化的过程往往都是在一瞬间完成,速度极快。CSS transition 提供了一种在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程,而不是立即生效的。比如,将一个元素的颜色从白色改为黑色,通常这个改变是立即生效的,使用 CSS transitions 后该元素的颜色将逐渐从白色变为黑色,按照一定的曲线速率变化。这个过程可以自行定义。过渡中有如下属性:transitio
2021-03-13 19:02:56 124
原创 关于css垂直水平居中的几种方式
关于css垂直水平居中的几种方式css中元素的垂直水平居中是比较常见及较常使用的,在这里向大家介绍一下几种方式。1.水平居中margin: 0 auto;效果图:而文字的垂直水平居中也比较简单,加上line-height: 200px;与text-align: center;即可。#test{width: 200px;height: 200px;line-height: 200px;background: red;margin: 0 auto;text-align: center
2021-03-11 21:01:26 342 4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人