gmfe/Think

前端技术体系收集

liyatang opened this issue · 14 comments

流程:

  • 评论区留下知识点(知识点标题 [+ 内容 or 链接])
  • 负责人会收集和整理
  • 完善知识点
  • 并入 README

css

  1. css 当bootstrap的样式与需求冲突了,怎么解决
  2. css ma和station两套主色调,怎么做

store

  1. 为什么从redux迁移到mobx,有什么要注意的?

webpack

  1. webpack (缓存 css与js分离 、打包速度、代码压缩)

bug排查

  1. 如果排查线上bug

其他

  1. url转码

小程序

taro
mpvue
wepy

ssh 原理

nginx

一些常用 linux 命令

npm

相关知识 wy-ei/notebook#42

Mobx

中文文档: https://cn.mobx.js.org/

fundebug 总结

url 参数 知识点

移动端1px问题

移动端踩坑

交互方面的权威指南,特别是移动端应用及组件:Human Interface Guidelines

// 修复 ios 微信内键盘弹回页面没弹回bug,6.7.4 之上都有
// 通过增加页面搞定,然后复原来 hack
function fixWeiXinKeyboard () {
  if (is.iOS() && is.weixin()) {
    window.document.body.addEventListener('focusout', (e) => {
      if (e.target.tagName.toLocaleLowerCase() === 'input') {
        // 小于 100 不行,100.01 不行,100.1 行
        window.document.body.style.height = '100.1%'
        setTimeout(() => {
          window.document.body.style.height = ''
        }, 1)
      }
    })
  }
}

https://developers.weixin.qq.com/community/develop/doc/00080c60510038c78ae76d20951c00?highLine=%25E9%2594%25AE%25E7%259B%2598%25E5%2585%25B3%25E9%2597%25AD

https://developers.weixin.qq.com/community/develop/doc/000480392787f052a2b7d022f51c00?highLine=%25E9%2594%25AE%25E7%259B%2598%25E5%2585%25B3%25E9%2597%25AD