zoukankan      html  css  js  c++  java
  • 豆瓣小站过程中学习的东西

    1. checkbox 多选,radio是单选
    2. input和label都是inline-block的时候,放不下会变成两行。
    是只有inline元素和block元素,没有元素是默认inline-block的,是user agent stylesheet的样式。
    3. 实现选择框和文字两边的那个效果,input和label都是inline元素,所以可以一个20%,一个80%,要用font-size
    等于0来去除两个inline-block元素中间的间距。
    第二种实现方法是吧input按钮外面包一层div,然后float这个div,label设置成为block,margin-left那么留出
    input的那个宽度。但是这个时候input是在div块的左上角,和字不在一行,可以给input按钮设置成vertical-align
    middle这样的话就在一行了。
    4.button type=submit的样式要border:none;outline:none两个一起才能去除


    专题列表页
    1.写react的时候两层map不能嵌套着写,这样的话里面的不能渲染出来。也可能是哪个地方差了return
    2.再写tab切换的时候一直没有效果。因为少了两行代码 import injectTapEventPlugin from 'react-tap-event-plugin'
    injectTapEventPlugin()
    3. 遵循代码规范。改为2个空格的缩进,webstrom中的setting被我改了224 原来是448
    4. 原来的那个两层map嵌套没有渲染的原因是因为在第一层的map上面没有return {}是按照js的来解析。()
    是解析的html
    5. 在点击tab切换的时候用的componentWillUpdate或者componentDidUpdate会弹两次框。是chrome浏览器的
    问题。在火狐里面就没有问题
    6. 学会搜索信息。专题页单页面url变化的时候,naoyy搜 react history url change
    7. 我准备用willUpdate的时候用的nyy说可以看下现成的
    8. 字体 css自定义icon 有个专门的服务做这个 https://icomoon.io/
    9. 去看页面有没有刷新就去看network里面有没有发请求
    10. nyy给我的提了一个pr,然后我merge了之后就直接用pull origin dev来更新本地的代码了
    11. 在给组件传入参数的时候要保持属性的名字一致,就是XXX={}xxx要和组件里面的一样。不能瞎写。
    12. tyr中有用到css module,[http://www.ruanyifeng.com/blog/2016/06/css_modules.html]里面的做法是将
    样式文件输入到style对象中。构建工具会将类名编译成一个哈希字符串。如果用了:global()就会是全局的
    那么这种就不会被编译成hash字符串。在用那个组件的时候传一个className的值,这样就可以改变其样式了。
    13. pushState和replceState的用法一样。唯一的区别是他们是否会在history历史中保存,pushState会保存历史
    那么后退啥的url就会跟着变。
    14. a 标签的href让其链接到上次回到的地方 <a href='javascript:history.go(-1)'>返回/后退</a>
    15. js中三元运算符的第一个表达式是返回一个布尔类型的
    16. js的缩进同意两个空格,逗号后面要有个空格 (edd, dd, ),括号要对齐
    17. 可以用toString()或者join()方法把数组变成字符串。object.keys()方法返回的是一个数组
    18. -webkit-font-smoothing: antialiased; 可以抗锯齿。 或者用 -webkit-transform:translateZ(0); 都可以
    19. 在用ArticleModule组件的时候要修改他的样式,需要给他传一个className的值。本身组件里面是有一个
    类名的,但是给别人用的时候得再传一个className的值。
    20. a标签同时有href属性和onclick属性的时候,会先执行click属性,再执行href,如果在onclick里面加上
    return false就不会执行href里面的。href里面要链接到别的地方要写成http://www.baidu.com,直接写成
    href="www.baidu.com"这种是直接链接到了相对于当前地址的地方。localhost://....。会出错。
    21. 在写组件的时候要写的是index.jsx,因为没有index.jsx导致一直报错找不到原因。还有就是在render
    函数里面要写一个return。不然也是报错。注意单词的拼写,export写错了也是报错。
    22. history这个地方出错的原因是因为直接输入到article的地址,然后打印history的长度就是2,所以
    这个时候会直接跳到google里面。es6字符串拼接的时候,`${}`,中间是大阔号。还有一点就是onTouchTap
    里面不能直接写那个函数(),而是要通过bind来绑定。还有就是href是相对地址,如果要跳到一个绝对
    地址一定要写完整。
    23. 在写react的时候不能在{}里面直接写if这种语句,可以用一个函数{(() => {})()}然后把if这种语句写在里面

  • 相关阅读:
    【工具类】图片压缩工具类,可压缩jpg, png等图片
    【Nginx用法】nginx location正则表达式写法,详解Nginx location 匹配规则(很详细哦)
    【Nginx异常】[error] 4236#29900: OpenEvent(“Global gx_reload_27128“) failed (5: Access is denied)
    【Nginx异常】Nginx启动一闪而过没反应,Nginx双击打开后,没有启动成功,也没有进程,且127.0.0.1:8080访问不到
    开启vue-element-ui打包生成报告
    Cas 5.2.x 使用 实现SSO单点登录的问题
    springmvc在使用@ModelAttribute注解获取Request和Response会产生线程并发不安全问题
    企业微信会话存档开发与问题
    高手怎么查找CPU过高的Java代码。具体到行
    ubuntu中清除开始菜单中的应用图标
  • 原文地址:https://www.cnblogs.com/zhuni/p/5856875.html
Copyright © 2011-2022 走看看