自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(169)
  • 资源 (3)
  • 收藏
  • 关注

原创 Linux压缩和解包命令

目录:1、Linux中默认支持的压缩格式为:2、说明(1)压缩的实质:(2)压缩命令:3、tar 压缩解压命令(1)选项(2)格式:1、 .gz 格式2、.bz2 格式4、zip 和 unzip 压缩解压命令(1)压缩:(2)解压5、小结1、Linux中默认支持的压缩格式为:.gz .bz2.zip 在windows中常见 2、说明(1)压缩的实质:​ 将文件内的空白数据进行压缩,以节省空间(2)压缩命令:​ 1、 .gz 和 .bz2 的压缩包需要使用 tar 命令来压

2021-07-12 00:04:03 1685

原创 Ubuntu更改镜像源

目录:一、背景二、可视化界面修改三、手动方式换源一、背景​ 相信大家在使用 Ubuntu 系统的时候,难免会下载各种安装包,而 Ubuntu 使用的下载源服务器属于国外的,所以下载速度相对慢很多,那么解决下载慢的问题,那么我们就需要换源,换什么源呢?换国内的镜像源。国内的知名镜像源有很多,比如腾讯、阿里云、清华大学镜像源……等国内知名镜像源,那么今天就以清华镜像源为例,给大家讲解一下在Ubuntu 系统下该如何换源。二、可视化界面修改(1)点击软件和更新(2)选择Ubuntu软件,并更改下载自

2021-07-12 00:02:52 3713

原创 Linux 用户命令

目录:一、获取管理员权限1、sudo -s2、sudo3、使用场景二、退出管理员权限1、exit2、su - 原用户的名字三、查看用户命令1、whoami2、exit3、who4、passwd5、which6、shutdown -h now7、reboot8、useradd9、id10:su - 用户名11、gpasswd12、userdel13、groupadd14、groupmod15、groupdel一、获取管理员权限1、sudo -s​ **描述:**切换到 root 用户,获取管理员权限,

2021-07-12 00:01:19 2268 1

原创 Linux 修改文件权限

目录:1、介绍:2、权限说明3、用户4、权限设置5、权限设置格式:(1)增加权限:(2)撤销权限(3)无任何权限1、介绍:​ Linux系统中,每个文件或目录都有访问许可权限,用它来确定以何种方式对文件或目录进行访问和操作。在Linux中,如果要对文件的权限进行修改,那么可在终端中使用 chmod 命令对其文件的权限进行修改,但是 chmod 命令修改文件权限有两种方式:1、字母法,2、数字法2、权限说明​ (1)只读:表示只允许读取内容,而禁止其对该文件做其他任何操作​ 字母法:‘r’

2021-07-12 00:00:00 3323

原创 Linux文本搜索命令

目录:一、grep1、作用:2、**grep 文本搜索的本质是什么呢?**3、格式:4、[ -options ] 常用选项 :5、[ Regular expression ] 正则表达式常用参数:6、扩展:二、find1、描述:2、选项:3、格式:4、示例一、grep1、作用:​ grep (全称:Global Regular Expression Print,译为:全局正则表达式打印 )是 Linux 系统中一种强大的文本搜索命令或者说工具,所以它能与正则表达式一起使用来搜索文本,并把匹配的 “行

2021-07-11 23:59:03 1787

原创 Javascript中ES6模块化及其Webpack打包

目录:一、引言二、模块化1、模块化是什么2、模块化规范(1)浏览器端模块化规范(2)服务器端模块化规范(3)大一统的模块化规范三、ES6模块化的基本语法1、默认导出与默认导入2、按需导出与按需导入3、直接导入并执行模块代码4、注意四、Babel 编译器1、Babel是什么2、Node 中通过 Babel 体验 ES6 模块化五、项目打包1、当前 Web 开发面临的困境2、Webpack(1)Webpack是什么(2)使用1、列表隔行变色案例1.1 初始化项目结构和基本的H5代码1.2 在项目中安装和配置 w

2021-03-21 16:46:50 1462

原创 《Vue入门到精通》最强Vue教程,附带经典案例,万字详解,干货十足!

目录:一、前言二、Vue是什么?1、简介2、发展史3、为什么要学习Vue?4、jQuery、javascript、Vue的区别5、Vue框架构造三、Vue的使用1、Vue环境搭建2、插值表达式3、指令(Directives)1、什么是指令2、指令API1、v-cloak 解决插值闪动2、v-text 填充纯文本3、v-html :填充HTML片段4、v-pre 填充原始信息5、v-once 只编译一次6、v-model 双向数据绑定7、v-on 事件绑定8、v-bind 属性绑定9、v-if 分支结构v-i

2021-03-21 16:20:44 11149 5

原创 超级干货:手把手教你如何实现数据可视化

目录:一、引言二、数据可视化1、数据可视化是什么?2、数据可视化的目的3、使用场景4、数据可视化工具5、ECharts 可视化工具1、什么是ECharts2、如何使用(1)下载(2)引入ECharts(3)使用(4)案例3、基础配置4、ECharts社区(1)介绍(2)使用一、引言我们正处在一个数据横飞的大数据时代,对于我们来说数据是非常重要的,那么怎样把它的重要之处就展示出来是我们需要掌握的,这就是接下来本文要讲的重点数据可视化。通过观察数字和统计数据的转换以获得清晰的结论并不是一件容易的事。必须用

2021-03-08 12:38:33 9434 2

原创 javascript 防抖和节流策略

目录:一、前言二、防抖策略1、什么是防抖策略?2、防抖的应用场景3、实现4、淘宝搜索推荐(1)效果展示(2)源码奉上三、节流策略1、什么是节流策略?2、节流的应用场景3、节流阀4、实现四、防抖和节流的区别一、前言相信大家在开发项目的时候肯定会遇到一些这样的问题:搜索框搜索的提示,我们不可能说是用户输入一个字符提示马上出现,连续输入连续出现,这样连续性的请求服务器不仅对服务器造成了很大的压力,同样也降低了客户的体验度。表单的提交,只要点击了提交所绑定的事件,那么都会进行提交操作,假如我们连续多

2021-03-05 18:34:20 1016

原创 同源策略和跨域

目录:一、同源策略1、什么是同源?2、什么是同源策略?二、跨域1、什么是跨域?2、跨域的目的?3、拦截跨域请求三、实现跨域请求1、JSONP跨域(1)简介(2)实现原理(1)原生js实现jsonp分析:源码:缺点:注意:(2)jQuery实现jsonp原理:源码:注意:2、CORS跨域1、简介2、实现一、同源策略在了解同源资源策略之前,我们要先了解什么是同源,什么是非同源1、什么是同源?如果两个页面的协议、域名以及端口都相同,那么说明这两个页面具有相同的源,否则不具有相同的源。2、什么是同源策略?

2021-03-05 16:03:42 1315

原创 深究 JavaScript 中闭包的概念

深究 JavaScript 中闭包的概念​ 闭包是js的一个难点,也是它的一大特色,是我们必须掌握的js高级特性之一,那么什么是闭包呢?它又有什么用呢?在网上翻阅资料后,给我的感觉是,基本上大致都是一个意思,不难理解。那么接下来,博主将使用简洁并且形象的方式给大家来解释。1、什么是闭包?​ 术语:闭包(closure)指有权访问另一个函数作用域变量的函数。我们可以理解为,一个作用域可以访问另一个函数作用域的局部变量。例如在全局作用域下访问局部作用域下的变量,又或者两个不同的局部作用域之间进行访问局部

2021-03-03 16:08:11 920 1

原创 针对于Ajax嵌套调用以及Ajax数据依赖问题提出的解决方案,重点讲解,干货十足

今日学习目标:一、引言二、JavaScript Promise 对象1、简介2、作用3、特点4、优缺点5、创建6、Promise调用Ajax7、Promise.then链式操作8、then参数中的返回值9、Promise常用的APIA、实例方法B、对象方法三、Fetch1、简介2、语法结构3、Fetch响应结果4、Fetch 请求参数(1)常用配置选项(2)GET请求方式的参数传递(2)DELETE请求方式的参数传递(3)POST请求方式的参数传递(4)PUT请求方式的参数传递5、Fetch 链式操作四、A

2021-03-02 19:11:58 1415

原创 Node.js 使用 @hapijoi 对请求数据进行校验

学习目标:一、引言二、数据校验1、原因和目的2、如何进行数据验证三、@hapi/joi1、介绍2、使用3、API方法介绍4、模块优化四、常用数据验证规则对象1、修改密码2、登录验证3、注册验证4、路径/url地址/base64编码5、排序验证五、总结一、引言不管是在公司做开发还是做个人项目的时候,我们大都会看到数据验证的影子,无论是在前端还是后端都要对同样的数据进行一次完整的验证,因为我们要保证数据的完整性、有效性……等,这样就有利于我们的后期开发。二、数据校验1、原因和目的首先,互联网是非常之

2021-02-21 12:39:56 6552 5

原创 基与Node.js的bcryptjs加密技术

学习目标:一、引言二、加密技术1、简介2、明文和密文三、bcryptjs1、简介2、目的3、使用(1)安装(2)导入(3)加盐加密(4)比较4、案例(1)对指定的字符串进行加密(2)定义一个字符串,比较是否与上述加密的hash值相同四、总结一、引言在日常生活中我们经常会遇到密码,比如不同软件的注册、找回密码、登录……等需要用到密码。那你你真的以为你注册的密码是原封不动的存出了数据库嘛?那你太天真了,在用户输入完密码以后,服务器要将密码以明文转换为密文写入数据库的。这里面学问可多着呢,让我们一起来看看吧。

2021-02-18 12:28:32 2075 3

原创 Multer + Express 实现文件上传

学习目标:一、上期回顾二、Multer 中间件1、简介2、安装3、使用4、API接口说明1、文件属性说明2、multer 方法说明5、storage(存储引擎)磁盘存储引擎(`DiskStorage`)内存存储引擎(`MemoryStorage`)6、fileFilter(文件过滤)7、错误处理机制三、文件上传1、案例目录展示2、服务器的搭建3、单个文件上传4、多个文件上传四、总结一、上期回顾在上上一期博文中,我们一起学习了如下几个重点知识,在此向大家罗列:XMLHttpRequest 对象实现了A

2021-02-17 17:01:03 1315 1

原创 在春节来临之际使用 javascript + Node.js 实现邮件传输功能给远方的朋友发封邮件拜个早年

目录:一、引言二、Nodemailer 模块1、简介2、特点3、使用三、可重用的邮件发送模块(以服务器挂载路由函数为例)四、总结一、引言电子邮件,是互联网应用最广泛使用的服务之一,通过电子邮件系统,我们可以与世界上任何一个角落的网络用户进行联系。在日常生说中,我们会常常看到一些网站有邮箱获取验证码验证注册、修改或者找回密码……等功能,目的是验证当前的用户确实是我们所声称的用户,也更是为了进一步保护用户的个人资料等信息,因为这个涉及到了隐私问题。近期,本人开发的个人博客项目—源码空间的找回密码功能,就需

2021-02-09 19:18:25 1131

原创 XMLHttpRequest 对象实现文件上传和下载功能

XMLHttpRequest 对象实现文件上传和下载功能(内含源码哦????!)今日学习目标:XMLHttpRequest 对象实现文件上传和下载功能(内含源码哦????!)一、引言二、XMLHttpRequest 简介1、概念2、作用3、发展史4、XMLHttpRequest 与 Ajax 的关系三、XMLHttpRequest 的使用1、步骤2、实例GET请求查询字符串示例POST请求获取和设置头部信息示例3、请求头数据Content-Type(内容类型)Requests (请求头)Responses

2021-02-01 18:33:22 5529

原创 深究Web开发模式

深究Web开发模式今日学习目标:深究Web开发模式一、Web开发模式二、服务端渲染开发模式1、介绍2、优点3、缺点三、前后端分离开发模式1、介绍2、优点3、缺点四、如何选择开发模式一、Web开发模式目前主流的Web开发模式,大致分类两种:​ 基于服务器端渲染的传统Web开发模式​ 基于前后端分离的新型Web开发模式二、服务端渲染开发模式1、介绍服务器端渲染开发模式是指:服务器端通过字符串拼接,动态生成html结构和数据,交由客户端浏览器直接渲染的方式。因此,客户端不需要使用Aja

2021-01-25 14:19:56 919

原创 Web身份认证——【 JWT 认证】

Web身份认证——【 JWT 认证】学习目标:Web身份认证——【 JWT 认证】一、session 认证的局限性二、JWT认证1、什么是 JWT认证2、JWT的特点3、JWT的组成4、jwt的工作原理三、jwt在Node.js中的使用1、导入生成token令牌的包2、导入对token令牌进行解密的包3、导入这两个包4、定义secret签名(密钥)5、配置jwt并生成token令牌6、解析还原token令牌7、使用 req.user 获取用户信息8、捕获解析 token 失败后产生的错误四、总结一、s

2021-01-24 20:23:27 1108

原创 Web身份认证——【 Session认证 】

Web身份认证——【 Session认证 】今日学习目标:Web身份认证——【 Session认证 】1、Cookie回顾2、提高身份认证的安全3、session 认证3.1 什么是session认证3.2 session 的用途3.3 session 的工作流程4、session在Node.js中的使用4.1 安装 `express-session` 中间件4.2 配置`express-sission`中间件4.4 向session中存储数据4.5 从 session 中获取数据4.6 清空 sessi

2021-01-17 16:51:33 1878 1

原创 Web身份认证——【 Cookie认证 】

Web身份认证——【 Cookie认证 】学习目标:Web身份认证——【 Cookie认证 】1、什么是身份认证?2、为什么需要身份认证?3、HTTP协议的无状态性4、如何突破HTTP协议的无状态的限制?5、Cookie认证5.1 概念5.2 特点5.3 Cookie认证机制6、Node.js实现Cooke认证7、用户登录案例8、cookie 不具有安全性1、什么是身份认证?​ 身份认证又称“验证”、“鉴权”,是指通过一定的手段,完成对用户身份的确认。日常生活中无处不见身份认证的踪影,比如:高铁的验

2021-01-17 16:48:58 2679 1

原创 如何正确理解并合理使用 Node.js 中的模块(Module)和包(Package)?

如何正确理解并合理使用 Node.js 中的模块(Module)和包(Package)?目录:如何正确理解并合理使用 Node.js 中的模块(Module)和包(Package)?一、模块1、模块与模块化1.1 什么是模块(Module)?1.2 什么是模块化1.3 模块化的好处1.4 模块化规范1.4.1 什么是模块化规范?1.4.2 模块化规范的好处2、Node.js中的模块3、加载模块4、模块作用域5、模块作用域中的成员二、包1、什么是包2、为什么需要包3、如何下载包4、案例:格式化时间5、初次安

2021-01-02 13:44:41 451

原创 浅谈 JavaScript 正则表达式

浅谈 JavaScript 正则表达式目录:浅谈 JavaScript 正则表达式1、概念2、特点3、创建4、测试5、表达式全集6、常用正则表达式7、经典案例1、匹配手机号2、匹配QQ号3、匹配QQ邮箱8、replace(替换)9、参考文献1、概念​ 简单来说,正则表达式( Regular Expression ),是用于匹配字符串中字符组合的一种模式,在 JavaScript 中,正则表达式也是对象。​ 它通常被用于检索、替换哪些符合某个模式(规则)的文本。例如表单验证:用户名表单只能输入英

2020-12-28 23:27:46 161 3

原创 在 Javascript 中什么是伪数组?如何将伪数组转化为标准数组?

在 Javascript 中什么是伪数组?如何将伪数组转化为标准数组?1、前言​ 今天博主JavaScript高级进阶学完了,于是在度娘上找了几套面试题,发现这个题不知道怎么答,并且感觉这道面试图也挺经典的,所以拿出来跟大家一起学习一下,如果这真是面试题估计我就凉凉了,所以还请各位博友认真对待,那么我们开始喽!2、什么是伪数组(NodeList)?​ 伪数组(NodeList),又称类数组,指无法直接调用数组的方法,或期望length属性有什么特殊的行为,但仍可以使用对标准数组遍历的方法来遍历它

2020-12-28 18:51:04 1182 1

原创 深究 JavaScript “严格模式”

深究 JavaScript “严格模式”目录:深究 JavaScript “严格模式”1、概述2、开启严格模式2.1 开启严格模式的标志2.2 为脚本开启严格模式2.3 为函数开启严格模式3、禁止未使用关键字声明变量而使用变量4、禁止删除变量5、总结1、概述​ JavaScript 除了提供正常模式外,还提供了“严格模式”(strict mode)。ES5 的严格模式是采用具有限制性 JavaScript 变体的一种方式,从而使code现实地 脱离“马虎模式/松散模式/懒散模式”,这种模式下使得

2020-12-27 15:05:19 111

原创 JavaScript 函数内部this的各种指向

JavaScript 函数内部this的各种指向目录:**JavaScript** 函数内部this的各种指向1、引言2、code例子2.1 普通函数2.2 匿名函数2.3 构造函数2.4 对象方法调用2.5 事件绑定函数2.6 定时器函数2.7 立即执行函数3、总结4、改变函数内部 this 的指向5、异同点6、应用场景1、引言​ this是js中的一个关键字,随着函数使用场合的不同,this的值也会发生变化。当我们在不使用箭头函数、call()方法、apply()方法、bind()方法的情况下,

2020-12-27 13:12:09 141

原创 深入理解 JavaScript 中的 class

深入理解 JavaScript 中的 class(类)学习内容:1、 掌握ES6中创建类和对象的方式2、 掌握ES6中类的继承3、 掌握ES6中静态方法的使用和调用4、 理解ES6中实例化对象的原理一、ES5:function1、构造函数​ 封装、继承、多态是大多OOP语言都支持的特性,而JavaScript在ES5中没有提出真正意义上的类、继承的概念。它通过函数首字母大写的方式告知开发者这是一个构造函数或者类(有些人会将它理解为类),但从严格意义上来讲,它是构造函数。这对于初学者来说

2020-12-26 19:45:17 802

原创 学习 JavaScript (ES5)中的原型对象这一篇就够了

学习 JavaScript 中的原型对象这一篇就够了学习目标:五分钟掌握JavaScript【ES5】中原型对象的概念和使用学习内容:1、 理解什么是构造函数2、 理解什么是原型对象3、 理解构造函数、实例对象与原型对象之间的关系4、 掌握原型对象中定义属性和方法的方法5、掌握原型对象相关的属性和方法​ 今天我们来学习一下js中的原型对象,这是js面向对象中的一大难点也是面试最容易问到的问题。在学习的时候博主也在网上查找了大量的资料,发现了一个对于初学者最致命的问题,就是好多文章在

2020-12-26 14:17:56 271

原创 什么是Flex布局,如何学习,又该如何使用?【重点学习系列---干货十足---千字详解】

移动端常用布局方式—Flex(弹性布局)​ 上一篇文章向大家介绍了移动端的基础知识。包括视口(viewport)、meta标签设置、多倍图、移动端调试方法、移动端开发主流方案,以及移动端初始化CSS样式……等。那么今天我将向大家详细讲解移动端的布局方案。目录移动端常用布局方式—Flex(弹性布局)一、流式布局介绍**`min-*和max-*属性`****特征**二、flex布局1、引言2、背景3、flex布局是什么?4、基本概念5、容器的属性父项常用属性复合属性子项常用属性6、常见flex布局思路移

2020-12-23 19:06:24 285

原创 jQuary实现最简单的待办事项列表(移动和PC端均可使用)

jQuary实现最简单的待办事项列表(移动和PC端均可使用)目录:jQuary实现最简单的待办事项列表(移动和PC端均可使用)1、实现流程2、实现思路3、所遇Bug4、源码奉上​ 前言:ToDoList是一款无需注册即可使用,数据存储在用户浏览器的H5本地数据库里,是最简单、最安全的代办事项列表应用!原工具网站链接:ToDoList官网我们实现后的效果:MyToDoList​PC端效果:1、实现流程导入移动端所需要的CSS初始化样式导入flexible.js适配文件、jQuer

2020-12-20 20:00:31 409 2

原创 移动端基础知识

什么是移动端开发【重点学习系列—干货十足—千字详解】目录什么是移动端开发【重点学习系列---干货十足---千字详解】1、背景2、什么是移动端开发?3、移动端的调试方法4、视口(重点)布局视口(layout viewport)视觉视口(visual viewport)理想视口(ideal viewport)5、meta 标签(重点)``视口标签的作用语法格式属性说明标准的视口(viewport)设置6、多倍图(重点)物理像素?逻辑像素?Retina (视网膜屏幕)?物理像素比?倍图的作用?总结7、背景缩放

2020-12-20 17:32:03 952

原创 【CSS 精灵图(sprite)】相关知识总结

【CSS 精灵图(sprite)】有这篇文章学习精灵图技术就够了目录:【CSS 精灵图(sprite)】有这篇文章学习精灵图技术就够了1、什么是精灵图?2、为什么需要精灵图?3、多倍图物理像素?逻辑像素?Retina (视网膜屏幕)?物理像素比?倍图的作用?总结4、背景缩放5、如何使用精灵图1、什么是精灵图?​ CSS精灵图(sprite)直译为 “CSS精灵”,通常被称为 “CSS图像拼合”、“CSS贴图定位” 或 “CSS图片精灵”、“CSS雪碧图”……等。​ 简单来说,就是把一个页面涉及到

2020-12-20 17:27:25 1085

原创 JavaScript 字符串格式化输出

JavaScript 字符串格式化输出1、什么是格式​ 上课的时候,老师让你写作文,老师说:段落开头要缩进两个字,每一行开头不能有句号……等。这是写作文的时候,我们需要遵循的格式。​ 在格式化输出语句中,比如说格式说明%.2f,这代表小数点后保留三位小数字输出,这是在输出的时候计算机将这个小数输出到显示器上所要遵循的格式。​ 无论是写作业,还是格式化输出,事实上,格式代表的就是一定的文字规则。格式化输出,就是按照格式说明所描述的文字规则进行输出。2、格式化输出的目的​ 格式化输出就是为

2020-12-14 09:52:46 18381

原创 原生js实现轮播图

原生js实现轮播图1、原理一个装图片的大盒子,显示器内水平垂直居中,溢出的部分不显示,并且设置为相对定位ul>li>img,n个li,ul的大小要比大盒子的大小大出n倍,所有以百分比计算,并且绝对定位li浮动设置两个按钮和底下原点的位置让ul自己动,然后改变其left的大小当图片切换的时候会有一个逐渐变慢的过程,那么我们自己创建一个动画的函数在最后一张图片后边克隆第一个图片节点,插入到最后一个位置,用于过渡当点击左边,如果是第一张图片则将其过渡到最后一张克隆的图片当点击右边

2020-12-13 22:31:47 177

原创 CSS3 3D转换

CSS3 3D转换1、认识3D​ CSS3 允许使用 3D 转换对元素进行格式化。我们生活中的环境是3D的,照片就是3D物体在2D平面呈现的例子。​ 1.1 3D的特点近大远小物体后面遮挡不可见当我们在网页上构建 3D 效果效果的时候参照这些特点久能产出3D效果​ 1.2 三维坐标系​ 三维坐标系其实就是指立体空间,立体空间是由三个轴共同组成的。x轴:水平向右——注意:右边是正值,左边的负值y轴:垂直向下——注意:下面是正值,上面是负值z轴:垂直屏幕——注意:往外是正值,往里

2020-12-13 19:41:15 357

原创 纯CSS3 实现3D魔方

纯CSS3 实现3D魔方1、思路父盒子给子盒子开启立体空间,并开启透视,设置视距子盒子设置摆放位置,与我们画的正方体类似,按照平面正方体每个面的拜访位置,我们通过旋转、平移达到摆放的效果父盒子设置过渡鼠标悬停到父盒子,子盒子做出的行为,分别向各自的方向扩散,并且侧面要有一定的旋转,为90°,使其达到我们想看到的打开效果创建动画,0%-100%没问题,x轴和y轴旋转一周或者两周,即360°或者720°大盒子调用动画,大盒子旋转,子盒子就跟着转了2、源码<!DOCTYPE html&

2020-12-13 19:30:35 312

原创 纯CSS3 实现 3D旋转相册

纯CSS3 实现 3D旋转相册思路:首先要有一个可以转动的父级元素要有若干个子元素通过父级元素给子元素开启三维立体空间将子元素围父元素摆放:三维空间y轴排列,就是钢管舞运动,y轴旋转的度数=360 / 图片的个数-1,然后累加为了使元素具有立体感,所有z轴都往前移动使用过渡创建动画阶段0%-100%肯定是没问题的,但是中间的阶段为:每次旋转90°,360/90=4次,100/4=25,也就是说每次是25%,到100%一共4次+0%=5次让大盒子旋转其他子盒子面就会跟着旋转,因为是左右旋转

2020-12-13 19:29:16 706

原创 CSS3 动画

CSS3 动画1、什么是动画​ 动画是CSS3中最具颠覆性的特征之一,可通过设置多个节点来精确的控制一个或一组动画,从而实现复杂的动画效果。​ 通俗来讲,动画就是使元素从一种样式逐渐变化为另一种样式的效果,同时你可以改变任意多的样式任意多的次数。2、动画的使用先定义动画语法格式:@keyframes 动画名称 { 0% { width: 100px; } 100% { width: 200px; }}再调用动画div { /*调用动画*/ animat

2020-12-13 19:27:59 109

原创 CSS3 2D转换

CSS3 2D转换1、CSS3 转换​ 转换(transform)是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、变形、缩放……等。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YMNa30Zh-1607857748232)(E:\前端\H5+CSS3\笔记\transforms.gif)]2、工作原理​ 转换的效果是让某个元素改变形状、大小、位置……等,可以使用2D或3D转换来转换我们的元素。3、2D 转换2D 转换是改变元素在二维平面上位置

2020-12-13 19:15:19 244

原创 css3新特性

CSS3新特性目录:CSS3新特性1、SS3现状2、CSS3新增选择器2.1 属性选择器2.2 结构伪类选择器2.3 伪元素选择器3、盒子模型4、其他特性4.1 flter滤镜属性4.2 计算盒子宽度calc()函数4.4 css3过渡5、广义H5说法1、SS3现状新增的CSS3特性有兼容性问题,基本上IE9以上才支持重点突出方向在于移动端开发,移动端优于PC端还处在完善中应用相对比较广泛目前主要学习的是新增的选择器和CSS3盒子模型以及个别其他特性2、CSS3新增选择器CSS3新

2020-12-12 19:16:22 1683

Linux系统安装.zip|Linux系统安装.zip

Linux 是目前应用最广泛的服务器操作系统,基于Unix,并且开源免费。由于系统的稳定性和安全性,市场占有率很高,几乎成为程序代码运行的最佳系统环境。

2020-09-09

Windows10系统下安装Linux系统.md|Windows10系统下安装Linux系统.md

Linux 是目前应用最广泛的服务器操作系统,基于Unix,并且开源免费。由于系统的稳定性和安全性,市场占有率很高,几乎成为程序代码运行的最佳系统环境。下面将介绍 Linux 操作系统的安装。

2020-09-02

python-3.8.5-amd64.zip

众所周知Python官网属于国外网站服务器,相信大家在官网下载 Python开发环境的时候,时常会碰到下载速度非常慢的情况,那么为了解决这种问题,我将 最新稳定版的 Python 3.8.5 拿到这里供大家使用,希望可以帮到大家!

2020-08-26

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除