洛小宇博客

放置个人在学习过程中的知识点与难点

排序:
默认
按更新时间
按访问量

清除浮动

“清除浮动”这个说法容易让人产生误解,我认为这个说法的本意应该是“清除浮动带来的负面效果”,这个负面效果即“子元素的浮动会脱离标准文档流,从而造成父元素的高度塌陷”。 解决这个问题有如下几个目前流行的做法。 一、浮动的子元素后加一个空的div,并加上clear:both属性; 二...

2018-04-25 22:22:31

阅读数:7

评论数:0

css3弹性布局-flex

页面布局一直都是web应用样式设计的重点 我们传统的布局方式都是基于盒模型的 利用display、position、float来布局有一定局限性 比如说实现自适应垂直居中 随着响应式布局的流行,CSS3引入了更加灵活的弹性布局模型flex弹性布局使用弹性布局可以有效的分配一个容器的空间 即使我们的...

2018-04-18 15:48:18

阅读数:11

评论数:0

【转载】前端项目开发流程及技术选型

喂喂喂,那个切图的,把页面写好就发给研发工程师套模板吧。 你好,切图仔。 不知道你的团队如何定义前端开发,据我所知,时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位,虽然身份之争多少有些无谓,但我对这种偏见还是心存芥蒂,酝酿了许久,决定写一个系列的文章,试着从工程的角度系统...

2018-04-02 17:04:11

阅读数:12

评论数:0

电商平台搭建笔记

第一章:课程介绍与开发前的准备工作 课程导学 架构设计:前后端完全分离、分层架构、模块化技术选型:html、css、js、jquery辅助工具:Webpack、NodeJs、NPM、Shell效率工具:Sublime、Chrome、Charles、Git 课程安排: 一:基础框架的...

2018-04-02 15:00:05

阅读数:72

评论数:0

Hogan模板引擎的使用

先贴个Hogan的github地址镇楼:https://github.com/twitter/hogan.js 在实战课《手把手从0打造企业级电商平台-前端实战》里,很多同学反馈对Hogan模板引擎不太熟悉,这里整理个手记,对它介绍一下。Hogan是一个非常简单的模板引擎,可以把它理解成Mu...

2017-12-20 22:03:02

阅读数:72

评论数:0

CommonJs, AMD/RequireJs,CMD/seajs, UMD, webpack

JavaSript模块化 在了解AMD,CMD规范前,还是需要先来简单地了解下什么是模块化,模块化开发? 模块化是指在解决某一个复杂问题或者一系列的杂糅问题时,依照一种分类的思维把问题进行系统性的 分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理,可维护性更高的可管理的模块的方 ...

2017-12-20 16:52:24

阅读数:96

评论数:0

JavaSript模块规范 - AMD规范与CMD规范介绍

JavaSript模块化     在了解AMD,CMD规范前,还是需要先来简单地了解下什么是模块化,模块化开发?     模块化是指在解决某一个复杂问题或者一系列的杂糅问题时,依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理...

2017-12-20 16:02:46

阅读数:38

评论数:0

js模块化编程之彻底弄懂CommonJS和AMD/CMD!

先回答我:为什么模块很重要?   答:因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。 但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套! 于是下面三个模块规范出来了,这篇文章也出来了(拼出来...

2017-12-20 15:53:31

阅读数:81

评论数:0

JavaScript模板引擎原理

一、前言 什么是模板引擎,说的简单点,就是一个字符串中有几个变量待定。比如: var tpl = 'Hei, my name is , and I\'m years old.'; 通过模板引擎函数把数据塞进去, var data = { "name&...

2017-12-04 13:46:17

阅读数:50

评论数:0

git入门姿势

git是什么? 好吃么? 在《手把手从零打造企业级电商平台-前端实战》课程里用到了git,很多还没参加过公司项目开发的同学就会很疑惑,git是什么?git好吃么?这货是不是我们斗图的图片?哦!不对!那是gif!那TM git到底是什么?! 我们可以把git理解成我们管理代码的工具,...

2017-12-04 13:35:07

阅读数:55

评论数:0

JS面向对象基础篇(封装 继承 多态)

JS面向对象基础篇(封装 继承 多态) 首先我们要创建一个对象,我们可以利用javascript的语法特征,以类的思想来创建对象 一:封装 (1)原始方法,代码如下 var obj=new Object(); obj.name='Tom'; //给对象...

2017-11-08 14:57:58

阅读数:75

评论数:0

堆”,"栈","堆栈","队列",它们的区别?

如果你学过数据结构,就一定会遇到“堆”,"栈","堆栈","队列",而最关键的是这些到底是什么意思?最关键的是即使你去面试,这些都还会问到,所以如果你不懂对你是损失很大的。 ...

2017-09-18 15:27:16

阅读数:322

评论数:0

Sublime Text 3 快捷键总结

选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。 Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。 Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓...

2017-09-18 14:19:06

阅读数:304

评论数:0

HTML5 VideoAPI,打造自己的Web视频播放器

本文将使用HTML5提供的VideoAPI做一个自定义的视频播放器,需要用到HTML5提供的video标签、以及HTML5提供的对JavascriptAPI的扩展。 一、基础知识 1.用法 video src="./video/mv.mp4">video...

2017-09-07 15:46:59

阅读数:265

评论数:0

git命令将本地项目上传到github

1、(先进入项目文件夹)通过命令 git init 把这个目录变成git可以管理的仓库 git init1 2、把文件添加到版本库中,使用命令 git add .添加到暂存区里面去,不要忘记后面的小数点“.”,意为添加文件夹下的所有文件 git add .1 3、用命令 git c...

2017-09-01 15:37:26

阅读数:176

评论数:1

解释 Git 和 GitHub

本文由 伯乐在线 - 听风 翻译,艾凌风 校稿。未经许可,禁止转载! 英文出处:Red Radger。欢迎加入翻译组。 本文旨在使用通俗易懂的文字,讲解版本控制背后的理论,以便你能对程序员们如何工作有个全局概念。本文不涉及代码,不用下载啥东西,循序渐进,不关注繁复细节,只有文字和一些不怎么...

2017-08-28 15:18:45

阅读数:186

评论数:0

前端资源

首页新手入门API关于注册登录 作者  i5ting 积分: 19520 “ 狼叔说:少抱怨,多思考,未来更美好 ” 作者其它话题 Node.js 的 Global全局对象 Node.js写爬虫系列 ...

2017-08-28 14:51:15

阅读数:287

评论数:1

关于css3中linear-gradient中的百分比

《Css secret》第二章《背景与边框》 第五节《条纹背景》 正文 在第二章《背景与边框》中第五节《条纹背景》中,谈到了css3的新属性值linear-gradient,但是这里并不是详细说明这个新属性的用法,这里主要是用它来完成背景条纹,来看看原文中的说明与演示。 假设...

2017-06-16 11:01:03

阅读数:465

评论数:1

响应式(自适应)网页到底是什么?

响应式(自适应)网页到底是什么? 本文作者:小兽SEO 2年前 (2015-01-22) 评论 15 条 网站建设 响应式网页的话题随着如今移动互联网的盛行又被推到了很重要的位置,有相关人士预计,移动互联网的数据流量将在2015年超越桌面端的流量。 ...

2017-06-14 19:45:12

阅读数:224

评论数:0

css3属性中background-clip与background-origin的用法区别?

困惑在哪里? background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性,它们有相同的可选值,即border、padding、content三种,而且这两个属性表示的都是元素背景与元素边框、补白(padding)和内容区域之间的某种关系。...

2017-06-14 18:24:07

阅读数:238

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭