前端的个人工作学习总结

工作了快一个月了对与一些遇到问题进行一些思考与总结

css样式部分

1. 行内元素：行高很重要，缺少行高时，文字的大小并不是这个行内元素的高度，占地高度会比文字大小多几个px。设置行高后，行内元素高度=行高。
2. - 如何让css自动空出红色箭头部分的效果：

   <li>
                   <i>2、</i>
                   <span>
   					<ins>充值金币可购买全站素材，单个模板按模板卖家实际标价或实时活动价获取；</ins>
   					<ins>VIP模板免费下载仅针对VIP专区内模板；未加入VIP的模板不可下载；</ins>
   					<ins>同时拥有金币和有效期内VIP的用户，下载VIP专区模板时请直接点击VIP免费下载，否则将按原价扣减金币；</ins>
   					<ins>金币兑换VIP折扣特权1年内有效，过期失效；</ins>
   				</span>
    </li>

i标签加上 flaot:left;
span加上 display: block;
overflow: hidden;

• 利用overflow:hidden
  来清除i浮动带来的影响，我记得是行内元素对浮动有影响，但是i加上dispaly:block，页面并没有变化。这是为什么那？？额~我也不清除。之后会陆续研究跟进。

之后问题又来了，浮动跟行内块元素，有了行内块为啥还要我自己写浮动，浮动还要清除（就是我自己懒），难道就是多一个浮动到右边？？

• 之后我又遇到问题了，行内块元素，加入了背景图片两个没办法对齐了（也不知道对不对，注册页面的辣个发送验证码），后续我会继续研究。以后还是尽量考虑使用浮动。

3.css样式写法：
1.位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)

4.外边距溢出
原先只知道上外边距溢出，后面才知道有下外边距溢出，不仅仅用个padding，还可以用border，overflow:hidden。怪不得这个问题有时候遇到有时候没遇到。

HTML部分

1. html要语义化
现在想想刚开始写的那些，就感觉想到小时候自己活泥巴一样-.-
不要光用div,p,span这种，html给了我们很多标签，需要自己物尽其用。要学习的标签有很多。

react中

1. react中为什么input需要写onChange事件来改变，因为react是单一数据流，没有双向绑定，需要利用函数操作this.setState。
2. 安装react-cropper时候出现问题，需要重新安装一次生成新的pakepage.json文件，解决。
3. react中写style中有些坑backgroundImage，尽量写calssName。

style={{ background: "url("+require("../../assets/selected_home.png")+") 0 0 / 16px 16px" }} 需要用字符串拼接，不然图片路径会有空格，导致无法使用。

谈谈个人对react的一些看法，可能有许多不对的地方，还请大家指正。
react与原生的不同之处，在于react帮你把你要操作的东西拿过来并帮你放过去。我认为原生的思路是1，拿到我要操作的dom；2，完成我的操作；3.再放回去。react帮我们省略了1，3部分，我们直接可以管操作就行了。其中我们主要操作state，而react是单一数据流，自顶层数据往下操作，就像水一样往下流。react没有双向绑定，那我们如何拿到用户输入的值那，利用函数来使用setState。这样就完成了用户的操作部分。
react怎么帮我们完成1，3部分的操作的？？看了一些东西以及自己的一些想法根理解。react使用jsx语法，之后jsx的会进行转换，生成虚拟dom树，转为html部分。当我们进行setState时候，会触发与虚拟dom树的对比，之后更改变化的部分。

const element = {
  type: 'h1',
  props: {
    className: 'greeting',
    children: 'Hello, world'
  }
};

JS中的问题

#document到底是什么？有知道小伙伴可以给我留言。
有经常听过数据结构，之后简单看了看。感觉对js的理解又有了新的体会，以后要好好学习一下。
for in 不仅可以遍历数组，还能遍历对象。
es6的学习看了两次，看完也忘的差不多了，当时有很多不懂得东西，本来应该记着的，因为时间有点长忘了。之后应该还要重新回炉，到时候应该边学边记录。
遇到了promise的写法，之后看了一下有迷茫了0.0都是啥呀这
看了promise中的resolve和reject，那他们根 .then和catch有什么区别

------------------------------------------------------------------------------------------------------------相信积累的力量