阿洁的个人博客
web前端
晋ICP备17005336号

前段工程师的知识结构

前段知识结构:

A基本功:

     A1      html技术实力,代码框架,文件分包调用,SEO-keyword-tatle-descrlption。

     A2     CSS能力:

          A21    定位:绝对/相对,浮动、清除。

          A22    canvas简单动画。

                 A221   字体ICON                     A222   字体模糊

                 A223    mouseenter                 A224    settimeout

          A23      视距。

                 A231    X,Y,Z维度/四象限关联

                           A2311   层次感                    A2312   位移

     A3     JavaScript操作。

            A31     DOM

    A32     ajax范围。

            A321   淘宝、百度的下拉菜单,百度地图的局部刷新,堆糖网、花瓣网、瀑布流,80%对json操作   20%是jquery的操作。

            A322   表单异步效验。

                       A3221    失败返回提示             A3222   成功返回提示

            A323   股票实时信息、 360天气信息、百度城市编码、EMS订单Unicode、豆瓣获取电影书单~~~

B软件使用:

       B1    webstorm英文操作,pushFtp。

       B2   sublime插件库。

              B21    代码段              B22    markdown

              B23    代码段             B24     代码压缩

       B3    HBuilder框架。

              B31    web-project       B32     app-project

       B4    phonegap使用,输出一套:信息类/产品类App

C封装组件:

       C1     原生js封装。

              C11   ajax

              C12   轮播图、banner/产品抢购

              C13    mouseover、放大镜效果、Tab、Tips

              C14    描点过度和返修top

              C15    zepto事件

              C16    jquery选择器 ,jquery事件。

D框架使用能力。

      D1       jquery库。

             D11   精读jquery代码

                      D111    jquery插件:fullscroll-page、switch开关、城市选择器。

                      D112    jqueryUI

             D12     精读zepto,轻量化移动端。

      D2     bootstrap/阿里sui/amazeUI/MSUI

            D21    实战项目三个涉及:

                    D211     模态框,动态传值ajax

                    D212     表单,正则,三级联动

                    D213      row布局

                    D214      数据拼接: formatestring、字符串replace、join

                    D215      相册、略缩图幻灯、3D倒影走马灯、瀑布流

                    D216     touch:scale缩放、X,Y、drop

                    D217     全屏视察滚动、下拉、导航

             D22     移动端涉及(可选)

                     D221    媒体查询/响应式:企业站展示、场景应用、相册

                     D222    微信开发:分享调用,OpenID调用,支付/地图/相册接口

        D3     angular.js/react.js/vue.js

E    后台过渡能力

      E1     node.js:npm包管理、sass编译css、工程化

      E2     php:json数据传输、ajax跨域调用、my sql基本认识、表结构查询

      E3      react  native

F     知识扩展

     F1   IE兼容性、IE6,7常见问题、不存在标签:HTML5shiv

     F2   性能优化

            F21   压缩css js代码、less代码

            F22   渲染机制减小父级标签:脚本放置底部、样式放置顶部

            F23   MVC分离、减少HTTP请求、代码合并

            F24   sprite精灵图、字体icon、懒加载lazy  loader、浏览器缓存

     F3   手机联调

               F31    HBuiler、a/w项目类型部署、chrome、

               F32    firefox abd helper、adobe多设备

     F4    数据安全、sql注入

     F5    GitHub

          F51   上传频率(3-7day)、迭代习惯

          F52   传播方式:readme、知乎、垂直论坛、fork

     F6     glt/svn   协作方式:仍掉FTP迭代    管理本号进行回滚                            

出自知乎。

2017-11-01
暂无评论

发表评论