今天做了什么**
做了vip按钮优化和相关页面的调整
流程调整
标记作业完成和未完成(还没做完)
做分享
今天学了什么
①line-height 等于外面的div的高度的时候,即是水平居中
②free哥和梦琪的blog:
今天做了什么**
做了vip按钮优化和相关页面的调整
流程调整
标记作业完成和未完成(还没做完)
做分享
今天学了什么
①line-height 等于外面的div的高度的时候,即是水平居中
②free哥和梦琪的blog:
今天做了什么
①standup meeting 理清页面逻辑(onboarding)
②新增付费说明页面,并且搞定相应的流程
③游客注册后新增恭喜页面(文案调整)
今天学到了什么
①通过阅读文档,更加深入理解了devise这个gem。
注册后的跳转和退出后跳转都可以自定义。
②运用get的方式配置routes,看rails guide学了routes的一些用法。
做了什么事?
①完成学习中心页面的细节优化
②完成本周的项目演示
③学了《软技能,代码之外的生存指南》的“十步快速学习法”,可以尝试找个东西(比如ajax)来实践
学到了什么?
①对某个区域(整块内容)添加链接,同时需要调用id的方法时候怎么办?
思路:
最开始的想法是用<a href=""></a>
,这样可以调用固定的域名,但如果需要导入id则做不到。
调用id需要用到erb语法,所以去查rails link_to
的用法,查到可以这么用:
<%= link_to name_path(name) do %>
<div></div>
<div></div>
<% end %>
成功!!
②css中限定图片尺寸需要记住的一个细节
要限定图片大小要规定img大小,少了img是不行的。少了img是限定div尺寸,但图片是可以撑出div外的。
.name-img {
img {
width: 81px;
height: 45px;
}
}
感悟
问题一定要细分,这样可以让自己思路更清楚,更淡定,更能享受解决问题带来的快感
Objective
做学习中心的页面。
Interpretive
今天学到了什么?
①不用更改文件名后缀(在线)
background: url("http://ww4.sinaimg.cn/large/006y8lVajw1f8sxookkmhj30m80gowin.jpg");
②修改文件名后缀name.scss.erb(本地)
background-image: url('<%= asset_path("bg-head.jpg") %>');
语法
background-size: length|percentage|cover|contain;
length:
设置背景图像的高度和宽度。
第一个值设置宽度,第二个值设置高度。
如果只设置一个值,则第二个值会被设置为 "auto"。
percentage:
以父元素的百分比来设置背景图像的宽度和高度。
第一个值设置宽度,第二个值设置高度。
如果只设置一个值,则第二个值会被设置为 "auto"。
cover:
把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。
背景图像的某些部分也许无法显示在背景定位区域中。
contain:
把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。
感悟:
①集中火力做手头的事,遇到其他事先记下来(很早以前就知道的时间管理概念 却实行的很少)
②钥匙不在锁头上的例子补充。
冥想的时候感受不到感觉不是因为感受不够强烈,而是自己的感觉不够敏锐,也就是心不够安静。所以当感觉不到感受时,不是“用力去感受”,而是让自己的心更静下来,这样才能让自己的感觉更加敏锐。
Objective
找学习中心页面参考
做学习中心的页面设计稿
学设计稿和css对接的方法
写学习中心页面的layout
Reflective
状态不错。有一点点flow的感觉。
Interpretive
今天学到了什么?
①width:auto和width:100%的区别?
width:auto
内容的宽度='margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right'
width:100%
当width设置为100%之后,它的宽度就是父级的width,并且随着父级的width自动变化,增加子元素的padding和margin之后,它的width还是不变的,这是与设置为auto的区别。
总结:auto时,增加margin或padding会向内挤压宽度,100%时,增加margin或padding会向外撑开。
一般width:auto使用的多,因为这样灵活,而width:100%使用比较少,因为在增加padding或者margin的时候,容易使其突破父级框,破环布局。
②如何让div居中?
div整块居中:
margin-left: auto;
margin-right: auto;
div里面的内容居中:
text-align: center;
③layout、scss和具体页面的逻辑关系?
在layout的html里面必须写上<%= stylesheet_link_tag "name",media: "all" %>
这一行代码,其中name
指的是这个layout希望引用的scss的文件名。如下:
这个course.html.erb的layout引用的就是course.scss。
具体页面如果要引用scss文件,需要在改页面对应layout的scss文件里写进一个@import
。如下:
具体的html页面需要引用dashboard.scss,又,该具体页面的layout用的是application,所以需要在application.scss里面写进@import "dashboard"
才能调用dashboard.scss里面的css。
@import的作用其实就是调用具体的scss文件,所以除了具体的“dashboard”、“course”等之外,还要调用bootstrap、font-awesome这些用到的东西。还有一些其他的文件则需要通过require来引用。
逻辑梳理:controller里调用layout,layout的html文件里调用对应的scss文件。
在layout的scss文件里面,为了让具体的html页面能调用到特定的scss,所以需要把希望调用的scss文件通过@import导入到layout的scss文件中。
④如下错误如何解决?
方法:在asset.rb文件中的第二行代码加入对应的css和js文件。
当然,必须保证加入的文件是真实存在的。如果不存在的话需要重新新建。js文件和css一样,也要导入一些需要导入的东西。
⑤好用的sketch插件
marketch
Decisional
比较兴奋的在工作的感觉。
Objective
①文字教材发布
②发布作业
③解决、优化了一些小bug
④尝试玩了一下vim编辑器
Reflective
早上效率比较低,几乎没做什么事情。下午工作效率比较高。
今天也有一些时间跑题了。明天切记安排好时间,保持节奏。“速度快不一定节奏稳,但是节奏只要稳了,速度就一定能上去。若是一个鼓手空有速度和技术但却不够稳,无法掌控节奏的话,他就毁了。”
Interpretive
今天学到了什么?
今天解了一些bug,因为涉及到很多别人的代码,所以要去找问题的源头出在哪里。感悟就是就像笑来老师说过,钥匙不在锁头上。很多问题并不出在当下的那个文件里,而是要不断去分析文件里的相关代码,去搜索这些代码出现在哪些其他文件中,去分析问题的源头出在哪里,然后去解决。
会发现一点,改别人的代码虽然很难,但如果找到问题所在的地方,往往一两行代码就可以解决问题了。四两拨千斤。
Decisional
专注力还是不够,带来了一些愧疚感。
Objective
①standup meeting
②lrn玩css
③发布课程
④上架课程(隐藏与公开的各种细节)
Reflective
有效率的解决了用户和admin preview页面的不同显示逻辑。感觉很兴奋。
Interpretive
今天学到了什么?
①if @user.is_admin?
这行代码指的就是返回的值是true的情况
加"?"是一种命名规范,不加也可以,加了别人可以更直观的看出是判断式。
②笑来老师的分享
学习上最大的坑是“学习最大的目的竟然是证明自己聪明”(表现型人格)
学习的目标应该是进步
不要做道德判断,只去计算怎么样更划算,当然计算要长远而全面。(“小朋友才分对错,大人只看利弊。”)
“这不丢人”是一个能帮助人成长的咒语,做错事不丢人,错了不改才丢人。(另一个帮助人成长的咒语——“相信我,你不孤独”)
③遇到问题,再去解决问题(所以如果感觉自己没有进步的时候,不是盲目的去学习,而是应该去寻找问题,甚至创造问题)
Decisional
体会到了内心平和的同时持续工作的感觉。
Objective
今天主要做了两件事。
①完成我的学习页面优化
②写了发邮件功能
Reflective
拿到bose耳机的时候超开心,而且晚上还吃了海底捞。
学习上,今天做了周末总结,向free哥和梦琪请教了一些问题,学到知识很开心。
Interpretive
今天学到了什么?
①设定北京时区
在application.rb里写入时区
config.time_zone = "Beijing"
config.active_record.default_timezone = :local
view里对应写入:
<%= @order.created_at.strftime("%Y-%m-%d %H:%M") %>
这个展示形式是年月日,小时分钟。
②和free哥学到了写css的思路,先成块成块搭出所有框架,框架里的间距用padding,框架为的间距用margin,这样更清晰不混乱。——css有很多种写法,能实现页面效果即可。
③如果要在css文件里面写ruby的语法,则要修改文件后缀为.scss.erb
④如何写会员到期(valid_member)功能——详见quanzhan代码
⑤用redmine进行协作
Decisional
渐入佳境的感觉。
Objective
今天主要做了两件事。
①完成两个页面的css编写
②学用sketch,学习制作、测距等常用功能,练习做了一个类似landing-page的页面
Reflective
今天还是比较平静,工作中间有安排休息,尽量找准适合自己身体的节奏。
Interpretive
今天学到了什么?
如果layout 默认 application,直接在各种scss文件里直接写css能引用到。
如果不是,则不一样,具体如下:
假如layout是welcome,那么就会去引用welcome里的sass,如果要另外在别的scss里面写的话,则要在welcome.scss具体引用。比如,congratulation的layout是welcome,而congratulation的html文件要使用congratulation.scss,那么就要在welcome.scss里面添加@import "congratulation"
(@import会寻找 Sass 文件并将其导入)。
Decisional
体会到了内心平和的同时持续工作的感觉。
git init # 初始化本地git仓库(创建新仓库)
git config --global user.name "xxx" # 配置用户名
git config --global user.email "xxx@xxx.com" # 配置邮件
git config --global color.ui true # git status等命令自动着色
git config --global color.status auto
git config --global color.diff auto
git config --global color.branch auto
git config --global color.interactive auto
git config --global --unset http.proxy # remove proxy configuration on git
git clone git+ssh://git@192.168.53.168/VT.git # clone远程仓库
git status # 查看当前版本状态(是否修改)
git add xyz # 添加xyz文件至index
git add . # 增加当前子目录下所有更改过的文件至index
git commit -m 'xxx' # 提交
git commit --amend -m 'xxx' # 合并上一次提交(用于反复修改)
git commit -am 'xxx' # 将add和commit合为一步
git rm xxx # 删除index中的文件
git rm -r * # 递归删除
git log # 显示提交日志
git log -1 # 显示1行日志 -n为n行
git log -5
git log --stat # 显示提交日志及相关变动文件
git log -p -m
git show dfb02e6e4f2f7b573337763e5c0013802e392818 # 显示某个提交的详细内容
git show dfb02 # 可只用commitid的前几位
git show HEAD # 显示HEAD提交日志
git show HEAD^ # 显示HEAD的父(上一个版本)的提交日志 ^^为上两个版本 ^5为上5个版本
git tag # 显示已存在的tag
git tag -a v2.0 -m 'xxx' # 增加v2.0的tag
git show v2.0 # 显示v2.0的日志及详细内容
git log v2.0 # 显示v2.0的日志
git diff # 显示所有未添加至index的变更
git diff --cached # 显示所有已添加index但还未commit的变更
git diff HEAD^ # 比较与上一个版本的差异
git diff HEAD -- ./lib # 比较与HEAD版本lib目录的差异
git diff origin/master..master # 比较远程分支master上有本地分支master上没有的
git diff origin/master..master --stat # 只显示差异的文件,不显示具体内容
git remote add origin git+ssh://git@192.168.53.168/VT.git # 增加远程定义(用于push/pull/fetch)
git branch # 显示本地分支
git branch --contains 50089 # 显示包含提交50089的分支
git branch -a # 显示所有分支
git branch -r # 显示所有原创分支
git branch --merged # 显示所有已合并到当前分支的分支
git branch --no-merged # 显示所有未合并到当前分支的分支
git branch -m master master_copy # 本地分支改名
git checkout -b master_copy # 从当前分支创建新分支master_copy并检出
git checkout -b master master_copy # 上面的完整版
git checkout features/performance # 检出已存在的features/performance分支
git checkout --track hotfixes/BJVEP933 # 检出远程分支hotfixes/BJVEP933并创建本地跟踪分支
git checkout v2.0 # 检出版本v2.0
git checkout -b devel origin/develop # 从远程分支develop创建新本地分支devel并检出
git checkout -- README # 检出head版本的README文件(可用于修改错误回退)
git merge origin/master # 合并远程master分支至当前分支
git cherry-pick ff44785404a8e # 合并提交ff44785404a8e的修改
git push origin master # 将当前分支push到远程master分支
git push origin :hotfixes/BJVEP933 # 删除远程仓库的hotfixes/BJVEP933分支
git push --tags # 把所有tag推送到远程仓库
git fetch # 获取所有远程分支(不更新本地分支,另需merge)
git fetch --prune # 获取所有原创分支并清除服务器上已删掉的分支
git pull origin master # 获取远程分支master并merge到当前分支
git mv README README2 # 重命名文件README为README2
git reset --hard HEAD # 将当前版本重置为HEAD(通常用于merge失败回退)
git rebase
git branch -d hotfixes/BJVEP933 # 删除分支hotfixes/BJVEP933(本分支修改已合并到其他分支)
git branch -D hotfixes/BJVEP933 # 强制删除分支hotfixes/BJVEP933
git ls-files # 列出git index包含的文件
git show-branch # 图示当前分支历史
git show-branch --all # 图示所有分支历史
git whatchanged # 显示提交历史对应的文件修改
git revert dfb02e6e4f2f7b573337763e5c0013802e392818 # 撤销提交dfb02e6e4f2f7b573337763e5c0013802e392818
git ls-tree HEAD # 内部命令:显示某个git对象
git rev-parse v2.0 # 内部命令:显示某个ref对于的SHA1 HASH
git reflog # 显示所有提交,包括孤立节点
git show HEAD@{5}
git show master@{yesterday} # 显示master分支昨天的状态
git log --pretty=format:'%h %s' --graph # 图示提交日志
git show HEAD~3
git show -s --pretty=raw 2be7fcb476
git stash # 暂存当前修改,将所有至为HEAD状态
git stash list # 查看所有暂存
git stash show -p stash@{0} # 参考第一次暂存
git stash apply stash@{0} # 应用第一次暂存
git grep "delete from" # 文件中搜索文本“delete from”
git grep -e '#define' --and -e SORT_DIRENT
git gc
git fsck