1/20

Published on:

今天看了一篇文章,是论搬运工和创作者的差别,让我想到了会写代码和搬运代码的差别。文章说5%的程序员写出的东西让95%的程序员在用。想想也是,我们用的工具,框架基本都是别人写好的。我心里想,那5%的人是有多么寂寞呀。我是这样理解的,先说个例子,雷克萨斯的例子。

  • 我们也得开发出高端品牌汽车。
  • 参考对象-梅赛德斯奔驰

怎么开始呢?

  • 先模仿
  • 模仿对象-依旧是梅赛德斯 不扯那么远,我们直接说结果。若干年后是这样的
  • Es Gs Is nx rx 的产品获得市场认可,品质口碑一直是雷车的招牌
  • 打破BBA的格局,拥有自己的市场 鲁迅先生曾经说过,拿来主义==>是指,我们要取其精华,去其糟粕。在程序的世界里,知识的累计的更新是无穷无尽的。新的技术,新的知识。随时要准备可以加载到你原有的知识层面上,我们要时刻的保持自己的操作系统的兼容性,扩展性。甚至,你还得加自己大脑的内存条。我想起了易中天,想起了王受之。那么深的内力,依然看不出年龄的痕迹。这也许就是知识的魅力吧!此时的我,也想说一句,虽不能至,然心向往之。

今天没动作,晚上看了y y老师的视频,决定把魔改作品好好改一下子。

1/19

Published on:

Objective

从基础建设到可以上传图片
基础建设就是搭建框架包括

  • bootstrap
  • devise
  • simple_form 每个新建项目,看样子这3个都是必须了,装载好设定好。 完成上架后台 CRUD 感觉到了规则 rails g controller admin::products 以后,设置路由的命令如下

namespace :admin do
resources :products
end

我的解释就是这个products是admin的儿子。也就是这是后台的产品页。admin就是后台管理员.

完成上传照片图片新增了2个gem 分别是
gem 'carrierwave'
gem 'mini_magick'
还需设定上传的尺寸,以及controller的定义。
加入图片以后网站开始变的丰满了。最后完成本周课程。发一图

Reflective

平稳的一天,第一遍还是快速贴的,中途无报错。用时1小时左右完成,关于怎么设定admin这一块需要好好抓下,争取熟练的自己写出来。

Interpretive

每天都接触你,每天都在用你,请问我们能不熟悉吗?how mush how many

Decisional

做第二遍

1/18

Published on:

Objective

购物网站的拆解,以及将要学到的东西。四大要素:
1.购物车设计
2.结帐订单
3.第三方整合(应该就是第三方支付功能对接)
4.代码重构

以下是我自己的拆解

按教程写下User Story故事
User Story - 商家

User Story - 消费者

User Story - 订单

之后,fork专案克隆到本地。完成框架搭建。

Reflective

今天是运气非常好的一天,包括中签新股。只要是问题都解决了......有如神助的感觉,虽然中间从16:9转换成了140,但好歹也把问题解决了。晚上也谈到了九阴真经和小无相功。加了魔改大赛中比较优秀作品的作者。真好,我总是幸运的。

Interpretive

说说16:9和140的感受,其实你以为16:9是问题,其实不然,你一直把他当问题,然而140才是最后的问题。这个故事告诉我,凡事还得再细心一点,再细心一点点,再多一点点就好了。很多事情就差那么一点点不是吗?再引申到西游降魔的影片中

  • 玄奘原本以为自己追求大爱就应当舍弃小爱,或者说他一直在拒绝小爱。
  • 所以师傅说他差一点点。
  • 直到最后段小姐死在他怀里,他才不得不承认这是他今生所爱,才悟得爱无分大小,他一直拒绝的小爱,也是大爱的一种,或者说一部分。

Decisional

完成购物网站的前半部分

Html和Css的自学

Published on:

div 是块级元素,没有特殊的定义,由于是块级元素着意味着它的内容自动地开始一个新行。可用于组合其他HTML元素的容器 ,一个常见的用途是文档布局。

span 是内联元素,可以作为文本的容器,用来组合文档中的行内元素,并且不会从新行开始。

class 是规定元素的类名,可以用于多个元素调用。

ID 是规定元素的唯一id

p 定义段落.浏览器会自动地在段落的前后添加空行。有结束标签。

br 可以换行。是一个空的HTML元素,由于关闭标签没有任何意义,因此它没有结束标签。

table 定义HTML表格。简单的HTML表格由table元素以及一个或者tr、th或tb元素组成,tr元素定义表格头,th元素定义表头,td元素定义表格单元。只要掌握这些元素的用法就能灵活运用出来。

margin 与 padding 的差异?

margin 是外边距, padding 是内边距.

什么是 box model?

为何要使用 em 而非 px 来定义字的大小?

IE无法调整那些使用px作为单位的字体大小;
国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;
Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)

任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

EM特点

em的值并不是固定的;
em会继承父级元素的字体大小。
所以我们在写CSS的时候,需要注意两点:

body选择器中声明Font-size=62.5%;
将你的原来的px数值除以10,然后换上em作为单位;
重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em,那么在声明p的字体大小时就只能是1em,而不是1.2em, 因为此em非彼em,它因继承#content的字体高而变为了1em=12px。

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

A: 四个参数时,表示: {上, 右, 下, 左;}
三个参数时,表示: {上, 左右, 下;}
两个参数时,表示: {上下, 左右;}

所以此题目答案是
margin-top: 10px
margin-right: 0px
margin-left: 5px
margin-bottom: 15px

1/17

Published on:

Objective

魔改接近完工。


job界面

show界面

heroku地址:https://mysterious-falls-23013.herokuapp.com/
Github地址:https://github.com/xieyubai/job-listing-1

Reflective

一切都准备好以后,竟然提交不了。在编程比赛里面,有个16:9的要求。为此,我花了几个小时去弄,裁剪,转换格式,关vpn,因为我用的imac的电脑,显示器是5k屏,截一张的图的大小在5-7MB。到现在为止依然上传不了,难道是网速的原因?还上传了2次heroku.又被自己搞晕了,详情见论坛

Interpretive

早上写orid,下午学习新课程,晚上交流讨论。就这么愉快的决定了。高效,合理。让自己最好的状态用在刀刃上。

Decisional

开始新课程

第二周周记

Published on:

本周学到最棒的工具就是Google的环聊,真是科技改变生活的好工具。试想一下,每次线下聚会都是需要时间成本的。而环聊能随时就能有线下的感觉,你可以分享你的屏幕,你的声音,你的画面。看看别人是怎么操作的,他的思路,他的步骤等。实乃神器。

本周最大的坑就是尝试去解modeles里的意思,最后内力不够,差点走火入魔。最后老老实实的背下几句,知道输入了什么,然后就能让什么什么输出什么。

Objective

第三遍job-listing
完成所有的功能,魔改还在增加元素中

Reflective

今天很高兴,用了新的工具Google的环聊,相当于温习了一遍。大家都一起分享了一些工具,效果不错。晚上还做了语音分享,紧张的都口齿不清了。还好,在助教们的鼓励下算是过了。也听了大家的分享,受益很多。希望能够抛砖引玉,让更多的人,更厉害的同学参与进来。

Interpretive

入门还是以模仿为主,不能妄自菲薄,也不能不知深浅。脚踏实地的一步一个脚印。一块一块的完成拼图。

Decisional

继续找资源为魔改增加元素。

1/13

Published on:

Objective

job-listing 第三遍加入魔改元素
已完成

  • 实作 Admin 的 CRUD
  • 实作 Jobs 的 CRUD

Reflective

今天是比较平稳的一天,速度很快的完成了前4节,然后出问题,大意的把 require_is_admin的功能放错位置,找半天。又想删掉重来的时候。灵光一闪,找出了根源。那感觉太好了。但也为自己的粗心感到失望,第三遍了 还这样。就因为是魔改而分心吗?不要找理由,就是粗心。不过这个错我写下了,下次他就不会犯了。嘿嘿!

Interpretive

越熟悉,越有感觉。因为至少字母上来说他不再陌生,慢慢的知道输入什么,输出的是什么。熟能生巧!

Decisional

明天接着做完第三遍。

1/12

Published on:

Objective

今天主要去看前端的知识。费助教在论坛的帖子,是个好方向。

Reflective

之前改了点东西,后来看论坛上的贴,搬了过来。基本知道怎么去套了,发挥的空间很大。web前端就是美学,审美,排版。交互设计,太多太多元素了。搬来的首页,哈哈。

Interpretive

今天网络出问题,没看到直播,影响了心情。后来决定换个路由,这是自己的问题。淡定,明天看下重播。
比赛的奖品真丰富!热血又起来了,有没有!?到时可以看到优秀的作品也真是期待!

Decisional

手打job-listing第3遍,加入魔改元素。

1/11

Published on:

Objective

手打完成jos-listing全部

Reflective

完成了所有的功能
这是效果图,首页


后台

后台查看履历

gif图

Interpretive

今天边打边看了看bootstrap的手册,看了看tableclass 加了一个hover


效果还可以,还有一些按钮

还没研究有些语法怎么加,怎么套。打完第二遍,花的时间不算多,慢慢的都在熟悉。第一遍犯的大错基本消失了。果然记错是个好方法!报错的基本是手误,一些更熟悉的可以不看教材一路打下去,直到下个功能。离独立做出来还有点远,但我有信心。谁都不是一开始就牛的,只要坚持下去,我也会的。相信自己!

Decisional

再来一遍,也多看看怎么套东西,装修下下。准备迎接比赛。

job-listing下半场

Published on:

Objective

应聘者功能实做
完成了以下功能

  • 首页要可以按照职缺薪资下限排序
  • 首页要可以按照职缺薪资上限排序
  • 首页要可以按照职缺发表时间排序
  • 应征者可以提交自己的职缺

Reflective

首先昨天看完xdite老师的视频就发现下半场的教材出来了,想快速的先贴一遍看看。贴着贴着,出问题了。


地址报错!正确的地址是,点击提交简历要跳转到resumes下的new.html.erb下面。怎么实现呢?通过路由设置,当时我被搞晕了。

我把resources :resumes 直接放在resources :jobs do下面。现在想想,如果这样的话,那下面的memberhide 作用不了到admin do 里面吧。没想那么多,怕晕了。我重新写了一句,然后就好了。这是正确的。

然后我rake routes 地址是正确的了


这个过程不是一开始就找到解决方法的,期间试过改html的东西,改地址等等。虽然我现在解释不出来到底为什么,但可以感觉的出是我还不怎么懂里面的规则和表达方式。以后页面越来越多,跳转也会越来越多。routes.rb得好好熟悉规则和表达方式才行,不然很容易就把人搞晕了。不能晕,晕的话,后果很严重。这不,又来了。请看图,

我靠!这又是什么情况了,不管三七二十一,先重启大法。

世界都干净了,账号没了,资料没了。看看还有问题没?结果还是一样的效果,你服了吗?我服了,先睡觉。顺便把这个放到论坛挂着.早上起来发现有人回复了,给出方案,好了。

把重启大法的第二步,新建的那部改成教材上的就ok了。再次谢谢文同学解答。

Interpretive

如果没有昨天的鸡血视频,我估计又得怀疑人生了。还是那句话,循序渐进的进步,不可逆。别想着一口吃下整个肉夹馍,那样会噎死的。一口一口来。

Decisional

熟悉熟悉再熟悉,打打打打打!