- 博客(13)
- 收藏
- 关注
RSS订阅原创 ES6小结
const 是用来声明常量，常量就是固定不变的量，在我们开发过程中当一个变量希望它的值在声 明以后，不被（自己或者他人）改变 const的作用：用于创建常量 语法：constant 常量的名称 = 值 注意：1.常量的值一旦定义不能被修改 2.常量的值一般用大写 3.常量在定义的时候，必须赋值 4.不允许重复定义的 ...
2022-03-10 18:46:22
199
原创 画布canvas
1 、简介 HTML5 canvas 标签用于绘制图像 不过，canvas 元素本身并没有绘制能力(它仅仅是图形的容器)，您必须使用脚本来完成实际的绘图任务getContext()方法可返回一个对象，该对象提供了用于在画布上画图的方法和属性。 提供完善的getContent(‘2d’)对象的属性和方法，可用于在画布上绘制文本、线条、矩形、圆形等等。 国内 游戏制作 白鹭引擎 白鹭科技 小型3d游戏 threejs 大型游戏开发 虚幻4 2 、标签介绍 <!-- canvas 三要素
2022-02-22 09:41:47
264
原创 关于媒体查询
Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效 果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则 @media 媒体类型and （媒体特性）{你的样式} 注 意 ：使用Media Queries必须要使用“@media”开头，然后指定媒体类型（也可以称为设备类型）， 随后是指定媒体特性（也可以称之为设备特性）。媒体特性的书写方式和样式的书写方式非常相似，主 要分为两个部分，第一个部分指的是媒
2022-02-16 10:03:00
214
原创 弹性盒子的布局
1 弹性盒子(弹性布局) 1.1 弹性布局介绍 Flexbox是flexible box的简称(意思是"灵活的盒子容器")，是CSS3引入的新的布局模式。它决定了 元素如何在页面商排列，使他们能在不同的屏幕尺寸和设备下可预测地展现出来。 它之所以被称为Flexbox，是因为它能够扩展和收缩flex容器内地元素，以最大限度地填充可用空 间。与以前布局方式(如table布局和浮动元素内嵌元素)相比，Flexbox是一个更强大的方式 （1）在不同方向排列元素 （2）重新排列元素的显示顺序 （3）更改元
2022-02-13 22:13:04
6813
原创 CSS3选择器
1 关系选择器 a. E F 包含选择器(后代选择器) b. E>F 子集选择器 c. E+F 相邻选择器(紧邻兄弟选择器) d. E~F 兄弟选择器(同辈兄弟) 2 伪类选择器 a. :first-child b. :last-child c. :nth-child d. :first-of-type e. :last-of-type f. :first-of-type g. :nth-of-type h. :not 3 伪对象选择器 a. ::after b. ::
2022-02-06 17:00:58
239
原创 HTML5基础
第二章：HTML5标签 1.1 废弃的标签 acronym applet basefont big center dir font frame frameset noframes strike 1.2 新增标签 1.2.1 语义和结构标签 a. 注释注解标签 <ruby> 英雄 <rt>ying xiong</rt> </ruby> b. 描述文档细节 <details> <!-- 定义标题的 --&
2022-01-29 18:56:17
329
原创 关于H5+CSS3
第一章:响应式设计基础 随着技术的发展和移动网站的普及，同时也推动着网站设计师要去重新思考他们的工作成果将如何 在不同设备上呈现。想一想，你每天在手机和电脑上浏览网页的时间哪个更长？ 1.1 什么是响应式设计 简单说，响应式网站设计是一种允许设计和代码响应设备屏幕大小的方法。这意味着无论你使用的是 4英寸安卓手机，iPad mini，还是40英寸的影院级显示器，你都将获得最优秀的浏览体验。 对比一下静态页面与响应式设计的网站在不同设备上的显示效果： 最好的响应式网站基本上使用流体网格、自适应图像和CS
2022-01-23 19:21:59
193
原创 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
117
原创 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
165
原创 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
195
原创 js的基础
一、数组 概念:数组是一组数据的集合，可以存储任意类型的数据 1.1 数组的创建 1. 通过对象的方式创建 new // 1. 通过对象的方式 new var arr = new Array() 2. 字面量创建 [] 是字面量的含义 var arr1 = ['张三',true,21] 注意:数组中值和值之间使用英文逗号(,)隔开 1.2 数组单个元素的访问 通过数组元素的键名(下标)，来获取数组的中的某一个值 语法...
2021-10-12 16:04:50
430
原创 js的变量、数据类型、运算符、流程控制
变量 1. 概 念： 计算机中用来存储数据的 2. 变量的创建 语法: var 变量名称 = 值 3.变量的命名规范 。包含数字(0-9)、字母(a-zA-Z)、下划线(_)、美元符号($) 。不能用数字开头 。不能使用系统关键字、保留字 。变量名称有意义 。驼峰命名法 首字母小写，其余单词首字母大写 3. 变量的扩展 a. 初始化赋值 创建变量的时候 赋值 <script> var age=12 </script>
2021-09-23 14:30:44
155
原创 HTML/CSS/JS 的关系
html 负责页面内容显示和结构 css 页面美化 js 与用户交换 面试题：页面的三层结构是什么？各自的作用 结构层、表现层、行为层 script标签的使用 <!--嵌入的方式--> <!--嵌入的方式 --> <script> js代码 </script> <!--外部js文件引入的方式--> 》 <script src="js文件路径"></script> <!--标签内...
2021-09-16 16:54:19
250
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人