2 months ago

padding 内边距
margin 外边距

• h1 {margin : 10px 0px 15px 5px;} 的
• margin-top、= 10px
• margin-right、= 0px
• margin-left、= 5px
• margin-bottom 各是多少?= 15px

许多开发者使用 em 单位代替 pixels。
W3C 推荐使用 em 尺寸单位。
1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素,那么对于该元素,1em 就等于 16 像素。在设置字体大小时,em 的值会相对于父元素的字体大小改变。
浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素。
可以使用下面这个公式将像素转换为 em:pixels/16=em
(注:16 等于父元素的默认字体大小,假设父元素的 font-size 为 20px,那么公式需改为:pixels/20=em)

box modle 框模型

 
2 months ago

P 与 br

表示一个段落
表示不用分段落的分行

To break
lines
in a
paragraph,
use the br tag.

输出为
To break
lines
in a
paragraph,
use the br tag.
没有段落但是要分行。

class与id

class 表示属性 规定元素的类名(classname)
id 表示唯一 规定元素的唯一 id

/

定义文档中的分区或节(division/section)。
元素是块级元素,它是可用于组合其他 HTML 元素的容器。
元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。
如果与 CSS 一同使用,
元素可用于对大的内容块设置样式属性。
元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。

定义 span,用来组合文档中的行内元素。
元素是内联元素,可用作文本的容器。
元素也没有特定的含义。
当与 CSS 一同使用时, 元素可用于为部分文本设置样式属性。

表格由

标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由
标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。

 
2 months ago

接着呢, current_user.email != 'xdite@growth.school' 这样不是很好看,我们应该要把条件改成 if !current_user.admin?
这样比较美观。
所以呢,你可以把刚刚的那一段改成:
app/controllers/admin/jobs_controller.rb
def require_is_admin
if !current_user.admin?
flash[:alert] = 'You are not admin'
redirect_to root_path
end
end

我按照教程把admin的email设定为 qiezijun120@gmail.com
但是,网站上确实认可的1843249@qq.com
可能是我在生成的时候没有退出。
找一下方法

 
2 months ago

第一次做烂

第二次直接看解答做

结果中间出现报错

Sass::SyntaxError: File to import not found or unreadable: bootstrap-sprockets.
Load paths:
/srv/www/myapp/releases/20141001060418/app/assets/images
/srv/www/myapp/releases/20141001060418/app/assets/javascripts
/srv/www/myapp/releases/20141001060418/app/assets/stylesheets
/srv/www/myapp/releases/20141001060418/vendor/assets/javascripts
/srv/www/myapp/releases/20141001060418/vendor/assets/stylesheets

google

原因是修改了gemfile后没有重新rails s

 
3 months ago

• 实作 Jobs 的 CRUD
• Job 至少必须要有 title 与 description 栏位
• Job 的 title 不可为空
• new/create/update/edit/destroy 动作必须要进行登入
请贴浏览器里实现以上功能的相关图片和动图

 
3 months ago

5-3的作业
https://github.com/quanzhanying/job-listing/pull/1478

 
3 months ago

第三课8-3
做好下拉菜单
但是点击没有效果


经过谷歌
发现 atom里
app/views/common/_navbar.hrml.erb 里面代码出错

ok

 
3 months ago

做第三课7-5
新增两行代码处一直出错

最终发现
是上一行代码手打没有完成(因为教程上没有全部截图)
少了 %>

于是乎赶紧加上

OK

 
3 months ago

今天做第三课第二遍
4-8
需要关闭终端
并且再次输入rails s
结果出错


谷歌半天之后发现
是因为之前 control + c 关闭终端时没有完全关闭 所以出错 一直无法运行 rails s
查找大量资料发现一个命令 lsof -wni tcp:3000
可以看出出错的问题
果断输入

找出出错的数字
继续输入命令 kill -9 数字

然后输入 rails s
果然成功啦!

 
3 months ago

很多同学在做第一课时,从第五步开始容易出错,我写了一个教程,帮助同学们去解决这些问题。有些情况,可能都没有遇见过,所以需要同学们把报错的全部代码都截图发过来。这样才能知道你错在哪里,否则真没有办法哦。

因为大多数同学都是在做的过程中出错的,我们的教程就先从删除已经做过的专案开始。

第一步删除我们之前建立的first_app

首先打开终端 输入 ls

查看根目录下的文件名称,很明显能看到我们做的几个专案,其中划绿色方框的就是first_app

输入 rm -rf first_app

就删除了

在输入 ls 看一下,确实没有了。

第二步 删除我们在github上面建立 first_app

在谷歌浏览器中输入 https://github.com/

按照图片操作

第三步如何已经上传了heroku,要一起删除

至此,就算完成删除first_app 的任务了。

下面开始重新做

1、输入 rails new first_app

结果跑了一会就停下来了,让宝宝心情很郁闷,等了半天也没有好,突然想起今天是在我父母家,网络是电信,而之前的网络是联通,于是果断采取措施。


在这里不动了

在应用程序中打开atom。默认是以前做过的专案,需要重新打开first_app的atom

接着按照教程

在终端机输入 cd first_app
然后再输入 bundle install

一个新的 Rails 专案就建立完成了!

在终端机输入 rails s

这样就能打开 http://localhost:3000/

把鼠标点一下正在运行的终端,同时按住commnd+N。就能另外开一个终端。

在新开的终端输入 cd first_app

然后分别输入划红线的两个命令

前往 http://localhost:3000/topics

留言板建好了。

下一步就是上传到git中

分别输入 git config --global user.name "qiezijun120"
git config --global user.email "qiezijun120@gmail.com"

看看有什么反应,如果没有就表示一切正常 可以先

输入 git add .

 git commit -m "add "
 这两个是简化命令,可以直接把所以文件都储存进去 

接下来就是非常重要的环节了,大部分同学应该是在这里死掉,这里第一次做的同学严格按照教程走,就可以建立秘钥和git实现传输,而这个秘钥暂时来看也是唯一的,不需要一直建立。已经做过这一步的同学,就不用再做了。

可以点击 https://github.com/settings/ssh

看看有没有关联,关联成功的会显示

然后 打开 GitHub.com

把这两行代码输入进去 就完成了。