jan_ping-优快云博客

原创 ES6小结

const 是用来声明常量，常量就是固定不变的量，在我们开发过程中当一个变量希望它的值在声明以后，不被（自己或者他人）改变 const的作用：用于创建常量语法：constant 常量的名称 = 值注意：1.常量的值一旦定义不能被修改 2.常量的值一般用大写 3.常量在定义的时候，必须赋值 4.不允许重复定义的...

2022-03-10 18:46:22 186

1 、简介HTML5 canvas 标签用于绘制图像不过，canvas 元素本身并没有绘制能力(它仅仅是图形的容器)，您必须使用脚本来完成实际的绘图任务getContext()方法可返回一个对象，该对象提供了用于在画布上画图的方法和属性。提供完善的getContent(‘2d’)对象的属性和方法，可用于在画布上绘制文本、线条、矩形、圆形等等。国内游戏制作白鹭引擎白鹭科技小型3d游戏 threejs大型游戏开发虚幻42 、标签介绍<!--canvas 三要素

2022-02-22 09:41:47 250

原创关于媒体查询

Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则@media 媒体类型and （媒体特性）{你的样式}注意：使用Media Queries必须要使用“@media”开头，然后指定媒体类型（也可以称为设备类型），随后是指定媒体特性（也可以称之为设备特性）。媒体特性的书写方式和样式的书写方式非常相似，主要分为两个部分，第一个部分指的是媒

2022-02-16 10:03:00 201

原创弹性盒子的布局

1 弹性盒子(弹性布局)1.1 弹性布局介绍Flexbox是flexible box的简称(意思是"灵活的盒子容器")，是CSS3引入的新的布局模式。它决定了元素如何在页面商排列，使他们能在不同的屏幕尺寸和设备下可预测地展现出来。它之所以被称为Flexbox，是因为它能够扩展和收缩flex容器内地元素，以最大限度地填充可用空间。与以前布局方式(如table布局和浮动元素内嵌元素)相比，Flexbox是一个更强大的方式（1）在不同方向排列元素（2）重新排列元素的显示顺序（3）更改元

2022-02-13 22:13:04 6786

原创 CSS3选择器

1 关系选择器a. E F 包含选择器(后代选择器)b. E>F 子集选择器c. E+F 相邻选择器(紧邻兄弟选择器)d. E~F 兄弟选择器(同辈兄弟)2 伪类选择器a. :first-childb. :last-childc. :nth-childd. :first-of-typee. :last-of-typef. :first-of-typeg. :nth-of-typeh. :not3 伪对象选择器a. ::afterb. ::

2022-02-06 17:00:58 227

原创 HTML5基础

第二章：HTML5标签1.1 废弃的标签acronymappletbasefontbigcenterdirfontframeframesetnoframesstrike1.2 新增标签1.2.1 语义和结构标签a. 注释注解标签<ruby>英雄<rt>ying xiong</rt></ruby>b. 描述文档细节<details><!-- 定义标题的 --&

2022-01-29 18:56:17 318

原创关于H5+CSS3

第一章:响应式设计基础随着技术的发展和移动网站的普及，同时也推动着网站设计师要去重新思考他们的工作成果将如何在不同设备上呈现。想一想，你每天在手机和电脑上浏览网页的时间哪个更长？1.1 什么是响应式设计简单说，响应式网站设计是一种允许设计和代码响应设备屏幕大小的方法。这意味着无论你使用的是 4英寸安卓手机，iPad mini，还是40英寸的影院级显示器，你都将获得最优秀的浏览体验。对比一下静态页面与响应式设计的网站在不同设备上的显示效果：最好的响应式网站基本上使用流体网格、自适应图像和CS

2022-01-23 19:21:59 184

原创 JQuery基础下

六、事件6.1 鼠标事件语法：事件对象(dom元素).事件名称(function(){})1. 鼠标单击事件 click()<style>.clk{width: 200px;height: 180px;background-color: red;}.active{background-color: blue;}</style><div class="clk"></div><script>$(functio

2022-01-16 19:29:41 102

原创 JQuery基础

jQuery简称："JQ"jQuery是一个快速、简洁的JavaScript框架(库，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由John Resig发布)jQuery设计的宗旨是“write Less，Do More”（写的少，干得多）jQuery封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互jQuery的核心特性可以总结为：具有独特的链式语法和短小

2021-11-14 12:08:49 131

原创 DOM对象的属性

1.1 DOM对象什么是DOM对象？document object model 文档对象模型文档： html文档模型： DOM树DOM对象可以干什么？可以操作html标签的内容、属性、样式1.2 获取html的标签元素a. 通过标签的id属性值来获取元素document.getElementById(id属性值)<a href="#" id="test1">百度1</a><script>// 通过id的方式获取

2021-10-15 17:21:04 184

原创 js的基础

一、数组概念:数组是一组数据的集合，可以存储任意类型的数据1.1 数组的创建 1. 通过对象的方式创建 new // 1. 通过对象的方式 new var arr = new Array() 2. 字面量创建 [] 是字面量的含义var arr1 = ['张三',true,21] 注意:数组中值和值之间使用英文逗号(,)隔开 1.2 数组单个元素的访问通过数组元素的键名(下标)，来获取数组的中的某一个值语法...

2021-10-12 16:04:50 420

原创 js的变量、数据类型、运算符、流程控制

变量1. 概念：计算机中用来存储数据的 2. 变量的创建语法: var 变量名称 = 值 3.变量的命名规范。包含数字(0-9)、字母(a-zA-Z)、下划线(_)、美元符号($) 。不能用数字开头。不能使用系统关键字、保留字。变量名称有意义。驼峰命名法首字母小写，其余单词首字母大写3. 变量的扩展 a. 初始化赋值创建变量的时候赋值<script> var age=12 </script>

2021-09-23 14:30:44 136

原创 HTML/CSS/JS 的关系

html 负责页面内容显示和结构css 页面美化js 与用户交换面试题：页面的三层结构是什么？各自的作用结构层、表现层、行为层script标签的使用<script> js代码</script>》<script src="js文件路径"></script><!--标签内...

2021-09-16 16:54:19 236