<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[jan_ping的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/jan_ping</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; jan_ping]]></copyright><item><title><![CDATA[ES6小结]]></title><link>https://blog.youkuaiyun.com/jan_ping/article/details/123407877</link><guid>https://blog.youkuaiyun.com/jan_ping/article/details/123407877</guid><author>jan_ping</author><pubDate>Thu, 10 Mar 2022 18:46:22 +0800</pubDate><description><![CDATA[const 是用来声明常量，常量就是固定不变的量，在我们开发过程中当一个变量希望它的值在声 明以后，不被（自己或者他人）改变
	
	
	const的作用：用于创建常量
	
     语法：constant 常量的名称 = 值

     注意：1.常量的值一旦定义不能被修改

          2.常量的值一般用大写

          3.常量在定义的时候，必须赋值

          4.不允许重复定义的

...]]></description><category></category></item><item><title><![CDATA[画布canvas]]></title><link>https://blog.youkuaiyun.com/jan_ping/article/details/122957450</link><guid>https://blog.youkuaiyun.com/jan_ping/article/details/122957450</guid><author>jan_ping</author><pubDate>Tue, 22 Feb 2022 09:41:47 +0800</pubDate><description><![CDATA[1 、简介

HTML5 canvas 标签用于绘制图像

不过，canvas 元素本身并没有绘制能力(它仅仅是图形的容器)，您必须使用脚本来完成实际的绘图任务getContext()方法可返回一个对象，该对象提供了用于在画布上画图的方法和属性。

提供完善的getContent(‘2d’)对象的属性和方法，可用于在画布上绘制文本、线条、矩形、圆形等等。

国内 游戏制作 白鹭引擎 白鹭科技

小型3d游戏 threejs

大型游戏开发 虚幻4

2 、标签介绍


&lt;!--
canvas 三要素
]]></description><category></category></item><item><title><![CDATA[关于媒体查询]]></title><link>https://blog.youkuaiyun.com/jan_ping/article/details/122957305</link><guid>https://blog.youkuaiyun.com/jan_ping/article/details/122957305</guid><author>jan_ping</author><pubDate>Wed, 16 Feb 2022 10:03:00 +0800</pubDate><description><![CDATA[Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效 果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则

@media 媒体类型and （媒体特性）{你的样式}

注 意 ：使用Media Queries必须要使用“@media”开头，然后指定媒体类型（也可以称为设备类型）， 随后是指定媒体特性（也可以称之为设备特性）。媒体特性的书写方式和样式的书写方式非常相似，主 要分为两个部分，第一个部分指的是媒]]></description><category></category></item><item><title><![CDATA[弹性盒子的布局]]></title><link>https://blog.youkuaiyun.com/jan_ping/article/details/122914804</link><guid>https://blog.youkuaiyun.com/jan_ping/article/details/122914804</guid><author>jan_ping</author><pubDate>Sun, 13 Feb 2022 22:13:04 +0800</pubDate><description><![CDATA[1 弹性盒子(弹性布局)

1.1 弹性布局介绍

Flexbox是flexible box的简称(意思是"灵活的盒子容器")，是CSS3引入的新的布局模式。它决定了 元素如何在页面商排列，使他们能在不同的屏幕尺寸和设备下可预测地展现出来。

它之所以被称为Flexbox，是因为它能够扩展和收缩flex容器内地元素，以最大限度地填充可用空 间。与以前布局方式(如table布局和浮动元素内嵌元素)相比，Flexbox是一个更强大的方式

（1）在不同方向排列元素

（2）重新排列元素的显示顺序

（3）更改元]]></description><category></category></item><item><title><![CDATA[CSS3选择器]]></title><link>https://blog.youkuaiyun.com/jan_ping/article/details/122799519</link><guid>https://blog.youkuaiyun.com/jan_ping/article/details/122799519</guid><author>jan_ping</author><pubDate>Sun, 06 Feb 2022 17:00:58 +0800</pubDate><description><![CDATA[1 关系选择器

a. E F 包含选择器(后代选择器)

b. E&gt;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. ::]]></description><category></category></item><item><title><![CDATA[HTML5基础]]></title><link>https://blog.youkuaiyun.com/jan_ping/article/details/122746516</link><guid>https://blog.youkuaiyun.com/jan_ping/article/details/122746516</guid><author>jan_ping</author><pubDate>Sat, 29 Jan 2022 18:56:17 +0800</pubDate><description><![CDATA[第二章：HTML5标签

1.1 废弃的标签

acronym

applet

basefont

big

center

dir

font

frame

frameset

noframes

strike

1.2 新增标签

1.2.1 语义和结构标签

a. 注释注解标签


&lt;ruby&gt;
英雄
&lt;rt&gt;ying xiong&lt;/rt&gt;
&lt;/ruby&gt;


b. 描述文档细节


&lt;details&gt;
&lt;!-- 定义标题的 --&]]></description><category></category></item><item><title><![CDATA[关于H5+CSS3]]></title><link>https://blog.youkuaiyun.com/jan_ping/article/details/122655579</link><guid>https://blog.youkuaiyun.com/jan_ping/article/details/122655579</guid><author>jan_ping</author><pubDate>Sun, 23 Jan 2022 19:21:59 +0800</pubDate><description><![CDATA[第一章:响应式设计基础

随着技术的发展和移动网站的普及，同时也推动着网站设计师要去重新思考他们的工作成果将如何 在不同设备上呈现。想一想，你每天在手机和电脑上浏览网页的时间哪个更长？

1.1 什么是响应式设计 简单说，响应式网站设计是一种允许设计和代码响应设备屏幕大小的方法。这意味着无论你使用的是 4英寸安卓手机，iPad mini，还是40英寸的影院级显示器，你都将获得最优秀的浏览体验。

对比一下静态页面与响应式设计的网站在不同设备上的显示效果： 最好的响应式网站基本上使用流体网格、自适应图像和CS]]></description><category></category></item><item><title><![CDATA[JQuery基础下]]></title><link>https://blog.youkuaiyun.com/jan_ping/article/details/122527224</link><guid>https://blog.youkuaiyun.com/jan_ping/article/details/122527224</guid><author>jan_ping</author><pubDate>Sun, 16 Jan 2022 19:29:41 +0800</pubDate><description><![CDATA[六、事件

6.1 鼠标事件

语法： 事件对象(dom元素).事件名称(function(){})

1. 鼠标单击事件 click()


&lt;style&gt;
.clk{
width: 200px;
height: 180px;
background-color: red;
}
.active{
background-color: blue;
}
&lt;/style&gt;
&lt;div class="clk"&gt;&lt;/div&gt;
&lt;script&gt;
$(functio]]></description><category></category></item><item><title><![CDATA[JQuery基础]]></title><link>https://blog.youkuaiyun.com/jan_ping/article/details/121315783</link><guid>https://blog.youkuaiyun.com/jan_ping/article/details/121315783</guid><author>jan_ping</author><pubDate>Sun, 14 Nov 2021 12:08:49 +0800</pubDate><description><![CDATA[jQuery

简称："JQ"

jQuery是一个快速、简洁的JavaScript框架(库，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由John Resig发布)

jQuery设计的宗旨是“write Less，Do More”（写的少，干得多）

jQuery封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互

jQuery的核心特性可以总结为：具有独特的链式语法和短小]]></description><category></category></item><item><title><![CDATA[DOM对象的属性]]></title><link>https://blog.youkuaiyun.com/jan_ping/article/details/120726024</link><guid>https://blog.youkuaiyun.com/jan_ping/article/details/120726024</guid><author>jan_ping</author><pubDate>Fri, 15 Oct 2021 17:21:04 +0800</pubDate><description><![CDATA[1.1 DOM对象

什么是DOM对象？


document   object   model    文档对象模型

文档： html文档

模型： DOM树

DOM对象可以干什么？

可以操作html标签的内容、属性、样式

1.2 获取html的标签元素

a. 通过标签的id属性值来获取元素

document.getElementById(id属性值)


&lt;a href="#" id="test1"&gt;百度1&lt;/a&gt;
&lt;script&gt;
// 通过id的方式获取]]></description><category></category></item><item><title><![CDATA[js的基础]]></title><link>https://blog.youkuaiyun.com/jan_ping/article/details/120723737</link><guid>https://blog.youkuaiyun.com/jan_ping/article/details/120723737</guid><author>jan_ping</author><pubDate>Tue, 12 Oct 2021 16:04:50 +0800</pubDate><description><![CDATA[一、数组 



概念:数组是一组数据的集合，可以存储任意类型的数据



1.1 数组的创建 



  1. 通过对象的方式创建 new 



// 1. 通过对象的方式
 new var arr = new Array()

  2. 字面量创建 [] 是字面量的含义


var arr1 = ['张三',true,21]

 注意:数组中值和值之间使用英文逗号(,)隔开 

1.2 数组单个元素的访问 

通过数组元素的键名(下标)，来获取数组的中的某一个值 

 
语法...]]></description><category></category></item><item><title><![CDATA[js的变量、数据类型、运算符、流程控制]]></title><link>https://blog.youkuaiyun.com/jan_ping/article/details/120433280</link><guid>https://blog.youkuaiyun.com/jan_ping/article/details/120433280</guid><author>jan_ping</author><pubDate>Thu, 23 Sep 2021 14:30:44 +0800</pubDate><description><![CDATA[变量

1. 概 念： 

计算机中用来存储数据的 



2. 变量的创建 

语法: var 变量名称 = 值 



3.变量的命名规范 

。包含数字(0-9)、字母(a-zA-Z)、下划线(_)、美元符号($) 

。不能用数字开头 

。不能使用系统关键字、保留字 

。变量名称有意义 

。驼峰命名法 首字母小写，其余单词首字母大写




3. 变量的扩展 

a. 初始化赋值 创建变量的时候 赋值


&lt;script&gt; 
var age=12
 &lt;/script&gt;
]]></description><category></category></item><item><title><![CDATA[HTML/CSS/JS 的关系]]></title><link>https://blog.youkuaiyun.com/jan_ping/article/details/120331191</link><guid>https://blog.youkuaiyun.com/jan_ping/article/details/120331191</guid><author>jan_ping</author><pubDate>Thu, 16 Sep 2021 16:54:19 +0800</pubDate><description><![CDATA[html 负责页面内容显示和结构

css 页面美化

js  与用户交换

面试题：页面的三层结构是什么？各自的作用

结构层、表现层、行为层

script标签的使用

&lt;!--嵌入的方式--&gt;


&lt;!--嵌入的方式 --&gt;
&lt;script&gt;
    js代码
&lt;/script&gt;

&lt;!--外部js文件引入的方式--&gt;
》
&lt;script src="js文件路径"&gt;&lt;/script&gt;
&lt;!--标签内...]]></description><category></category></item></channel></rss>