前端
铁乐与猫
这个作者很懒,什么都没留下…
展开
-
开发相关的绝赞网站和框架
开发相关的绝赞网站和框架开发相关的绝赞网站和框架Animate.cssAngularBabelBootStrapBootCDNChart.jsCodepenEChartsElectronjsESLintGithubGitlabGulp.jsGruntjsHexoJquery插件库掘金社区LessMDN web docsNode.js 和 npmPa...原创 2018-06-08 21:58:05 · 944 阅读 · 0 评论 -
Nodejs和npm入门使用
引子何为node.js 和 npm怎么使用node.js和npm安装node.js & npmnpm init 初始化项目(创建node.js模块)Package.json 属性说明npm install 下载安装依赖包本地安装和全局安装区别补充-模块操作卸载模块更新模块搜索模块创建模块和发布模块版本号使用淘宝 NPM 镜像文:铁乐...原创 2018-06-08 21:41:05 · 1091 阅读 · 0 评论 -
CSS摘要学习-浮动和清除浮动
以下从浮动到BFC的段落 摘自MDN 网络开发者float 浮动float CSS属性指定一个元素应沿其容器的左侧或右侧放置,允许文本和内联元素环绕它。该元素从网页的正常流动中移除,尽管仍然保持部分的流动性(与绝对定位相反)。一个浮动元素是float的值不为none的元素。/* Keyword values */float: left;float: right;flo...原创 2018-06-01 20:48:40 · 560 阅读 · 0 评论 -
CSS学习摘要-盒子模型
注:全文摘要自网络开发者网站,当然间隔也会整理一些思路和格式排版添加进去。CSS框模型(译者注:也被称为“盒模型”)是网页布局的基础 ——每个元素被表示为一个矩形的方框,框的内容、内边距、边界和外边距像洋葱的膜那样,一层包着一层构建起来。浏览器渲染网页布局时,它会算出每个框的内容要用什么样式,周围的洋葱层有多大,以及框相对于其它框放在哪里。在理解如何创建 CSS 布局之前,你需要理解框模型。...原创 2018-06-01 16:21:58 · 2128 阅读 · 0 评论 -
CSS学习摘要-层叠和继承
当有多个选择器作用在一个元素上时,哪个规则最终会应用到元素上?其实这是通过层叠机制来控制的,这也和样式继承(元素从其父元素那里获得属性值)有关。元素的最终样式可以在多个地方定义,它们以复杂的形式相互影响。这些复杂的相互作用使CSS变得非常强大,但也使其非常难于调试和理解。层叠CSS 是 Cascading Style Sheets 的缩写,这暗示层叠(cascade)的概念是很...原创 2018-06-01 00:03:40 · 465 阅读 · 0 评论 -
CSS学习摘要-数值与单位及色彩
CSS学习摘要-数值与单位及色彩CSS学习摘要-数值与单位及色彩数值长度和尺寸无单位的值无单位的行高动画的数值百分比颜色关键词(色彩关键字)十六进制值RGBHSLRGBA 和 HSLA不透明度(Opacity)transparent 关键字currentColor 关键字在CSS中,值的类型有很多种,一些很常见,一些你却几乎没怎么遇到...原创 2018-05-31 18:59:09 · 295 阅读 · 0 评论 -
CSS学习摘要-语法和选择器
主要摘自网络开发者。从最基本的层次来看,CSS是由两块内容组合而成的:属性(Property):一些人类可理解的标识符,这些标识符指出你想修改哪一些样式,例如:字体,宽度,背景颜色等。属性值(Value):每个指定的属性都需要给定一个值,这个值表示你想把那些样式特征修改成什么样,例如,你想把字体,宽度或背景颜色改成什么。与值配对的属性被称为CSS声明,CSS声明会被放置在一个CS...原创 2018-05-31 15:39:14 · 410 阅读 · 0 评论 -
CSS学习摘要-引入样式
CSS学习摘要-引入样式注:主要是摘录自MDN 网络开发者这个网站的。CSS 实际上如何工作?当浏览器显示文档时,它必须将文档的内容与其样式信息结合。它分两个阶段处理文档:浏览器将 HTML和 CSS转化成 DOM(文档对象模型)。DOM在计算机内存中表示文档。它把文档内容和其样式结合在一起。浏览器显示 DOM 的内容。如何将你的 CSS 应用到你的 HTML...原创 2018-05-31 13:05:01 · 622 阅读 · 0 评论 -
什么是JavaScript
转自mdn学习网站-什么是JavaScript什么是JavaScript?一个高水平的定义所以它实际上可以做什么?JavaScript 在你的页面上做什么?浏览器安全JavaScript 运行顺序解释代码 vs 编译代码服务器端代码 vs 客户端代码怎样向你的页面添加 JavaScript?内部的 JavaScript外部的 JavaScript内联 JavaSc...转载 2018-06-05 16:27:09 · 587 阅读 · 0 评论 -
CSS学习摘要-定位实例
CSS学习摘要-定位实例注:全文摘自MDN-CSS定位实例CSS学习摘要-定位实例列表消息盒子一般设置样式化我们的选项卡样式化面板添加我们的JavaScript一个固定位置的列表消息盒子添加HTML更改存在的CSS对主内容样式设计一个滑动隐藏的面板设置表单元素样式设置面板的样式设置选择后的状态总结列表消息盒子我们研究的第一个例子...转载 2018-06-05 16:13:33 · 644 阅读 · 0 评论 -
CSS学习摘要-定位
CSS学习摘要-定位注:全文摘自MDN-CSS定位CSS学习摘要-定位文档流介绍定位静态定位相对定位介绍 top, bottom, left, right绝对定位定位上下文介绍 z-index固定定位实验属性: position sticky总结定位允许您从正常的文档流布局中取出元素,并使它们具有不同的行为,例如放在另一个元素的上面,或者始终保...转载 2018-06-04 21:41:48 · 394 阅读 · 0 评论 -
CSS学习摘要-布局
注:全文摘自MDN-介绍CSS布局正常布局流浮动简单HTML示例整列浮动定位技术简单定位示例相对定位绝对定位CSS 表格柔性盒子网格布局CSS页面布局技术允许我们拾取网页中的元素,并且控制它们相对正常布局流、周边元素、父容器或者主视口/窗口的位置。在这个模块中将涉及更多关于页面布局技术的细节:浮动定位CSS 表格弹性盒子网格每...转载 2018-06-04 17:28:28 · 251 阅读 · 0 评论 -
初识HTML和WEB标准
初识HTML和WEB标准什么是 HTML?HTML 超文本标记语言的缩写(**H**yper **T**ext **M**arkup **L**anguage)HTML 并不是编程语言,而是一种标记语言(markup language) 标记 <英文单词或者字母>称为标记,一个HTML页面都是由各种标记组成。标记语言 一套标记标签(markup tag)标记语言 ...原创 2018-05-21 19:45:37 · 1952 阅读 · 0 评论 -
HTML-head头部浅析
HTML结构在sublime或HBuildr新建HTML文件,输入html:5,按下tab键后,自动生成的代码大致如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title原创 2018-05-25 09:14:05 · 2362 阅读 · 0 评论 -
理解前后端分离
理解前后端分离理解前后端分离为什么要做前后端分离,它到底有什么好处?实现的一些表现RESTful风格的API为什么要做前后端分离,它到底有什么好处?前后端的分离也实现了前后端架构的分离,带来的好处有:整个项目的开发权重往前移,实现真正的前后端解藕,动态资源和静态资源分离,提高了性能和扩展性。 前端静态化前端有且仅有静态内容,再明确些,只有HTML...原创 2018-08-08 17:27:48 · 2000 阅读 · 0 评论