Jadual Kandungan
一、第一种项目风格
项目:腾讯管家前端动画
二、第二种项目风格
项目一:奕赏
项目二:省钱日报
Rumah hujung hadapan web html tutorial 前端工程师简历中的项目经验怎么写

前端工程师简历中的项目经验怎么写

May 14, 2018 pm 04:39 PM
jurutera projek

有不少前端工程师,在写简历时就发愁。简历中的项目怎么写,怎么描述。觉得自己虽然工作了好几年,做过许多项目,但是觉得都没做什么高大上的事情,自然就觉得没啥可写的。或者觉得做的事情都一样,写来写去都那几样。

这里我献丑,贡献几个项目经验写法的小实例!


一、第一种项目风格

项目:腾讯管家前端动画

作品描述:该项目将一个完整flash剧情动画还原成一个由JS+CSS3实现的前端动画。
链接:https://dxb123456.github.io/tengxun/
实现技术:CSS+HTML+JS+H5+CSS3+jqury;
项目难点:
1.定时器的清除 
        部分动画效果需要js自动生成,时间的控制使用了timeout和innertal,其中timerout包含了innertal,点击事件和定时器不在同一个js文件中,快速来回点击的时候,定时器清除不起作用。 
   解决方案:将该li对应页的所有定时器绑定在该li身上,每次点击的时候清除timeout和innertal。
2.带阴影折线运动处理 
        对于倾斜的p通过js改变其高度,并且按照数学逻辑改变top和left值的情况下,p在运动时候会出现偏移,和抖动。 
   解决方案:给p一个运动基准点,这样p在运动的时候就无需改变top和left值,只需要改变宽度或高度即可。
3.抛物线的运动 
         css中两个点运动都是直线运动。 
   解决方案:给初始点一个旋转角度,这样看起来就有抛物线的感觉。
4.遮罩层处理 
     在多层级的html渲染中,中间图层的遮罩效果无法实现。 
   解决方案:遮罩层可以在最底层使用,但是中间层级的遮罩效果需要对图片进行处理,改成png图片,再进行css操作。
5.卡顿的处理 
      在Firefox和ie中,小图标的缓慢移动效果会出现卡顿。 
   解决方案:给运动时间的时候,判断如果不是chrome浏览器,减小运动时间。
6.性能的优化 
      图片的使用让动画加载的速度变慢,影响用户体验。 
   解决方案:对部分能使用p代替的图片采用p生成,对代码,图片进行深度压缩上传等。

二、第二种项目风格

项目一:奕赏

项目描述:本项目是一款手机端APP,采用vue框架构建,其中涉及swiper触控滑动模块,slide子页之间采用了懒加载技术保证用户体验,iscroll上拉加载下拉刷新模块,购物车模块与登录注册模块均采用了本地存储技术。
岗位职责:主要负责页面的布局和数据渲染,并且配合APP完成页面的嵌套。
项目架构:
1.使用vue框架,以及vue-router构建单页面应用。 
   2.项目采用vuex处理各组件间的通讯,vue-resource处理请求,使用mint-ui组件库中部分功能进行快速开发,通过vue-cli 快速搭建开发环境。 
   3.采用手机淘宝适配方案。 
   4.使用阿里矢量图标库。
技术要求:
运用HTML5语义化标签+CSS3新特性进行页面布局,实现页面的动态效果,提高代码的清            晰度和代码质量,将页面体现的更加丰满,代码更健壮。
运用vue.js开发,采用前后端分离开发模式。
运用vue.js中的指令和服务与后台接口对接,进行数据交互,进行页面渲染,实现功能            模块的判断。
使用JavaScript实现某些功能的逻辑处理和某些页面的动态效果。
项目测试阶段可以自己用node连接数据库进行接口对接和数据渲染模拟,测试功能模块         是否完善,逻辑处理是否正确。
运用swiper框架进行部分页面的设计。
运用sass进行代码的编写,运用gulp进行代码的整理和压缩。

项目二:省钱日报

项目描述:本项目是一个促销商品推荐网站的移动APP,使用vue+webpack构建的单页面应用,项目采用了vuex、vue-route、vue-resource以及ES6语法,采用组件化思想搭建整个项目,从而使组件高度复用,代码十分简洁。
岗位职责:主要负责项目页面的布局和数据渲染,完成与后端的接口对接,配合后端的对接联调,解决不同浏览器或者不同手机端页面布局错乱的问题。
项目架构:
1.使用vue框架,以及vue-router构建单页面应用。 
   2.使用vue+webpack构建项目环境。 
   3.采用手机淘宝适配方案。 
   4.使用阿里矢量图标库。
技术要求:
1.项目采用node(express框架)+mysql来搭建后台服务器;  
   2.基于webpack来搭建项目工程,配置第三方插件; 
   3.使用vue框架,vue-router搭建项目路由,vuex来实现单文件组件和数据的抽离 
   4.使用Swiper实现首页banner的轮播切换,iscoll结合ajax实现上拉加载,下拉刷新 
   5.合理使用钩子函数,实现数据的监听、渲染页面、页面节点的实例化功能。

Atas ialah kandungan terperinci 前端工程师简历中的项目经验怎么写. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial PHP
1535
276
Bolehkah AI menakluki teorem terakhir Fermat? Ahli matematik melepaskan 5 tahun kerjayanya untuk mengubah 100 halaman bukti menjadi kod Bolehkah AI menakluki teorem terakhir Fermat? Ahli matematik melepaskan 5 tahun kerjayanya untuk mengubah 100 halaman bukti menjadi kod Apr 09, 2024 pm 03:20 PM

Teorem terakhir Fermat, akan ditakluki oleh AI? Dan bahagian yang paling bermakna dari keseluruhannya ialah Teorem Terakhir Fermat, yang akan diselesaikan oleh AI, dengan tepat untuk membuktikan bahawa AI tidak berguna. Suatu ketika dahulu, matematik tergolong dalam alam kecerdasan manusia yang tulen kini, wilayah ini dihuraikan dan diinjak oleh algoritma canggih. Imej Teorem Terakhir Fermat ialah teka-teki "terkenal" yang telah membingungkan ahli matematik selama berabad-abad. Ia telah terbukti pada tahun 1993, dan kini ahli matematik mempunyai rancangan besar: untuk mencipta semula bukti menggunakan komputer. Mereka berharap bahawa sebarang ralat logik dalam versi bukti ini boleh disemak oleh komputer. Alamat projek: https://github.com/riccardobrasca/flt

Petua Praktikal PyCharm: Tukar Projek kepada Fail EXE Boleh Laku Petua Praktikal PyCharm: Tukar Projek kepada Fail EXE Boleh Laku Feb 23, 2024 am 09:33 AM

PyCharm ialah persekitaran pembangunan bersepadu Python yang berkuasa yang menyediakan pelbagai alatan pembangunan dan konfigurasi persekitaran, membolehkan pembangun menulis dan menyahpepijat kod dengan lebih cekap. Dalam proses menggunakan PyCharm untuk pembangunan projek Python, kadangkala kita perlu membungkus projek ke dalam fail EXE boleh laku untuk dijalankan pada komputer yang tidak mempunyai persekitaran Python yang dipasang. Artikel ini akan memperkenalkan cara menggunakan PyCharm untuk menukar projek kepada fail EXE boleh laku dan memberikan contoh kod khusus. kepala

Kongsi cara mudah untuk membungkus projek PyCharm Kongsi cara mudah untuk membungkus projek PyCharm Dec 30, 2023 am 09:34 AM

Kongsi kaedah pembungkusan projek PyCharm yang mudah dan mudah difahami Dengan populariti Python, semakin ramai pembangun menggunakan PyCharm sebagai alat utama untuk pembangunan Python. PyCharm ialah persekitaran pembangunan bersepadu yang berkuasa yang menyediakan banyak fungsi mudah untuk membantu kami meningkatkan kecekapan pembangunan. Salah satu fungsi penting ialah pembungkusan projek. Artikel ini akan memperkenalkan cara untuk membungkus projek dalam PyCharm dengan cara yang mudah dan mudah difahami, dan memberikan contoh kod khusus. Mengapa projek pakej? Dibangunkan dalam Python

Melihat lebih dekat pada PyCharm: cara cepat untuk memadamkan projek Melihat lebih dekat pada PyCharm: cara cepat untuk memadamkan projek Feb 26, 2024 pm 04:21 PM

Tajuk: Ketahui lebih lanjut tentang PyCharm: Cara yang cekap untuk memadamkan projek Dalam beberapa tahun kebelakangan ini, Python, sebagai bahasa pengaturcaraan yang berkuasa dan fleksibel, telah digemari oleh semakin ramai pembangun. Dalam pembangunan projek Python, adalah penting untuk memilih persekitaran pembangunan bersepadu yang cekap. Sebagai persekitaran pembangunan bersepadu yang berkuasa, PyCharm menyediakan pembangun Python dengan banyak fungsi dan alatan yang mudah, termasuk memadamkan direktori projek dengan cepat dan cekap. Berikut akan memberi tumpuan kepada cara menggunakan padam dalam PyCharm

Cara Membuat Senarai Beli-belah dalam Apl Peringatan iOS 17 pada iPhone Cara Membuat Senarai Beli-belah dalam Apl Peringatan iOS 17 pada iPhone Sep 21, 2023 pm 06:41 PM

Cara Membuat Senarai Runcit pada iPhone dalam iOS17 Mencipta Senarai Runcit dalam apl Peringatan adalah sangat mudah. Anda hanya menambah senarai dan mengisinya dengan item anda. Apl ini secara automatik mengisih item anda ke dalam kategori, dan anda juga boleh bekerjasama dengan pasangan anda atau rakan kongsi rata untuk membuat senarai barang yang anda perlu beli dari kedai. Berikut ialah langkah penuh untuk melakukan ini: Langkah 1: Hidupkan Peringatan iCloud Walaupun kedengaran pelik, Apple berkata anda perlu mendayakan peringatan daripada iCloud untuk mencipta Senarai Runcit pada iOS17. Berikut ialah langkah untuknya: Pergi ke apl Tetapan pada iPhone anda dan ketik [nama anda]. Seterusnya, pilih i

Tutorial asas: Buat projek Maven menggunakan IDEA Tutorial asas: Buat projek Maven menggunakan IDEA Feb 19, 2024 pm 04:43 PM

IDEA (IntelliJIDEA) ialah persekitaran pembangunan bersepadu yang berkuasa yang boleh membantu pembangun membangunkan pelbagai aplikasi Java dengan cepat dan cekap. Dalam pembangunan projek Java, menggunakan Maven sebagai alat pengurusan projek boleh membantu kami mengurus perpustakaan bergantung, membina projek, dsb. Artikel ini akan memperincikan langkah asas tentang cara membuat projek Maven dalam IDEA, sambil memberikan contoh kod khusus. Langkah 1: Buka IDEA dan cipta projek baharu Buka IntelliJIDEA

Berdasarkan projek UI Web ChatGPT sumber terbuka, cepat bina tapak ChatGPT anda sendiri Berdasarkan projek UI Web ChatGPT sumber terbuka, cepat bina tapak ChatGPT anda sendiri Apr 15, 2023 pm 07:43 PM

Sebagai blogger teknologi, Fengfeng lebih suka semua jenis melambung sebelum ini saya telah memperkenalkan ChatGPT untuk menyambung ke WeChat, DingTalk dan Planet Pengetahuan (jika anda tidak melihatnya, anda boleh membaca artikel sebelum ini, apabila saya melihatnya). projek sumber , menemui projek ChatGPTWebUI. Memikirkan bahawa saya tidak pernah menyambungkan ChatGPT ke WebUI sebelum ini, adalah bagus untuk menggunakan projek sumber terbuka ini. Berikut ialah langkah pemasangan praktikal untuk dikongsi dengan semua orang. Pegawai pemasangan menyediakan banyak kaedah pemasangan pada dokumentasi projek Github, termasuk pemasangan manual, penggunaan docker dan penempatan jauh. Sungguh mengagumkan apabila memilih kaedah penggunaan, saya memikirkan kesederhanaan pada mulanya.

Apa yang perlu dilakukan jika terdapat ralat semasa memulakan projek tindak balas Apa yang perlu dilakukan jika terdapat ralat semasa memulakan projek tindak balas Dec 27, 2022 am 10:36 AM

Penyelesaian kepada ralat semasa memulakan projek tindak balas: 1. Masukkan folder projek, mulakan projek dan lihat mesej ralat 2. Jalankan arahan "npm install" atau "npm install react-scripts" 3. Jalankan "npm install @ant-design/ pro-field --save" arahan.

See all articles