SF
前端补完计划
前端补完计划
注册登录
关注博客
注册登录
主页
关于
RSS
《GitHub 入门与实践》阅读笔记(第4章)
omgdog
2018-07-22
阅读 4 分钟
2.2k
1. 基本操作 git init {代码...} 执行初始化操作会生成一个 .git 目录(该目录存储着管理当前目录内容所需的仓库数据); 文件的编辑等操作在工作树中进行,然后记录到仓库中,以此管理文件的历史快照; 如果想将文件恢复到原先的状态,可以从仓库中调取之前的快照,在工作树中打开。 git status {代码...} git add {代码.....
《GitHub 入门与实践》阅读笔记(前三章)
omgdog
2018-07-22
阅读 2 分钟
2.5k
1. GitHub 是什么? 为开发者提供 Git 仓库的托管服务; 一个让开发者与朋友、同事、同学以及陌生人共享代码的完美场所。 2. 被改编成各种造型的 octocat 们 这里可以看到网友们上传的各种造型的 octocat(可以拿来当头像):[链接] 3. Pull Request 是什么? 指开发者在本地对源代码进行更改后,向 GitHub 中托管的 Git...
在 Mac 上如何向 GitHub 提交代码?
omgdog
2018-07-22
阅读 1 分钟
4.2k
一、取得设备授权 认识SSH 在 Mac 上生成 SSH Key:ssh-keygen -t rsa 在 GitHub 上添加 SSH Key 并粘贴从 Mac 拿到的 id_rsa.pub 公钥 在 Mac 上验证:ssh -T git@github.com 二、提交代码 git clone get@github.com:xxx/xxx.git git status git add [your files] git commit -m [your comment] git push origin master...
Sublime Text 使用记录汇总
omgdog
2017-03-07
阅读 1 分钟
1.8k
一、Open in browser 无反应 问题描述:RT,用快捷键 Ctrl + ~ 调出 Sublime Text 的控制台,可以看出如下报错信息: 这是因为『当前 py 脚本位于包含中文字符串的路径下』。 解决方法: 检查文件是否放在含有中文名称的文件夹里面,将文件夹名称改为无中文名称即可。
Intellij IDEA & Sass 使用记录汇总
omgdog
2017-03-03
阅读 3 分钟
5.9k
一、如何查看某端口被占用进程并将其杀死 终端输入以下命令,将会出现占用端口的进程信息: {代码...} 找到进程的 PID,使用 kill 命令杀死对应进程: {代码...} 二、修改配置刷新页面即查看修改内容 Java Web 项目,如果修改了 jsp 、js、css 等文件内容想立即刷新页面查看,可修改服务器配置为如下所示: 三、用 Gradl...
配置 JDK 环境变量 & Gradle 安装
omgdog
2017-02-21
阅读 2 分钟
6.9k
由于在添加 Gradle 环境变量时,发现 JAVA_HOME 的路径有错,想了一下,发现是因为之前粗暴地替换 JDK 时导致的问题。之前我是这样替换 Mac 自带的JDK的:直接删除原来的 JDK,然后安装最新版的 JDK。这样是成功了,但环境变量配置文件忘了修改了。所以现在其实要做的是配置好 JDK 1.8 的环境变量。
先有蛋还是先有鸡?JavaScript 作用域与闭包探析
omgdog
2017-02-16
阅读 5 分钟
3.4k
如果了解过 JavaScript 变量提升相关语法的话,答案是显而易见的。本文作为《你不知道的 JavaScript》第一部分的阅读笔记,顺便来总结一下对作用域与闭包的理解。
玩转 Compass Sprite
omgdog
2017-02-10
阅读 4 分钟
4.3k
Sprite(精灵),在国内也叫雪碧(音译),是一种 CSS 图像合并技术,该方法是将图标和背景图像合并到一张图片上,然后利用 CSS 的背景定位来显示需要显示的图片部分。
Sass 语法小结
omgdog
2017-02-09
阅读 6 分钟
3.1k
本文主要对 Sass 的基本语法进行了小结,方便日后快速查阅使用。 一、变量($) 1. 变量标识符 Sass 使用 $ 符号来标识变量。 {代码...} 2. 重复引用 在声明变量时,变量值也可以引用其它变量。 {代码...} 二、嵌套 1. 基本嵌套 在一个规则块中,既可以像普通的 CSS 那样包含属性,又可以嵌套其它规则块。 {代码...} 2. ...
Sass & Compass 初步使用
omgdog
2017-02-08
阅读 1 分钟
3.3k
一、需安装的东西 ruby(mac自带) gem(sources可能被墙) sass compass 查看安装情况: {代码...} 查看 gem 的 sources: {代码...} 可参考资料 如何安装 Ruby、Sass、Compass(Windows,使用 Ruby China 镜像) 二、实操 使用终端进入选定的目录 compass 初始化 sass 编写 针对1: mac可能用到的命令: {代码...} win...
CSS学习笔记(十六) CSS最佳实践之可维护性篇
omgdog
2015-11-16
阅读 6 分钟
8.9k
前言 CSS代码难维护众所皆知。 为一个元素设置样式的方式可以通过定义的class、定义的id、元素的标签名、元素的属性等选择器以及这些选择器的组合来实现; 作用于某个元素上的样式又可能来自单个样式规则,也可能来自多个样式的组合,还可能来自父元素; CSS样式可以定义在元素的style属性里面,也可以定义在页面head部...
CSS 强化装备!Sass 安装与使用
omgdog
2015-10-27
阅读 6 分钟
9.9k
Sass 是 Syntactically Awesome Style Sheets 的缩写,它是CSS的 一个开发工具,提供了很多便利和简单的语法,让CSS看起来更像是一门语言,这种特性也被称为“CSS预编译” 。它的主要涉及思想是让我们可以按照编程的思路编写自己的样式,然后通过“编译器”生成我们所需要的CSS文件。
干了这杯可乐!Gulp 上手指南
omgdog
2015-10-16
阅读 4 分钟
7.7k
对网站资源进行优化,并使用不同浏览器测试并不是网站设计过程中最有意思的部分,但是这个过程中的很多重复的任务能够使用正确的工具自动完成,从而使效率大大提高,这是让很多开发者觉得有趣的地方。
CSS学习笔记(十五) 使用map标签实现单图多热点
omgdog
2015-01-15
阅读 2 分钟
11.2k
来源:js中图片点击区域的实现 - javascript - SegmentFault map标签 定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。 area元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。 img标签中的usemap属性可引用的map标签中的id或name属性(取决于浏览器),所以我们应同时向map标签...
CSS学习笔记(十四) 我们前端是怎么跟设计师沟通的
omgdog
2015-01-13
阅读 3 分钟
5k
一般设计师给前端的只有psd,没有其它多余的东西,连基本的文档都懒得给。前端期望中的设计能给予的除了psd之外, 还有设计上游岗位传递下来的东西。 比如: 产品原型, 需求文档, 交互文档等等。
CSS学习笔记(十三) WAMP5 & SinaAppEngine
omgdog
2015-01-08
阅读 3 分钟
3.8k
对于小前端来说,PHP 集成环境 是个非常不错的选择。在 window 上这类软件有很多,一搜就知道。 我选择了WAMP5。体积较小,启动速度快,菜单较人性化,小图标有状态显示。
CSS学习笔记(十二) CSS命名规范
omgdog
2015-01-07
阅读 2 分钟
7.2k
引言:最近想将这几个月做过的东西组件化,然后首先想到的是 编码规范化!本文只涉及 CSS 命名规范,搬来了Alloyteam 造好的轮子。可能并不完全适用,在以后开发过程中再根据需要进行修改。╮(╯_╰)╭
CSS学习笔记(十一) CSS3 Transition
omgdog
2014-12-31
阅读 3 分钟
4.8k
1.会伸缩的搜索表单 常在 sf.gg 混的人都知道,它的顶部导航栏是这样的: 当输入框获得焦点就会变成这样的: 利用 CSS3 的 Transition 属性,我们可以简单做出一个类似的搜索表单出来: HTML 标记: {代码...} CSS 样式: {代码...} 效果图: 默认: 获得焦点: 对于那些可以输入的控件,大家又俗称其为 字段。每个表单...
CSS学习笔记(十) 界面组件之表单
omgdog
2014-12-30
阅读 3 分钟
4.5k
form 元素有两个必要的属性:action 和 method。action 属性用于指定服务器上用来处理表单数据的文件的URL。method (值为 post 或 get)用于指定怎么把数据发送到服务器。
CSS学习笔记(九) 界面组件之导航菜单
omgdog
2014-12-26
阅读 7 分钟
8.9k
菜单由一组链接组成。用 HTML 中的列表元素(ul 或 ol)来分组链接不仅符合逻辑,而且即使没有额外的 CSS 也能适当显示链接的层次。默认情况下,由于列表(li)是块级元素,因此它们会上下堆叠。
CSS学习笔记(八) 页面布局之三栏-固定宽度布局
omgdog
2014-12-22
阅读 6 分钟
16k
1.布局前的认知 1.1 三种基本方案 多栏布局有三种基本的实现方案:固定宽度、流动、弹性。 固定宽度。布局的大小不会随用户调整浏览器窗口大小而变化,一般是 900 到 1100 像素宽(最常见的是 960 像素)。 流动。布局的大小会随用户调整浏览器窗口大小而变化。(结合 CSS 媒体查询,能够适应最大和最小的屏幕,业界称之...
CSS学习笔记(七) 背景
omgdog
2014-12-18
阅读 3 分钟
6.7k
背景层:用实色填充(使用 background-color 属性),也可以包含任意多个背景图片(使用 background-image 属性),背景图片叠加在背景颜色之上。
CSS学习笔记(六) 元素定位
omgdog
2014-12-17
阅读 4 分钟
4.6k
这些盒子们都要按照 可见版式模型(visual formatting model)在页面上排布。可见的页面版式主要由三个属性控制: position 属性、 display 属性和 float 属性。其中,position 属性控制页面上元素间的位置关系, display 属性控制元素是堆叠、并排,还是根本不在页面上出现, float 属性提供控制的方式,以便把元素组成...
CSS学习笔记(五) 规则声明
omgdog
2014-12-16
阅读 3 分钟
4.7k
CSS 规则由 选择器 和 声明 两部分组成,本文将要说的是第二部分:声明。 一个声明包含两部分:属性 和 值。 属性 指出要影响元素的哪个方面(颜色、高度,等等),而 值 表示属性设定为什么(绿色、15px,等等)。 CSS属性值主要分以下三类: 文本值 数字值 颜色值 1.文本值 文本值也叫关键字。所有 CSS 属性都有文本值...
CSS学习笔记(四) CSS优先级
omgdog
2014-12-16
阅读 2 分钟
5.2k
CSS 中的祖先元素会向后代传递一样东西:CSS属性的值。可以继承的属性相当一部分都个文本有关,比如颜色、字体、字号。然而,也有很多 CSS 属性不能继承,因为继承这些属性没有意义。这些不能继承的属性主要涉及元素盒子的定位和显示方式,比如边框、外边距、内边距。
CSS学习笔记(三) CSS选择器
omgdog
2014-12-16
阅读 5 分钟
5.1k
链接样式 在创建包含多个页面的网站时,需要把样式集中在一个单独的文件里,这个文件就叫 样式表。样式表其实就是一个扩展名为 .css 的文本文件。可以在任意多个 HTMl 页面中链接同一个样式表文件,每个页面中只需加入类似下面的一行代码即可:<link href="styles.css" rel="stylesheet" type="text/css" />
CSS学习笔记(一) HTML标记与文档结构
omgdog
2014-12-15
阅读 2 分钟
5.1k
用HTML标记内容的目的是为了赋予网页语义(semantic)。换句话说,就是要给你的网页内容赋予某些用户代理(user agent)能够理解的含义。
CSS学习笔记(二) 字体和文本
omgdog
2014-12-15
阅读 4 分钟
5.3k
理解字体和文本属性,对于创造出专业水准的网页排版非常重要。一个网站的品质如何,有时候只要看看它用的字体就能一目了然。 1.网页中字体的来源 用户机器中安装的字体 保存在第三方网站上的字体(可以用link标签把它们链接到你的页面上) 保存在你的Web服务器上的字体(可以使用@font-face规则随网页一起发送给浏览器)...
JavaScript学习笔记(二) 对象与函数
omgdog
2014-12-04
阅读 7 分钟
3.8k
JavaScript的基本对象也是作为其它对象的基础,但是从基本层面上来看,JavaScript的Object对象与其它大部分的OO语言所定义的基本对象很不同。
JavaScript学习笔记(一) 根据类名获取元素
omgdog
2014-12-02
阅读 1 分钟
12k
Document对象:每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。
1
(current)
2
下一页
1
(current)
下一页