<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[DeDeDeFeng的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/DeDeDeFeng</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; DeDeDeFeng]]></copyright><item><title><![CDATA[JavaScript知识点回顾]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/135854862</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/135854862</guid><author>DeDeDeFeng</author><pubDate>Thu, 25 Jan 2024 22:45:49 +0800</pubDate><description><![CDATA[在较旧的JavaScript，使用关键字 var 来声明变量 ，而不是 let。var现在开发中一般不再使用它，只是我们可能再老版程序中看到它let 为了解决 var 的一些问题。]]></description><category></category></item><item><title><![CDATA[CSS回顾]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/135734114</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/135734114</guid><author>DeDeDeFeng</author><pubDate>Sun, 21 Jan 2024 20:33:35 +0800</pubDate><description><![CDATA[媒体查询  @media。]]></description><category></category></item><item><title><![CDATA[伸缩盒模型案例]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/135686366</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/135686366</guid><author>DeDeDeFeng</author><pubDate>Thu, 18 Jan 2024 23:07:01 +0800</pubDate><description><![CDATA[【代码】伸缩盒模型案例。]]></description><category></category></item><item><title><![CDATA[JavaScript⑤(常见网页特效案例、补充知识点、移动端网页特效、本地存储)]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/132522109</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/132522109</guid><author>DeDeDeFeng</author><pubDate>Sun, 27 Aug 2023 21:51:05 +0800</pubDate><description><![CDATA[移动端浏览器兼容性较好，我们不需要考虑以前JS 的兼容性问题，可以放心的使用原生JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件)，Android和IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。触屏touch事件说明touchstart手指触摸到一个 DOM 元素时触发touchmove手指在一个 DOM 元素上滑动时触发touchend。]]></description><category></category></item><item><title><![CDATA[JavaScript④(BOM、PC端网页特效)]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/132254844</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/132254844</guid><author>DeDeDeFeng</author><pubDate>Sun, 13 Aug 2023 17:26:38 +0800</pubDate><description><![CDATA[BOM (BrowserObiectModel)即，它提供了独立于内容而与浏览器窗口进行交与的对象，其核心对象是window。BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaScript语法的标准化组织是ECMA，DOM 的标准化组织是 W3C，BOM最初是Netscape浏览器标准的一部分。]]></description><category></category></item><item><title><![CDATA[JavaScript③(Web APls简介、DOM、事件高级)]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/132031143</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/132031143</guid><author>DeDeDeFeng</author><pubDate>Tue, 01 Aug 2023 08:10:45 +0800</pubDate><description><![CDATA[API 是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了，不必纠结内部如何实现Web API主要是针对于浏览器提供的接口，主要针对于浏览器做交互效果。Web API一般都有输入和输出(函数的传参和返回值)，Web API很多都是方法(函数)学习WebAPI可以结合前面学习内置对象方法的思路学习文档对象模型(Documentbject Model,简称DOM)，是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。]]></description><category></category></item><item><title><![CDATA[Node.js]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/132011870</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/132011870</guid><author>DeDeDeFeng</author><pubDate>Sun, 30 Jul 2023 23:02:02 +0800</pubDate><description><![CDATA[初识Node.js与内置模块

初识 Node.js

浏览器中的Javascript的组成部分














































































































































































































]]></description><category></category></item><item><title><![CDATA[JavaScript②(数组、函数、作用域、预解析、对象、内置对象、简单类型与复杂类型)]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/131756336</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/131756336</guid><author>DeDeDeFeng</author><pubDate>Sun, 16 Jul 2023 23:43:07 +0800</pubDate><description><![CDATA[1.之前学习的变量，只能存储一个值。如果我们想存储班级中所有学生的姓名，那么该如何存储呢?答:可以使用数组(数组可以把一组相关的数据一起存放，并提供方便的访问(获取)方式。2.什么是数组呢？答:数组是指，其中的每个数据被称作，在数组中可以存放任意类型的元素。数组是种将的优雅方式。]]></description><category></category></item><item><title><![CDATA[JavaScript ①(认识、变量、数据类型、扩展阅读、流量控制-分支、流量控制-循环)]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/131543115</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/131543115</guid><author>DeDeDeFeng</author><pubDate>Wed, 05 Jul 2023 23:20:49 +0800</pubDate><description><![CDATA[浏览器分成两部分，渲染引擎和Js引擎用来解析HTML与CSS，俗称内核，比如chrome 浏览器的 blink，老版本的webkit也称为JS解释器。用来读取网页中的JavaScript代码，对其处理后运行，比如chrome 浏览器的V8浏览器本身并不会执行JS代码，而是通过内置 JavaScript引警(解释器)来执行JS 代码。JS引警执行代码时逐行解释每一句源码( 转换机器语言)，然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行。]]></description><category></category></item><item><title><![CDATA[Git项目管理工具教程]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/131523637</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/131523637</guid><author>DeDeDeFeng</author><pubDate>Mon, 03 Jul 2023 23:30:01 +0800</pubDate><description><![CDATA[Git是目前世界上最先进的分布式版本控制系统Git是分布式的,Git不需要有中心服务器，我们每台电脑拥有的东西都是一样的。我们使用Git并且有个中心服务器,仅仅是为了方便交换大家的修改，但是这个服务器的地位和我们每个人的PC是一样的。我们可以把它当做一个开发者的PC就可以就是为了大家代码容易交流不关机用的。没有它大家一样可以工作，只不过“交换”修改不方便而已。git是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。]]></description><category></category></item><item><title><![CDATA[移动WEB开发]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/130796270</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/130796270</guid><author>DeDeDeFeng</author><pubDate>Sun, 21 May 2023 20:35:43 +0800</pubDate><description><![CDATA[移动端常见浏览器  UC 、欧鹏、百度、360、谷歌、搜狗、猎豹浏览器...总结：兼容移动端主流浏览器，处理Webkit内核浏览器即可。]]></description><category></category></item><item><title><![CDATA[HTML与CSS（总结与新增标签/样式）]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/130673922</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/130673922</guid><author>DeDeDeFeng</author><pubDate>Sun, 14 May 2023 23:33:03 +0800</pubDate><description><![CDATA[1.音频标签和视频标签使用基本一致2.浏览器支持情况不同3.谷歌浏览器把音频和视频自动播放禁止了4.我们可以给视频标签添加muted 属性可以自定播放视频，音频不可以视频标签是重点，我们经常5.设置自动播放，不使用controls控件，循环和设置大小属性1.结构伪类选择器就是选择第n个元素2.nth-child 是从所有子级开始算的，可能不是同一种类型3.nth-of-type 是指定同一种类型的子级，比如 ulli:nth-of-type(2)是选择第2个li。]]></description><category></category></item><item><title><![CDATA[MySQL[基础篇]]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/130650977</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/130650977</guid><author>DeDeDeFeng</author><pubDate>Fri, 12 May 2023 23:27:56 +0800</pubDate><description><![CDATA[mysq基础]]></description><category></category></item><item><title><![CDATA[CSS（品优购案例）]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/129918559</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/129918559</guid><author>DeDeDeFeng</author><pubDate>Mon, 03 Apr 2023 08:18:21 +0800</pubDate><description><![CDATA[（素材地址：）]]></description><category></category></item><item><title><![CDATA[CSS（五）]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/128402847</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/128402847</guid><author>DeDeDeFeng</author><pubDate>Wed, 21 Dec 2022 22:55:26 +0800</pubDate><description><![CDATA[不同的浏览器对有些标签的默认值是不同的，为了消除不同浏览器对HTML文本呈现的差异，照顾浏览器的兼容，我们需要对CDD初始化。CSS初始化是指重设浏览器的样式，（也成为CSS reset）每个网页都必须首先进行CSS初始化。]]></description><category></category></item><item><title><![CDATA[CSS（四）]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/128268981</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/128268981</guid><author>DeDeDeFeng</author><pubDate>Sat, 10 Dec 2022 22:21:23 +0800</pubDate><description><![CDATA[1.主要针对背景图片的使用，把多个小背景图片整合到一张大图片中。2.移动背景图片位置，此时可以使用3.移动的距离就是这个目标图片的x轴和y轴，注意网页中的坐标有所不同4.一般情况下，都是往上，往左移动，所以数值都是负值5.使用精灵图的时候需要精确测量，每个小背景图片的大小和位置。]]></description><category></category></item><item><title><![CDATA[CSS（三）]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/128058283</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/128058283</guid><author>DeDeDeFeng</author><pubDate>Sat, 26 Nov 2022 23:13:22 +0800</pubDate><description><![CDATA[定位

将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。

定位=定位模式+边偏移

定位模式用于制定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。

1.定位模式

定位模式决定元素的定位方式，他通过css的position属性来设置，其值可以分为四个：



静态定位static

静态定位是元素的，默认定位方式，无定位的意思。

语法：

选择器 { position：static；}

相对定位relative

相对定位是元素在移动位置的时候，是相对于它原来的位]]></description><category></category></item><item><title><![CDATA[综合回顾-重点（案例）分析]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/127991764</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/127991764</guid><author>DeDeDeFeng</author><pubDate>Sat, 26 Nov 2022 19:32:55 +0800</pubDate><description><![CDATA[&lt;li&gt;标签

去掉&lt;li&gt;前面的项目符号（小圆点）

语法：

list-style : one;

圆角边框

在css3中，新增了圆角边框的样式，这样我们的盒子就可以变圆角了。

语法：

boder-radius:length;

radius 半径（圆的半径）原理：（椭）圆与边框的交集形成圆角效果

圆形的做法：

border-radius 数值是正方形直径的一半

boder-radius ：100px（正方形直径是200px）；

或者：

boder-radius：]]></description><category></category></item><item><title><![CDATA[CSS（二）]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/127741726</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/127741726</guid><author>DeDeDeFeng</author><pubDate>Mon, 07 Nov 2022 23:39:44 +0800</pubDate><description><![CDATA[css学习笔记]]></description><category></category></item><item><title><![CDATA[CSS（一）]]></title><link>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/126533061</link><guid>https://blog.youkuaiyun.com/DeDeDeFeng/article/details/126533061</guid><author>DeDeDeFeng</author><pubDate>Mon, 07 Nov 2022 20:36:33 +0800</pubDate><description><![CDATA[CSS学习笔记]]></description><category></category></item></channel></rss>