精华内容
下载资源
问答
  • 前端软件开发工程师-简历模板下载,项目经验范文【网盘下载】100+清新大气简历模板下载:...2017-03到2017-01项目名称:音乐网站项目描述:项目介绍该项目是一款在线听歌的音乐网站,项目主...

    cb6c99c82201b4ad34993213203632fe.png
    前端软件开发工程师-简历模板下载,项目经验范文

    【网盘下载】100+清新大气简历模板下载:

    https://zhuanlan.zhihu.com/p/115911695

    https://zhuanlan.zhihu.com/p/113308665


    前端软件开发工程师简历-项目经验范文(案例1)

    项目时间:2017-03到2017-01

    项目名称:音乐网站

    项目描述:

    项目介绍

    该项目是一款在线听歌的音乐网站,项目主体分为首页的推荐歌单页面,注册页,登录页,排行榜单页,搜索页,歌手页,不同歌单的详情模块,歌手详情模块,歌曲播放等模块。此项目中主要负责推荐歌单页、歌手页、排行榜单页、歌单详情页。

    我的职责

    1.主要运用Vue框架,实现了视图层和模型层的分离;

    2.通过Vue省去了复杂的节点查询,实现了双向数据绑定,降低页面维护难度;

    3.使用了Jsonp进行跨域请求,使用了axios进行AJAX请求

    4.推荐歌单页面,歌手页,排行榜单页等都是采用v-for来循环遍历实现的;

    5.使用better-scroll实现推荐页面轮播效果;

    Leon:【立即下载】100+清新大气简历模板下载

    前端web开发工程师简历-项目经验范文(案例2)

    项目:腾讯管家前端动画

    作品描述:该项目将一个完整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.带阴影折线运动处理

    对于倾斜的div通过js改变其高度,并且按照数学逻辑改变top和left值的情况下,div在运动时候会出现偏移,和抖动。

    解决方案:给div一个运动基准点,这样div在运动的时候就无需改变top和left值,只需要改变宽度或高度即可。

    3.抛物线的运动

    css中两个点运动都是直线运动。

    解决方案:给初始点一个旋转角度,这样看起来就有抛物线的感觉。

    4.遮罩层处理

    在多层级的html渲染中,中间图层的遮罩效果无法实现。

    解决方案:遮罩层可以在最底层使用,但是中间层级的遮罩效果需要对图片进行处理,改成png图片,再进行css操作。

    5.卡顿的处理

    在Firefox和ie中,小图标的缓慢移动效果会出现卡顿。

    解决方案:给运动时间的时候,判断如果不是chrome浏览器,减小运动时间。

    6.性能的优化

    图片的使用让动画加载的速度变慢,影响用户体验。

    解决方案:对部分能使用div代替的图片采用div生成,对代码,图片进行深度压缩上传等。

    Leon:【前往下载】100+清新大气简历模板下载zhuanlan.zhihu.com
    0054a84cd7d59dfe869ee85d019dafa4.png

    前端web软件工程师简历-项目经验范文(案例3)

    项目时间:2017-02到2013-12

    项目名称:语义平台系统

    项目描述:

    该项目为 公司的产品的功能及使用平台 ,因为公司产品较多 而且分散的比较杂, 不方便购买者查找及分享 所以 将所有的功能 技能 分享等等集中到一个语义平台上 方便粉丝们交流分享学历

    我的职责

    1. 根据UI设计师提供的设计图,写好静态页面,页面排版

    2. 使用JavaScript实现页面效果

    3. 与后台工作人员实现数据交互

    4. 解决各大浏览器的兼容问题

    5. 与ui 产品经理等同事交流 提出可行性的建议和实施方法


    展开全文
  • 前言完成一个前后端分离项目,后端技术选型Rust的框架Actix-web,那么用这个框架完成后端代码它的项目目录很重要,今天就来着重介绍一下。目录结构下面是自己用Rust Actix-web框架写web后端的目录结构,如图所示:...

    前言

    完成一个前后端分离项目,后端技术选型Rust的框架Actix-web,那么用这个框架完成后端代码它的项目目录很重要,今天就来着重介绍一下。

    目录结构

    下面是自己用Rust Actix-web框架写web后端的目录结构,如图所示:

    feda98fd25135c242b81411613a34944.png

    目录结构

    590d4aef6386001116a06604ee144131.png

    目录结构

    各个目录作用

    1、config模块

    config模块主要存放一些配置信息,如网络端口、主机IP等常用信息,如下:

    pub struct Server{    pub port:i32,}#[derive(Deserialize,Debug,Clone)]pub struct Mongo{    pub addr:String,    pub database:String,}#[derive(Deserialize,Debug,Clone)]pub struct Ip{    pub localhost:String,    pub server:String}

    2、constant模块

    constant主要用于定义常用的常量,如下所示:

    pub static COMPANY_COLLECTION:&str= "company";pub static CUSTOMER_COLLECTION:&str = "customer"

    3、error模块

    error模块主要用于定义错误信息接口,如下:

    use std::fmt;use serde::export::Formatter;use toml::de;use std::io;pub enum CommonErrorEnum{    mongodb_error(mongodb::error::Error),    common_error(String),    toml_error(de::Error),}impl From<:error::error> for CommonErrorEnum{    fn from(error : mongodb::error::Error) -> Self {        CommonErrorEnum::mongodb_error(error)    }}impl From<:error> for CommonErrorEnum{    fn from(error : de::Error) -> Self {        CommonErrorEnum::toml_error(error)    }}

    4、logger

    主要用于定义日志

    5、models模块

    主要用于定义数据库各个表模型数据信息,如用户账号表:

    use serde::{Deserialize, Serialize};use mongodb::{    bson::{doc, Bson, document},};use serde_json::{Result, Value};#[derive(Deserialize,Debug,Clone)]pub struct Account{    userName:Option,    password:Option,    token:Option}impl Account{    pub fn to_document(&mut self) ->document::Document{        let mut doc = document::Document::new();        doc.insert("userName",Bson::from(self.userName.take().unwrap()));        doc.insert("password", Bson::from(self.password.take().unwrap()));        doc.insert("token", Bson::from(self.token.take().unwrap_or("".parse().unwrap())));        doc    }}

    6、server模块

    server模块主要定义一些网络请求数据接口信息,如:

    use actix_web::{get, web, App, HttpServer, Responder};use log::info;use actix_web::dev::Server;use crate::service::common;use crate::CONF_INSTANCE;pub async fn init() -> std::io::Result {    let config = CONF_INSTANCE.get().unwrap();    let server = config.ip.clone().server;    HttpServer::new(|| {        App::new()            .service(web::resource("/v1/common/register").route(web::post().to(common::register)))    })        .bind(server)?        .run()        .await}

    7、service模块

    service模块用于业务逻辑模块,如注册逻辑:

    pub async fn register(vo:web::Json<:customer::customer>) -> Response{    info!("{:?}",vo.0);    let mut customer = vo.0.clone();    let uid = Uuid::new_v4();    let mut response = HttpResponse::new(StatusCode::OK);    let mongodb_client = MONGODB_INSTANCE.get().clone().unwrap();    let config = CONF_INSTANCE.get().clone().unwrap();    let str_data_base = config.clone().mongo.database;    let data_base = mongodb_client.database(str_data_base.as_str());    let company_coll = data_base.collection(constant::COMPANY_COLLECTION);    let company_value = vo.0.company.clone().unwrap();    // let company: entity::company::Company = serde_json::from_value(company_value).unwrap();    let company_name = company_value.name.unwrap();    let filter = doc!{"name":company_name};    let mut op_find_company = company_coll.find_one(filter,FindOneOptions::default()).await.unwrap();............

    8、util模块

    util模块主要用于定义一些工具函数

    /// 工具类,后面转成libuse std::time::{SystemTime, UNIX_EPOCH};/// String -> &'static str/// 先是把pub fn string_to_static_str(s: String) -> &'static str {    Box::leak(s.into_boxed_str())}/// 获取时间戳pub fn timestamp() -> i64 {    let start = SystemTime::now();    let since_the_epoch = start        .duration_since(UNIX_EPOCH)        .expect("Time went backwards");    let ms = since_the_epoch.as_secs() as i64 * 1000i64 + (since_the_epoch.subsec_nanos() as f64 / 1_000_000.0) as i64;    ms}pub fn u8_array_to_string(array:&[u8]) -> String{    use std::fmt::Write;    let mut signature_string = String::new();    for a in array.iter() {        write!(signature_string, "{:02x}", a);    }    signature_string}

    9、Cargo.toml文件

    Cargo.toml文件主要记录软件信息和依赖信息,如下所示:

    [package]name = "rust_web"version = "0.1.0"authors = ["huayue430@163.com"]edition = "2018"[dependencies]actix = "0.9.0"actix-codec = "0.2.0"actix-web-actors = "2.0.0"actix-http = "1.0.1"awc = "1.0.1"env_logger = "0.6"
    展开全文
  • maven创建web项目

    2018-10-24 15:12:00
    在前面:  也做了好几个项目了,但是却一直没有使用过maven,这次有机会时间去学习,也是很开心的,毕竟maven对于项目构建,jar包的管理还是很方便的。这里也简单的记录下。算是知道maven是干什么的,是怎么用的...

    写在前面:

      也做了好几个项目了,但是却一直没有使用过maven,这次有机会时间去学习,也是很开心的,毕竟maven对于项目构建,jar包的管理还是很方便的。这里也简单的记录下。算是知道maven是干什么的,是怎么用的。

      

      maven介绍

      maven是什么?可以用来干嘛? 

      按照自己的理解,maven就是一个工具,一个用来解决项目与项目之间依赖关系的工具。通常使用maven对jar包进行版本管理。

      比如,现在要搭建一个项目,然后要导入很多相关的jar包,如果不用maven,我们就需要自己人为手动的下载,然后导入项目,很麻烦,但是有了maven,就很方便了。

      再比如,java项目A和B,其中A中有一些功能需要依赖B中的一些类,这个时候,就需要我们将B打成jar包,然后导入项目A中就可以了。不使用maven,那么打包的步骤可能就会比较繁琐,而且容易出错,但是有了maven,就会变得方便许多。

      maven安装

      知道个大概后,就可以开始手动实践下了,下面开始安装maven。对于步骤可以参考网上的资料。https://www.cnblogs.com/eagle6688/p/7838224.html

    主要步骤就是下载,解压,配置环境变量,测试是否安装成功,随后可以修改settings.xml配置文件,对本地仓库中存放jar包的文件路径进行修改。

      maven的使用

      如何来使用maven呢?如果不使用maven,通常我们创建的都是java或者web项目,这里,如果要使用maven来构建管理项目,就需要我们创建的是maven项目。但是本质上创建的java项目还是java项目,web项目还是web项目,只不过最外层多穿了一个maven的衣服。

      首先学会使用命令来创建项目。之后再用开发工具创建maven项目也就简单多了。

      1.使用命令创建web项目:

      打开命令框,切换到想要创建项目的目录下,输入创建web项目的命令:

      mvn archetype:generate -DgroupId=com.ssm -DartifactId=ssmDemo -DarchetypeArtifactId=maven-archetype-webapp -Dversion=0.0.1-snapshot

    这里对与所输入的命令做简单的解释

      archetype:generate:创建项目,maven3.0.5版本以上的使用generate,低版本的使用create。

      -DgroupId=com.ssm:组id,一般使用包名的写法。因为包名是用公司的域名的反写,独一无二.。

      -DartifactId=ssmDemo:项目的名称。

      -DarchetypeArtifactId=maven-archetype-webapp:表示创建的是[maven]jave web项目,如果是maven-archetype-quickstart,表示创建的是[maven]java项目。

      -Dversion=0.0.1-snapshot:表示版本号,不写默认为1.0-snapshot。

     

      创建成功后:

      在你指定的文件目录下就会生成ssmDemo的文件夹

    ·  这个时候,可以利用工具打开此项目,然后创建缺少的文件。但是通常我们可以直接使用开发工具就可以快速的创建一个maven项目。所以了解了基本的命令创建后,这里我们使用工具来试着创建一个[maven]jave web项目。

      2.idea创建maven项目

      这里我使用的是intellij idea作为开发工具.

      打开-File-New-Project

      点击next

      点击next

      点击next

      点击finish,就会开始创建了。如果是第一次创建maven项目,可能需要的时间有点长,同时要保持网络畅通才可以,因为需要下载一些jar包插件什么的。

      创建成功后,会出现上图的build success.

      由于创建的文件不是很全,所以需要自己手动去创建需要的文件夹并配置,所以按照自己的需要进行创建配置就好了,这里我只是简单的创建了

      下面建好以后,就可以去配置项目文件并启动了,如果能够跑起来,那么创建的[maven]java web项目就成功了。

      下面简单的配置图,这里就不多说了。

      接着去配置下tomcat即可

      然后运行启动项目,不出意外就成功啦。

      好啦,到这里一个[maven]java web的项目框子就已经创建起来了。

     

      下面就再来看下maven对于jar包管理的配置文件pom.xml。创建的时候,默认就配置依赖了junit的jar包,这里举例说明一下

     

      所以这里需要什么jar包,直接在pom.xml文件里配置就好,如果不知道一个jar包的版本号,名称,组id,可以到这里去查https://mvnrepository.com

      这里我们输入spring-beans,点击search,选择第一条:

      点击一个进去

      将这个可以直接复制,然后粘贴到pom.xml文件中就可以了。

     

      好了当pom.xml文件中配置好了所需要jar包的依赖后,就可以去进行jar的下载了。

      然后,点击右侧的Maven Projects---点击重新导入按钮:

      这个时候可以看到右下方的下载导入进度,当完成后,可以点击Project Structure,查看刚刚添加的jar包,此时在这里已经添加上去了。

     

      到这里就差不多,使用maven创建web项目的入门就已经完成了,对于maven的命令,仓库,以及pom.xml文件中配置的详解,就不细说了,这个也还没有去学习研究,之后有用到再去学习研究吧。

     

     

     

      参考资料:

      https://www.cnblogs.com/eagle6688/p/7838224.html------Maven安装与配置

      https://blog.csdn.net/double_sweet1/article/details/79780308?utm_source=blogxgwz4------IntelliJ IDEA配置maven

      https://blog.csdn.net/liudongdong19/article/details/79717387------IDEA Maven创建web应用

      https://www.cnblogs.com/whgk/p/7112560.html------maven(一) maven到底是个啥玩意~

      https://www.cnblogs.com/wkrbky/p/6352188.html------Maven常用命令

     

      

       问题?Maven与Ant的区别??

      maven除了具备ant的功能外,还具有一些其他功能。

      之后再去学习耶。

      https://www.cnblogs.com/itech/archive/2011/11/01/2231837.html------Maven与Ant比较

     

    转载于:https://www.cnblogs.com/eleven258/p/9842633.html

    展开全文
  • 服务器和web项目是如何协同工作的,服务器需要监听获得数据,web界面需要读取数据显示,不使用数据库得话结构是怎么样的?**需要将两部分分开成两个项目还是将监听数据部分直接在web中src目录下面?**不太理解...
  • 新人在面试时尤其要注意:自我介绍不能太长,也不能过短,3分钟左右最合适,做为web前端技术方面的面试,更加要说到点上,下面依次从学习方面、项目实践、未来规划这三个方面web前端面试的自我介绍。您好,我叫#...

    新人在面试时尤其要注意:自我介绍不能太长,也不能过短,3分钟左右最合适,做为web前端技术方面的面试,更加要说到点上,下面依次从学习方面、项目实践、未来规划这三个方面写下web前端面试的自我介绍。

    您好,我叫###,北京人,是##大学毕业,今天来是想面试贵公司的web前端岗位,我想从以下三个方面介绍自己。

    web前端技术面经

    项目实践

    从接触前端至今有3年时间了,期间写的最多的就是静态页面,也写过H5和响应式页面,最近也开发了两个比较综合的项目wordpress主题。而且我自己也在各大自媒体平台发布技术文章。我觉得我这算是八小时外求生存,八小时内力求发展。

    学习方面

    虽然我在校主修的是电子商务,但是也学习了前端相关的课程,能熟练使用PS做出网页PSD图,使用前端代码重构页面效果。也在网站上接过一些项目,都获得很不错的成绩。毕业之后做了一年多网络运营相关工作,工作之余我会通过视频,书籍等渠道充实前端知识。

    未来规划

    刚毕业的这一两年希望能专注于技术的提高,和适应良好的工作流程一一这也是为什么我希望能够在一个发展环境良好的公司工作,锻炼好实践能力,结合公司的产品需求,当然还有一些不断萌发的新技术。之后会向产品的方向发展, 就是前端技术所要实现的目标,因为前端确实是结合很广阔的一个职位。

    最后,虽然我的学历和经验一般,但是这不足以看出一个人未来的潜力,更不能看出对公司做出的贡献,我希望能加入贵公司贡献自己的一份力量,哪怕只是一点点,在贡献小力量的同时慢慢的提升自己的能力,争取早日成为公司独挡一面的人才。而且我们公司的发展,我很看好。我愿意与公司共同进步。

    你觉得前端怎么样???

    前端开发处于一个猛烈发展的阶段,现在可以说大部分的网站都在关注前端,前端是直接接触用户的部分, 它融合了设计、程序还有一些整体的理念,一些优化,包括SEO。很多技术的实现都要通过前端,怎么把这部分做好是非常具有挑战性的事情。可能四五年前很多人都还在标准的实现上摸索,而现在有一个大家都朝着标准走的大方向,就能够更好的坚持,更好的专注,把前端技术做得更强大。

    展开全文
  • ASP.NET 创建的Web API项目可以自己配置接口文档的XML显示,这样接口更新和注释更新了重新发布就有了,确实方便不少,下来就介绍怎么配置生成API接口注释文档。创建Web API项目请参考:ASP.NET 使用Swagger开发Web...
  • 当我们在本地开发一个Flask web项目的时候,当时用的环境是开发环境,那么怎么才能将项目部署到生产环境?(将项目部署到常生产环境也就是说的项目上线:上线用大白话说就是把本地代码打包到线上,让大家都能访问的...
  • flask是python的一个web应用框架,django很多人听过,flask比较少见,连创始人一开始出来只是个笑话而已,对python3支持不太好,flask的好处是微应用,有需求的插件才使用,精简而灵活,由于灵活,要怎么创建一个...
  • 最近项目中要加入淘宝的TDDL,来实现读写分离,TDDL是另一个同事研究的,他给我时只有一些jar包,以及一个连接数据源(原始JDBC)的例子,我在想要怎么加入我现在的项目,我用的是ibatis,难道我要弃用ibatis,使用...
  • 自我介绍 :大三学生,学习了一年iOS,自己做了两个项目,天气和微博,swift和OC都。蘑菇街面经一面:1,如何用实现微信两人之间发送消息?网络服务器中会存储着一个用户列表列表,当用户发送一条消息到服务器,...
  • http://ASP.NET Core 简介 从2015年开始随时互联网成长,云计算和AI、大数据的爆发,大家从谈论项目信息化到数字化的转型,从ToC 产业到ToB产业的转型,Web项目开发模式也开始不断的在变化,出现了众多的新技术,...
  • 介绍 — 【Java Web

    2019-08-06 14:16:37
    做一个Java Web项目,你不需要花太多时间在前端页面上,如果有源代码可以直接使用,当然,对于一些需要修改的前端页面,你得怎么去做修改它,因为有时候你需要使用JSP,JSP既包括前端代码也包括Java代码,如果你...
  • 接下来千锋重庆web前端培训机构的小编给大家介绍一下: 项目结构 每个人控制moudules下的一个单独的JS路由文件,不互相干扰. 示例代码 总结 对于稍微复杂点的项目,我们定义的路由文件,会越来越大,而且所有...
  • 下图是我上传到github的Dynamic Web Project(上传的时候忽略了一些可以自动生成文件和文件夹,具体怎么忽略下面有介绍)忽略方法:window-&gt;show view-&gt;navigtor 打开这个窗口找到你要提交的项目...
  • 标签:一、简介团队成员:领航者:张旭驾驶员:张国庆项目简介:项目名称:基于B/S模式的黄金点游戏采用技术:...uWSGI 2.0.14二、使用游戏介绍:黄金点游戏是一个数字小游戏,N个同学,每人一个0~100之间的有理数...
  • 想在项目里引入Markdown编辑器实现文章功能,网上找到一款开源的插件editormd.js可以先git clone下载下来git clone https://github.com/pandao/editor.md.git现在介绍一下怎么引入JavaWeb项目里,可以在Webapp...
  • 在页面中引入javascript文件的方式是多种多样的,本文介绍两种。 通过<script>标签插入js文件 ...在eclipse中新建一个web项目,目录结构如下: 可以看到,jsp页面和欲引入的js在不同的目录下。 ...
  • 作者 | Brilliant Open Web团队编辑 |Brilliant Open Web团队本文继续在响应式布局上深入讨论,主要介绍 web 产品中常用的响应式布局的 5 种设计模式,并通过一些简单的代码介绍具体在实际的项目种是如何实现这些...
  • JAVA WEB框架,java网站一个模块只用一个文件 以前的servlet在现在的开发中已经不怎么常见,因为操作起来比较原始和麻烦。有些人就是不安于现状去改造它。 做得好的有Struts,Hybernate,Spring那么这些框架都是很...
  • 解决在Web.config或App.config中添加自定义配置的方法详解本篇文章是对在Web.config或App.config中添加自定义配置的方法进行了详细的分析介绍,需要的朋友参考下.Net中的System.Configuration命名空间为我们在web....
  • 自己动手模仿 springmvc 一个 mvc框架

    千次阅读 热门讨论 2017-05-27 10:23:09
    spring的知识那么多,看源码也不知从何看起,那应该怎么学...bfmvc模仿springmvc的轻量级web框架,适合学习和搭建小型web项目使用,持续更新项目地址:https://github.com/CFshuming/bfmvc感兴趣的记得star哟~目录介绍
  • 乾明 发自 凹非寺量子...腾讯介绍称,Hippy是一个新生的跨端开发框架,目标是使开发者可以只一套代码就直接运行于三个平台(iOS、Android 和 Web)。在腾讯内部,Hippy已运行3年之久,覆盖跨 BG 共有 18 个线上业务...
  • webworker的使用

    2019-12-26 17:56:44
    最近项目用到了webworker,下面简单介绍一下怎么使用: 1,let w = new Worker("地址名.js"); 这里代表在主线程创建了一个worker线程,它叫w。子线程就是一个js文件 2,主线程发送数据 w.postMessage('字符串'); ...
  • 前言由于自己平时做项目(自己做或者... 在做HTML5开发时一直在使用Hbuilder进行代码的编辑,发现Hbuilder代码的速度非常的快,同时它也有自己的一套开发web APP 的框架MUI,今天有时间给大家介绍一下,怎么完整的去开发一
  • 链家web前端面试

    2017-12-19 22:01:00
    问了很多都是关于react的点以及在写项目的时候遇到的问题,怎么解决的,比如,react的diff算法,virtual dom的优点,改变props的时候会不会重新render等等,占了百分之七十的量都是react的;...
  • 【Junit】Web测试

    2015-10-09 21:31:23
    因为只过一个Junit测试,又测试项目逻辑比较复杂,以下只介绍几个测试中遇到问题的解决思路。Web服务器:Linux客户端:Linux/Windows(只要能执行java程序就行,测试java -jar Test_Client.jar)问题1、因为测试...
  • 介绍 最近搬家,导致2个礼拜没有原创,最近接手了一个web项目,功能先不说哈,安保措施的挺好的,分享一下这个项目是怎么用拦截器的。我们要自己的拦截器一般有两种方式。1.实现HandlerInterceptor接口2.继承...
  • 我也是小白,只是想分享一些自己web项目,大佬给跪了 ------简单介绍下这个项目,一个简单的点歌服务项目,类似于大学里面广播站的点歌台,你输入歌曲一些信息和发布时间,后台人员接收到,就可以在每天你想要的...

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 211
精华内容 84
关键字:

web项目介绍怎么写