<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[洛小宇博客]]></title><description><![CDATA[放置个人在学习过程中的知识点与难点]]></description><link>https://blog.youkuaiyun.com/C14210220635C</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; C14210220635C]]></copyright><item><title><![CDATA[清除浮动]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/80086844</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/80086844</guid><author>C14210220635C</author><pubDate>Wed, 25 Apr 2018 22:22:31 +0800</pubDate><description><![CDATA[“清除浮动”这个说法容易让人产生误解，我认为这个说法的本意应该是“清除浮动带来的负面效果”，这个负面效果即“子元素的浮动会脱离标准文档流，从而造成父元素的高度塌陷”。

解决这个问题有如下几个目前流行的做法。

一、浮动的子元素后加一个空的div，并加上clear：both属性；

二、BFC方法

      （1）父元素加上overflow：hidden，该方法会带来IE6的兼]]></description><category></category></item><item><title><![CDATA[css3弹性布局-flex]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/79991657</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/79991657</guid><author>C14210220635C</author><pubDate>Wed, 18 Apr 2018 15:48:18 +0800</pubDate><description><![CDATA[页面布局一直都是web应用样式设计的重点 我们传统的布局方式都是基于盒模型的 利用display、position、float来布局有一定局限性 比如说实现自适应垂直居中 随着响应式布局的流行，CSS3引入了更加灵活的弹性布局模型flex弹性布局使用弹性布局可以有效的分配一个容器的空间 即使我们的容器元素尺寸改变 它内部的元素也可以调整它的尺寸来适应空间 若想让一个元素变成弹性盒 很简单.demo...]]></description><category></category></item><item><title><![CDATA[【转载】前端项目开发流程及技术选型]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/79791871</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/79791871</guid><author>C14210220635C</author><pubDate>Mon, 02 Apr 2018 17:04:11 +0800</pubDate><description><![CDATA[喂喂喂，那个切图的，把页面写好就发给研发工程师套模板吧。


你好，切图仔。

不知道你的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位，虽然身份之争多少有些无谓，但我对这种偏见还是心存芥蒂，酝酿了许久，决定写一个系列的文章，试着从工程的角度系统的介绍一下我对前端，尤其是Web前端的理解。

只要我们还把自己的工作看作为一项软件开发活动，那么]]></description><category></category></item><item><title><![CDATA[电商平台搭建笔记]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/79789457</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/79789457</guid><author>C14210220635C</author><pubDate>Mon, 02 Apr 2018 15:00:05 +0800</pubDate><description><![CDATA[第一章：课程介绍与开发前的准备工作


课程导学

架构设计：前后端完全分离、分层架构、模块化技术选型：html、css、js、jquery辅助工具：Webpack、NodeJs、NPM、Shell效率工具：Sublime、Chrome、Charles、Git　课程安排： 一：基础框架的搭建（１）双平台的开发环境按照（２）git仓库的规范化用法（３）webpack脚手架搭建实战
　　　]]></description><category></category></item><item><title><![CDATA[Hogan模板引擎的使用]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/78858173</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/78858173</guid><author>C14210220635C</author><pubDate>Wed, 20 Dec 2017 22:03:02 +0800</pubDate><description><![CDATA[先贴个Hogan的github地址镇楼：https://github.com/twitter/hogan.js

在实战课《手把手从0打造企业级电商平台-前端实战》里，很多同学反馈对Hogan模板引擎不太熟悉，这里整理个手记，对它介绍一下。Hogan是一个非常简单的模板引擎，可以把它理解成Mustuche语法的编译器。Hogan简单到只有六七条语法，可以说是目前最简单的模板引擎了，估计以后也仍]]></description><category></category></item><item><title><![CDATA[CommonJs, AMD/RequireJs,CMD/seajs, UMD, webpack]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/78855054</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/78855054</guid><author>C14210220635C</author><pubDate>Wed, 20 Dec 2017 16:52:24 +0800</pubDate><description><![CDATA[JavaSript模块化
在了解AMD，CMD规范前，还是需要先来简单地了解下什么是模块化，模块化开发？
模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分类的思维把问题进行系统性的
分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方
式。可以想象一个巨大的系统代码，被整合优化分割成逻辑性很强的模块时，对于软件是一种何等意义的
存在。]]></description><category></category></item><item><title><![CDATA[JavaSript模块规范 - AMD规范与CMD规范介绍]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/78854303</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/78854303</guid><author>C14210220635C</author><pubDate>Wed, 20 Dec 2017 16:02:46 +0800</pubDate><description><![CDATA[JavaSript模块化


    在了解AMD，CMD规范前，还是需要先来简单地了解下什么是模块化，模块化开发？




    模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。可以想象一个巨大的系统代码，被整合优化分割成逻辑性很强的模块时，对]]></description><category></category></item><item><title><![CDATA[js模块化编程之彻底弄懂CommonJS和AMD/CMD！]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/78854129</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/78854129</guid><author>C14210220635C</author><pubDate>Wed, 20 Dec 2017 15:53:31 +0800</pubDate><description><![CDATA[先回答我：为什么模块很重要？

 

答：因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。
但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！

于是下面三个模块规范出来了，这篇文章也出来了（拼出来的 {捂脸笑}）。

 

JS中的模块规范（CommonJS，AMD，CMD），如果你听过j]]></description><category></category></item><item><title><![CDATA[JavaScript模板引擎原理]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/78708944</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/78708944</guid><author>C14210220635C</author><pubDate>Mon, 04 Dec 2017 13:46:17 +0800</pubDate><description><![CDATA[一、前言

什么是模板引擎，说的简单点，就是一个字符串中有几个变量待定。比如：

var tpl = 'Hei, my name is , and I\'m  years old.';


通过模板引擎函数把数据塞进去，

var data = {
    "name": "Barret Lee",
    "age": "20"
};

var result = tplEngi]]></description><category></category></item><item><title><![CDATA[git入门姿势]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/78708859</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/78708859</guid><author>C14210220635C</author><pubDate>Mon, 04 Dec 2017 13:35:07 +0800</pubDate><description><![CDATA[git是什么? 好吃么？


在《手把手从零打造企业级电商平台-前端实战》课程里用到了git，很多还没参加过公司项目开发的同学就会很疑惑，git是什么？git好吃么？这货是不是我们斗图的图片？哦！不对！那是gif！那TM git到底是什么?!

我们可以把git理解成我们管理代码的工具，把代码找个远程服务器备份一下，当我们电脑死翘翘的时候，就不用害怕代码丢了。当然把git理解成代码备份工]]></description><category></category></item><item><title><![CDATA[JS面向对象基础篇（封装 继承 多态）]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/78478845</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/78478845</guid><author>C14210220635C</author><pubDate>Wed, 08 Nov 2017 14:57:58 +0800</pubDate><description><![CDATA[JS面向对象基础篇（封装 继承 多态）





首先我们要创建一个对象，我们可以利用javascript的语法特征，以类的思想来创建对象

一:封装
（1）原始方法，代码如下

   var obj=new Object();
   obj.name='Tom'; //给对象添加属性
   obj.sex=22;
   obj.showName=function(){
   ]]></description><category></category></item><item><title><![CDATA[堆”,"栈","堆栈","队列",它们的区别？]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/78019645</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/78019645</guid><author>C14210220635C</author><pubDate>Mon, 18 Sep 2017 15:27:16 +0800</pubDate><description><![CDATA[如果你学过数据结构，就一定会遇到“堆”,"栈","堆栈","队列"，而最关键的是这些到底是什么意思？最关键的是即使你去面试，这些都还会问到，所以如果你不懂对你是损失很大的。


















堆：什么是堆？又该怎么理解呢？

①堆通常是一个可以被看做一棵树的数组对象。堆总是满足下列性质：



   ·堆中某个节点的值总是不大于或]]></description><category></category></item><item><title><![CDATA[Sublime Text 3 快捷键总结]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/78018642</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/78018642</guid><author>C14210220635C</author><pubDate>Mon, 18 Sep 2017 14:19:06 +0800</pubDate><description><![CDATA[选择类

Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。

Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。

Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。

Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时]]></description><category></category></item><item><title><![CDATA[HTML5 VideoAPI，打造自己的Web视频播放器]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/77882487</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/77882487</guid><author>C14210220635C</author><pubDate>Thu, 07 Sep 2017 15:46:59 +0800</pubDate><description><![CDATA[本文将使用HTML5提供的VideoAPI做一个自定义的视频播放器，需要用到HTML5提供的video标签、以及HTML5提供的对JavascriptAPI的扩展。


一、基础知识

1.用法
video src="./video/mv.mp4">video>
注意：audio和video元素必须同时包含开始和结束标签，不能使用<audio
 />这样的空元素语法形式。

2]]></description><category></category></item><item><title><![CDATA[git命令将本地项目上传到github]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/77773817</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/77773817</guid><author>C14210220635C</author><pubDate>Fri, 01 Sep 2017 15:37:26 +0800</pubDate><description><![CDATA[1、（先进入项目文件夹）通过命令 git init 把这个目录变成git可以管理的仓库
git init1

2、把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件
git add .1

3、用命令 git commit告诉Git，把文件提交到仓库。引号内为提交说明
git commit -m 'first ]]></description><category></category></item><item><title><![CDATA[解释 Git 和 GitHub]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/77649122</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/77649122</guid><author>C14210220635C</author><pubDate>Mon, 28 Aug 2017 15:18:45 +0800</pubDate><description><![CDATA[本文由 伯乐在线 - 听风 翻译，艾凌风 校稿。未经许可，禁止转载！
英文出处：Red Radger。欢迎加入翻译组。

本文旨在使用通俗易懂的文字，讲解版本控制背后的理论，以便你能对程序员们如何工作有个全局概念。本文不涉及代码，不用下载啥东西，循序渐进，不关注繁复细节，只有文字和一些不怎么漂亮的手绘涂鸦。



写本文的动机

学习任何东西都能在网络上找到如此之多的指导教程，这]]></description><category></category></item><item><title><![CDATA[关于css3中linear-gradient中的百分比]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/73323396</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/73323396</guid><author>C14210220635C</author><pubDate>Fri, 16 Jun 2017 11:01:03 +0800</pubDate><description><![CDATA[《Css secret》第二章《背景与边框》 第五节《条纹背景》

正文

在第二章《背景与边框》中第五节《条纹背景》中，谈到了css3的新属性值linear-gradient,但是这里并不是详细说明这个新属性的用法，这里主要是用它来完成背景条纹，来看看原文中的说明与演示。


假设我们有一条基本的垂直线性渐变，颜色从#fb3 过渡到#58a（参见图2-20）：
backgroun]]></description><category></category></item><item><title><![CDATA[响应式（自适应）网页到底是什么？]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/73251585</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/73251585</guid><author>C14210220635C</author><pubDate>Wed, 14 Jun 2017 19:45:12 +0800</pubDate><description><![CDATA[响应式（自适应）网页到底是什么？


本文作者：小兽SEO

2年前 (2015-01-22) 评论
 15 条


网站建设




响应式网页的话题随着如今移动互联网的盛行又被推到了很重要的位置，有相关人士预计，移动互联网的数据流量将在2015年超越桌面端的流量。

你一定听说过，我们目前正处在“后PC时代”，这对于前端开发人员来说，意味着应该处理一些用户行为上]]></description><category></category></item><item><title><![CDATA[css3属性中background-clip与background-origin的用法区别？]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/73251052</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/73251052</guid><author>C14210220635C</author><pubDate>Wed, 14 Jun 2017 18:24:07 +0800</pubDate><description><![CDATA[困惑在哪里？

background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性，它们有相同的可选值，即border、padding、content三种，而且这两个属性表示的都是元素背景与元素边框、补白(padding)和内容区域之间的某种关系。

比如，我们想要在边框上显示背景，我们可以使用background-origin帮我们实现（前提]]></description><category></category></item><item><title><![CDATA[该把JS文件放在HTML文档的那个位置]]></title><link>https://blog.youkuaiyun.com/C14210220635C/article/details/72934211</link><guid>https://blog.youkuaiyun.com/C14210220635C/article/details/72934211</guid><author>C14210220635C</author><pubDate>Thu, 08 Jun 2017 19:39:47 +0800</pubDate><description><![CDATA[首发于：技术风暴
我们今天来聊一聊关于JavaScript文件的引入位置的问题；大家在平时的Web开发中有没有想过这样一个问题，那就是我应该在文档的头部（也就是标签内部里面）引入所需要的JavaScript文件还是应该在尾部（也就是之前）引入所需要的JavaScript文件呢？今天我们就来深入的探究一下这个问题。

首先我们需要了解的一点就是，在浏览器渲染页面之前，它需要通过解析HTML标记]]></description><category></category></item></channel></rss>