前端开发的自我评价怎么写

前端开发引导页怎么写

1.web前端项目描述怎么写

如今我们所谓的web前端开发，相需要你会写JS、会用JS、能设计、切图、懂用户交互等，还需要前端架构是开发和优化框架，及服务器，用户体验等涉汲就比较广，当然全栈式前端工程师工资也就比较高了。

前端开发工程师的主要职责是与交互设计师、视觉设计师协作，根据设计图用HTML和CSS完成页面制作（也可能是一个人完成所有）。同时，在此基础之上，对完成的页面进行维护和对网站前端性能做相应的优化。另外，一名合格的前端开发工程师，应该具有一定的审美能力和基础的美工操作能力，能很好的与交互及视觉协作。

2.如何App实现引导页和欢迎页

欢迎页：这个在我们的微信里面就有这个，我们每一次打开微信的时候都有一个地球，那么这样就是欢迎页。

欢迎页具有良好的数据缓存作用。引导页：就是我们没次安装一个app的时候，前面都有几个图片。

那么这个引导页有哪些作用，第一：它有教我们怎么使用这个app和接受这app。第二：有宣传的作用。

我们在这个功能中用到的知识点有ViewPage、ViewPage的适配器PageAdapter、ViewPage的滑动改变事件、、RadioGroupRadioButton的点击事件。好，现在我们接下来上代码了。

这个就是我的项目结构。其中WActivity.class是欢迎页、FActivity.class是引导页、MyAdapter.class是ViewPage的适配、BasePageListen实现页面滑动的接口。

第一个我们先写WActivity这个类。package com.example.office.startapp; import android.content.Context; import android.content.Intent; import android.content.SharedPreferences; import android.os.Handler; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; public class WActivity extends AppCompatActivity { private SharedPreferences sp; private boolean isFirst； //欢迎页面 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_w)； //获得共享参数对象 sp=getSharedPreferences("first", Context.MODE_PRIVATE)； //参数二如果sp文件中没有记录的话返回的默认值 isFirst=sp.getBoolean("isFirst",true)； //这里面的判断就是如果是第一次进入app 那就跳转引导页 //不是第一次就跳到主页面 new Handler().postDelayed(new Runnable() { SharedPreferences.Editor editor; Intent intent; @Override public void run() { if(isFirst){ intent =new Intent(WActivity.this,FActivity.class); startActivity(intent); WActivity.this.finish（)； //把数据保存到sp里面 //获取可以向sp里面写入数据的对象 editor=sp.edit(); editor.putBoolean("first",false)； //提交我们的数据 editor.commit(); }else { intent=new Intent(WActivity.this,MainActivity.class); startActivity(intent); WActivity.this.finish(); } } },1500）； } } 下面我们就写MyAdpter这个类 import android.content.Context; import android.support.v4.view.PagerAdapter; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import java.util.List;/** * Created by OFFICE on 2016/8/9. */ public class MyAdapter extends PagerAdapter{ private List< ImageView > list; private Context context; public MyAdapter(Context context, List list) { this.context = context; this.list = list; } @Override public int getCount() { return list.size(); } @Override public boolean isViewFromObject(View view, Object object) { return view==object; } @Override public Object instantiateItem(ViewGroup container, int position) { container.addView(list.get(position)); return list.get(position)； } //里面有一个方法必须删除super.不删除会报错 @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View)object）； } } 我们写BasePageListen这个类 import android.support.v4.view.ViewPager;/** * Created by OFFICE on 2016/8/9. */ public class BasePageListen implements ViewPager.OnPageChangeListener{ @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { } @Override public void (int state) { } } 最后我们写FActivit import android.content.Intent; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.ImageView; import android.widget.RadioButton; import android.widget.RadioGroup; import java.util.ArrayList; import java.util.List；//引导页 public class FActivity extends AppCompatActivity { private List list; private RadioGroup radioGroup; private ViewPager viewPager; private ImageView imageView1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_f); viewPager= (ViewPager) findViewById(R.id.viewPage); radioGroup= (RadioGroup) findViewById(R.id.radiogroup); imageView1= (ImageView) findViewById(R.id.image) ; initView(); imageView1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Intent intent = new Intent(FActivity.this, MainActivity.class); startActivity(intent); FActivity.this.finish(); } }); MyAdapter myAdapter=new MyAdapter(this,list); viewPager.setAdapter(myAdapter); //viewPage变动RadioButton也在变动 viewPager.(new BasePageListen(){ @Override public void onPageSelected(int position) 。

3.web前端开发工程师工作描述怎么写

H5edu前端html5开发工程师内容

1、html + css;

2、JavaScript。不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有其他编程语言的基础的话，学起来可能要费些力；

3、Photoshop、flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行；

4、html5和css3。可以先了解一下，然后再入手。毕竟IE的浏览器大多还不支持；

5、浏览器兼容。懂web标准，熟练手写 xhtml css3 并符合符合w3c标准。代码能兼容主流浏览器Firfox,Chrome、Safari、IE、Opera。虽然IE6很多都不兼容，但现在还使用的人还是有的；

6、熟悉一门后台编程语言 asp、php、jsp等。

4.引导页如何设计得更加引人入胜

引导页是用户在首次安装并打开应用后，呈现给用户的说明书。

目的是希望用户能在最短的时间内，了解这个应用的主要功能、操作方式并迅速上手，开始体验之旅。既然是说明书那难免不受待见，因为我们的用户总是傲娇，他们不喜欢被教育、被说明，他们喜欢一口气划过引导页，直接上手，但是在碰到问题、遇到挫折的时候又会各种别扭。

所以这就需要设计师非常用心的去处理引导页的设计。丰富多彩、风格迥异的引导页设计有些引导页则沉稳大气，适合资讯类的应用，给人以可信赖感。

例如搜狐新闻客户端的引导页设计，摒除了所有多余的设计，用干净的界面及有力的文字体现了整个应用真实可信的媒体平台的定位。有些引导页则轻松、活泼，适合日常工具或者休闲类的应用，让用户感受到贴心和放松。

例如UC手机浏览器，由用户使用浏览器常见的下载麻烦的情景来穿起整个引导页，像一副四格漫画一样让用户带着浏览漫画的心情，轻松地阅读完整个引导页，同时也强调了使用UC浏览器下载的轻松便捷。还有一些引导页则富有生活情趣，适合一些文艺、小清新的应用，因为这部分应用的用户不一定喜欢标新但一定立异，不喜欢随大流。

一套好的引导页的构成，怎样做到引人入胜好的引导页设计是从展示内容到设计风格再到语言文字都经过细致考究并与应用整体气质符合的。 1. 展示内容要简明扼要，只捡最重要的说，用户虽然傲娇但是我们也不能一味的去贬低用户的理解能力及手机使用经验，如果只是新功能的推荐我们完全可以只告诉用户入口，而不是事无巨细的详细列明每一步的操作，把一个好好的引导页活生生做成一个帮助教程页。

如果是新的交互及操作方式，我们也可以只展示最核心、关键的操作，要留给用户探索和发现的余地。 2. 展示内容应当连贯有一定的逻辑关系，所有的内容都按照一定的顺序有机的排列。

如先是亮点模块的介绍再是应用整体呈现，或者按照一个主打功能的操作流程介绍。总之做到有主有次，再到最后静静等待用户点击“开始体验”那一刻。

3. 每页只放一个内容。有时候想表现得东西太多，不妨拆分成几页，因为引导页使用情景决定了，它是用户在下载完应用后急切地想见到主界面使用应用前的绊脚石，极有可能的场景是用户很快速的划过引导页，一页上太多信息，只会让用户更快速的划过引导页。

如果我们保证每一页的内容都非常简洁的话，用户就算走马观花的划过也能记下一些东西。每一个画面都有一个重点。

可能是文字也可能是图。 4. 设计风格，正如上面说到引导页的设计风格要与产品的气质保持一致，如果是一本正经的新闻资讯类应用。

那它的引导页风格也是稳重、正统的。而娱乐类的应用可能有更情感化的表现形式，例如漫画形象的应用或者是大幅背景照片的运用。

在设计细节上，现在也有越来越多的引导页运用到线描的插画，这样既可以更方便、准确的传达操作方式、使用场景等复杂信息又可以增加亲和力减少说教带来的用户反感。还有局部放大、手绘箭头等也功能介绍时常用的表现手段。

5. 在文案上也是需要非常考究的，要使用用户听得懂的词，不要让用户脆弱的自尊受到伤害。比如“点击Title Bar，您可以…”（Title Bar是什么东东，欺负老娘不懂英文么！！！！）不如换成“点这儿试试呢，您还能…” 总之，好的引导页设计，不是一本冷冰冰的说明书，不是让用户脆弱的自尊饱受凌辱，而是让用户由里及表、由内而外的感受到自己受到非常良好的对待。

这需要设计师真正从用户的角度去理解用户对于引导页的需求及用户阅读引导页的场景。

5.无经验的前端开发简历怎么写

第一，自荐简历一定要署名

招聘季的招聘信息发出去后，邮箱会收到大量简历，邮件标题和附件基本上一大半都是不署名的。

第二，务必要有 word 或 pdf 文件的简历

第三，简历要表现出亮点，最好有作品

前端技术现在也分化的厉害，不严格划分的话，有 NodeJS、H5、Hybrid、架构和业务研发等方向，现在库和规范很多，但每个分支的难度、技术基线都类似（比如达到资深所消耗的时间都差不多），所以全栈通才固然好，每个方向都深入有点太难为人，但至少某一个方向要非常精钻非常深入。所以简历里要重点标出这个长处。实际上九成的简历里的“技能”部分几乎都是一样的，都差不多把前端用到的技术罗列一遍，毫无意义的占据简历中的黄金地段。

所以，既然全栈不易，不如把自己最擅长的那个语言或技术高亮加粗出来，面试的时候我就直接绕过其他，专从这个“高亮加粗”部分来做一些技术探底了，以此来引导面试官来问你擅长的部分，更有利于你扬长避短。

第四，突出重点，展示能力

现在招一个能干活的人不难，难的是招一个能解决问题的。特别是像阿里这种业务性的研发，既要从业务方那领需求，又要警惕需求陷阱，准确识别出刚性需求，出方案，推执行，Release 结果。所以，应对这每个环节所需的技能，最好在简历里有所表现。具体说就是描述每个项目时，不仅要有背景、过程，还要有你为这个项目带来的结果。比如这样描述项目：

我做了 XX 项目重构，用了 XX 技术方案，克服了 XX 的困难，最终让 XX 这类需求变更可以短平快的被消化，极速研发、快速上线、且数据采集也做到了标准化，研发成本大大降低，数据积累增长迅速，比如 XX ，最后在 XX 产品线中开始推广。

在面试时，这种描述很容易引出有针对性的话题来聊，也正因为简历里有这些铺垫，可以节省大量的面聊时间，更快做出判断。

相比之下，这种描述就不好：

XX 项目前端研发，用了 AngluarJS，整个项目独立完成，包括整个 Boss 系统的受理收费、商品零售、小灵通短信群发、有线电视代收费、营业员/营业点结账等模块。

这段描述只传达出一个信息，就是你用过 AngularJS。至于当初面临多少种技术选型，如何做取舍选择了 AngluarJS，这些系统模块之间如何基于 AngularJS 进行耦合，有没有涉及前端架构，AngularJS 用的有多深，项目成员分工怎样，如何并行研发？遇到过哪些你认为有价值的问题，并针对此提出应对方案，是代码解决还是组织解决？这个过程要靠面试的时候问答大半天才能搞清楚，问不出来的，基本也就跳过了。要是简历里表达出来，脑子里很嘹喨，面聊也不会很拖沓，能力评价自然会很高。

再补充一个，有好多人有写博客写总结的习惯，这个习惯非常好，如果某个总结能和简历里做的项目结合起来，就更好了。

第五，全绿的 Github 提交记录

简历里附上 Github，最好提交记录那里泛绿的厉害，如果进到 Github 首页就想点开项目列表，找项目去读，如果看到有那种长时间维护的、Readme 写的清楚的、一本正经的写上“转载注明出处的”，基本上抓起电话就开聊了，结果基本上不会差。

第六，其他关注和不关注

关注：每次换工作的离职原因，可量化的工作成果，能代表你最高水平的项目要写详细，标红加粗下划线，在简历中强调出来。

不关注：证书、四六级、了解的编程语言（如果不精通就不要写）、你不擅长什么、个人简介。

第七，典型问题

技术探底的问题肯定会问一些，此外面试每个人多会问：

1. 哪个项目让你最满意、代表你的最高水平？如何做的？

2. 让你印象最深刻的一个（技术）难点，害的你搞了很久，最后怎么解的，有什么心得？

3. 你做的时间最久的一个项目（或产品），你看到这个项目有哪些问题，你能做什么？

4. 你能给我们团队或者产品带来什么？