摘要: 开始 妹子都喜欢流星,如果她说不喜欢,那她一定是一个假妹子。 现在就一起来做一场流星雨,用程序员的野路子浪漫一下。 要画一场流星雨,首先,自然我们要会画一颗流星。 玩过 canvas 的同学,你画圆画方画线条这么 6,如果说叫你画下面这个玩意儿,你会不会觉得你用的是假 canvas?canvas 没 阅读全文
posted @ 2018-05-29 09:15 青山_戴月 阅读(2635) 评论(8) 推荐(8) 编辑
摘要: Git是分布式版本控制系统,那么它就没有中央服务器的,每个人的电脑就是一个完整的版本库,这样,工作的时候就不 需要联网了,因为版本都是在自己的电脑上。既然每个人的电脑都有一个完整的版本库,那多个人如何协作呢?比如说自己在电脑上改了文件A,其他人也在电脑上 改了文件A,这时,你们两之间只需把各自的修改 阅读全文
posted @ 2018-06-29 09:13 青山_戴月 阅读(1584) 评论(0) 推荐(0) 编辑
摘要: 2018俄罗斯世界杯如火如荼的进行中,第一轮各种冷门,让大家的确大跌眼界,尤其是那些买球的同志们,慌得一笔,还敢继续买吗?话说来,看球归看球,学习还是不能落下,我们来学习Chrome Devtool Performance工具的应用,如果你还没了解过or不熟练的童鞋,面试的时候被问到,会不会慌得一P 阅读全文
posted @ 2018-06-20 09:22 青山_戴月 阅读(4396) 评论(0) 推荐(0) 编辑
摘要: 万恶的IE内核浏览器,这是多少前端程序员头疼的事情。。。 今天给大家介绍一下如何用 PIE.htc 来让IE浏览器支持CSS3的 border-radius、box-shadow、CSS3 Backgrounds (-pie-background)、Gradients、RGBA属性。 会的朋友提供一 阅读全文
posted @ 2018-06-14 13:32 青山_戴月 阅读(786) 评论(5) 推荐(0) 编辑
摘要: 1 前言 HTML 作为描述网页结构的超文本标记语言,在百度一直有着广泛的应用。本文档的目标是使 HTML 代码风格保持一致,容易被理解和被维护。 2 代码风格 2.1 缩进与换行 [强制] 使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。 解释: 对于非 HTML 标签 阅读全文
posted @ 2018-06-12 13:18 青山_戴月 阅读(1400) 评论(0) 推荐(0) 编辑
摘要: 1 前言 JavaScript 在百度一直有着广泛的应用,特别是在浏览器端的行为管理。本文档的目标是使 JavaScript 代码风格保持一致,容易被理解和被维护。 虽然本文档是针对 JavaScript 设计的,但是在使用各种 JavaScript 的预编译语言时(如 TypeScript 等)时 阅读全文
posted @ 2018-06-12 09:53 青山_戴月 阅读(1083) 评论(1) 推荐(0) 编辑
摘要: 简介 在codepen上看到一个Canvas做的下雨效果动画,感觉蛮有意思的。就研究了下,这里来分享下,实现技巧。效果可以见下面的链接。 霓虹雨: http://codepen.io/natewiley/full/NNgqVJ/ 效果截图: Canvas动画基础 大家都知道,Canvas其实只是一个 阅读全文
posted @ 2018-06-08 08:58 青山_戴月 阅读(1176) 评论(0) 推荐(1) 编辑
摘要: 语法篇 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案—-Flex 布局,可以简便、完 阅读全文
posted @ 2018-06-06 09:21 青山_戴月 阅读(344) 评论(1) 推荐(0) 编辑
摘要: 1 前言 CSS 作为网页样式的描述语言,在百度一直有着广泛的应用。本文档的目标是使 CSS 代码风格保持一致,容易被理解和被维护。 虽然本文档是针对 CSS 设计的,但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时,适用的部分也应尽量遵循本文档的约定。 2 代码风格 阅读全文
posted @ 2018-05-31 18:35 青山_戴月 阅读(377) 评论(1) 推荐(0) 编辑
摘要: 一、概述 这是写在前面的话:在开发中的时候,应该、可能、或许会看到有趣的注释 遇到类似的注释能让开发更加的有乐趣,我提倡程序猿继续传承下去这个美好优良传统 二、正文 比如我的注释: 再或者在结尾处加 下面再来看看网络上的资源: 1、来自菜鸟的注释 2、来自正直程序员的注释 3、很神奇的代码/注释 / 阅读全文
posted @ 2018-05-30 13:57 青山_戴月 阅读(888) 评论(4) 推荐(3) 编辑
摘要: 好,我们聊聊vertical-align。这个属性主要目的用于将相邻的文本与元素对齐。而实际上,verticle-algin可以在不同上下文中灵活地对齐元素,以及进行细粒度的控制,不必知道元素的大小。元素仍然在文档流中,因而其他元素可以根据它们大小的变化进行相应的调整。一个有用的例子就是居中图标与旁 阅读全文
posted @ 2018-05-30 09:59 青山_戴月 阅读(383) 评论(0) 推荐(0) 编辑