饿了么前端教程简明笔记

版权声明:欢迎读者提问交流。 个人水平有限,表述不当或疏漏之处敬请批评指正。 作者:trialley 来源:CSDN 著作权归作者所有。非商业转载请注明出处,商业转载请联系作者获得授权。 https://blog.csdn.net/lgfx21/article/details/82388416

css

  • postcss插件:兼容性助手
  • 父子组件 父子滚动
  • position:fixed相对窗口,不会滚动|absolute相对父元素|sticky先正常,后对窗口
  • overflow:|
  • color:rgba(1,1,1,1)
  • sticky footer
  • display:父组件font-size:0none|inline|inline-block|block|(应用于子组件的)flex|inine-flex
  • .box {
    display: flex;
    justify-content: center;
    align-items: center;
    }内部元素居中对齐
  • p标签 大段文字
  • padding可以增加点击区域

stylus

  • &代替父选择器

vue

  • 可以通过v-show绑定data中的值来实现弹窗效果
  • 添加TRACK-BY属性,绑定的值修改才会重新渲染
  • SOMEMETHON(event){
    if(!event._constructed){
    return}
    }
  • 一切可复用的都被复用了
  • vue中对某个对象添加新变量,需要用vue.set(对象,值,数)
  • transition属性制作动画

js

  • map()函数返回值作为数组内容
  • foreach()遍历数组后执行函数

猜你喜欢

转载自blog.csdn.net/lgfx21/article/details/82388416