Giter Club home page Giter Club logo

hbrid-app's Introduction

本项目是一个 hrbird 项目,所有的图片资源获取为他人项目资源,业务功能逻辑为自己实现

相关使用技术方案
  • Vue: 我喜欢用
  • mockJS:模拟数据
  • aixos:数据交互
  • JSBridge:原生通信
  • IntersectionObserver:懒加载
  • 其它方案见项目代码

webpakc 配置
  • 关于 rem 配置使用 px2rem 插件,相关原理可以自行了解
  • 全局引入样式,这里 vue-cli 已经帮我们做了配置 sass-resources-loader, 直接使用就可以了
编码管理
  • 使用 scss 来管理我们相关样式。assets > style 下存放的是公用样式,方便后期 UI 的更改更加的快捷
  • 组件化:见项目 components 与 view 文件夹
  • 命名空间:我个人喜欢的一种方式是采用 Airbnb 风格,具体请查看项目
  • DOM 元素: 多属性必须换行
  • 所有组件样式根元素以ID选择器书写,方便查找
其它约定
  • 本项目属于自己独自开发,所以没有接入 ESlint,喜欢的可以自己可以去了解下

hbrid-app's People

Contributors

hugh-shen avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.