uni-app华为外包前端招聘

发布于 1周前 作者 h691938207 来自 Uni-App

uni-app华为外包前端招聘

岗位职责

  • 负责WEB,PC,移动端(iOS、Android)等前端js框架设计及开发、发布和维护;
  • 根据产品需求,分析并做出Web 3D的页面前端结构解决方案以及与后台交互整体架构解决方案;
  • 与设计、后台开发人员保持良好沟通,能快速理解、消化各方需求,并落实为具体的开发工作;
  • 优化代码,应用前沿技术,不断提高页面性能和用户体验。

任职要求

  • 二本及以上学历;
  • 会使用WebGL及其框架three.js、vue.js 等前端技术开发3D页面demo;
  • 一年以上前端开发工作经验,代码编写规范,编程基础扎实,熟练掌握openGL、osg、ogre开发且有WebGL经验亦可;
  • 精通Web前端技术,包括HTML5/CSS/Javascript等,对性能优化、解决多浏览器兼容性问题有经验;对移动设备前端开发有经验;
  • 熟悉w3c标准,对表现与数据分离、web语义化等有深刻理解;
  • 自动构建工具(gulp或者grunt)的基本运用;
  • 熟悉Angular4以上和Node.js,理解前端MVC逻辑,对路由、模块化和依赖注入有一定的掌握;
  • 熟悉业界常见的开源组件,有开源项目开发经验者优先。

待遇环境

  • 薪资:11k-28k。实际多少依据个人能力。
  • 弹性工作制,上下班打卡。
  • 园区健身房、食堂等,晚饭补贴,打车补贴等。

网申通道


1 回复

针对uni-app华为外包前端招聘的需求,以下是一个基于uni-app框架的简单示例代码,旨在展示如何利用uni-app开发跨平台应用的基本能力。这段代码将创建一个简单的待办事项列表应用,演示数据绑定、事件处理以及页面导航等功能。

1. 项目结构

uni-todo-app/
├── pages/
│   ├── index/
│   │   ├── index.vue
│   ├── todo/
│       ├── todo.vue
├── App.vue
├── main.js
├── pages.json
├── manifest.json
└── uni.scss

2. main.js

import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
    ...App
})
app.$mount()

3. App.vue

<template>
  <view>
    <navigator url="/pages/index/index">首页</navigator>
    <navigator url="/pages/todo/todo">待办事项</navigator>
    <router-view/>
  </view>
</template>

<script>
export default {
  name: 'App'
}
</script>

4. pages/index/index.vue

<template>
  <view>
    <text>欢迎来到首页</text>
    <button @click="navigateToTodo">前往待办事项</button>
  </view>
</template>

<script>
export default {
  methods: {
    navigateToTodo() {
      uni.navigateTo({
        url: '/pages/todo/todo'
      })
    }
  }
}
</script>

5. pages/todo/todo.vue

<template>
  <view>
    <text>待办事项列表</text>
    <input v-model="newTodo" placeholder="输入新事项"/>
    <button @click="addTodo">添加</button>
    <view v-for="(todo, index) in todos" :key="index">
      <text>{{ todo }}</text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      newTodo: '',
      todos: []
    }
  },
  methods: {
    addTodo() {
      if (this.newTodo.trim()) {
        this.todos.push(this.newTodo.trim())
        this.newTodo = ''
      }
    }
  }
}
</script>

6. pages.json & manifest.json

配置pages.jsonmanifest.json以定义页面路径和应用基本信息,这里省略具体配置内容,可参考uni-app官方文档进行配置。

此示例展示了uni-app的基本使用,包括页面导航、数据绑定和事件处理。对于华为外包前端招聘,候选人应能基于此类示例快速上手并开发复杂应用,同时熟悉uni-app的组件库、API调用及性能优化等高级功能。

回到顶部