2018-07-13

今日总结 常用的docker国内镜像网站:daocloud 公司私库,连内网速度较快 docker的基本命令 docker pull 从镜像仓库下载镜像 run [OPTIONS] IMAGE [COMMAND] 创建一个新的容器并运行一个命令 images 查看本地镜像列表,如图所示,通过下面命令: exec在运行的容器中执行命令 -d :分离模式: 在后台运行 -i :即使没有附加也保持STDIN 打开 -t :分配一个伪终端 ps -a 查看已经创建的容器 -s 查看已经启动的容器 在docker环境下运行mysql实例 作业如下: >* hugo和hugo server.每个人在github上创建一个库(含readme) * 用hugo本地搭一个,hugo官网推荐的模板的博客(主题自选) * 加一个dockerfile,把博客打包成docker镜像(ngnix) * build.sh源码是docker build的(脚本文件)。即运行build.sh在命令行即可查看镜像 * run build.sh * 日报和本周总结

Continue reading

2018-07-12

今日总结 由于仍然没网(怨念),就将就着用手机边查资料,边手打总结昨天考核的课后复习。 :root选择器是css3中伪类的一个用法,始终匹配根元素,而在HTML里根元素始终是html元素。 再次复习css盒模型和行内元素等的知识(当对一个css元素指定width时,是指定的内容区域宽度) ES6复习 let是块级作用域,而var是函数或者全局作用域 //function (){ for(var i=1;i<1;i++) {} console.log(i);}//输出10,因为可以理解为一个函数 for(let i=1;i<1;i++) {} console.log(i);}//输出undefined,因为let是块级作用域只在For里生效 模板字符串如下(记得用``包裹) 【在大量HTML输入内容时很方便】: let b="Kiri" alert(`${b} stand proud`)//输出Kiri stand proud 箭头函数 function show(a,b=7) { return a+b; } alert(show(5));//变量默认值为b=7,若不传值则默认为7 var show=(a,b=7)=>a+b; alert(show(5));//作为箭头函数和上面的作用是一样的 css三大特性-继承、优先级和层叠 优先级排序:!important>行内样式>ID选择器>类选择器>标签选择器>通配符>继承>浏览器默认属性 :not选择器匹配非()的元素,如 :not(p) { background:#ff0000 } //为每个非p元素设置背景颜色 部分错题总结: 1.What is the use of the only selector? @media only screen and (max-width: 1024px) { margin: 0; } Stops older browsers from parsing the remainder of the selector.

Continue reading

2018-07-11

今日总结 今天下午进行了前端知识的摸底考核,交卷之后发现自己仍有很多不明白的知识点,所以在查资料的过程中总结了以下几点: html中 <p标签定义段落,是块状元素,之前我一直以为是行内元素 同时,行内元素无法调整竖直方向的margin和padding 对于css里的伪类有所了解 px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册) PX特点 IE无法调整那些使用px作为单位的字体大小; 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 rem是CSS3新增的一个相对单位(root em,根em),这个单位引起了广泛关注。这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。目前,除了IE8及更早版本外,所有浏览器均已支持rem。 下列代码是利用了ES6的对象扩展特性,将b的value设置为。 var data={}//data声明为一个对象 Object.defineProperty(data,'b',{ value:10 }); console.log(data); ES6的对象解构: let cons={ name:"kiri", sex:"odoko" } let {name:aa,sex:bb}=cons; console.log(aa)//输出对象里的name,解构成功 babel的介绍和学习 babel是一个广泛使用的转码器,可以将ES6转化为ES5d代码,这样就不必担心ES6是否兼容的问题 使用Npm进行安装,推荐不安装在全局,因为项目会产生依赖,无法支持不同环境的情况。 Linux知识的学习 今天学习并成功配置了vagrant在windows下的环境,开始因为CPU未开启虚拟化出了点问题,后来在老师的指导下完成了。不过公司的网络还没有开,这个比较恼火。同时也熟悉了Linux的各种命令,比如sudo cd cp ls等等。 明日计划 希望能够学习前端知识,带好耳机,今天下载了很多视频需要学习。另外因为没有网,所以今天git和前端的考核题目没有及时复习。

Continue reading

2018-07-10

今日总结 今天由于没有网络,所以主要自学了本地的一些资料,效率也不是很高,主要学习了以下几点: 再次复习了git的基础知识 对Markdown有了基本了解 熟悉了本地的开发环境 安装并配好了vscode/sublime等软件 我的github地址 明天应该有网了,希望可以学到更多东西. 明日计划 完成今天未完成的作业,如设置github账号和地址等 完成git的考核 学习前端和Linux知识,准备考核

Continue reading

Author's picture

EmiyaKiri

STAND PROUD

Your job title

France