-
- Basic info. 基本信息
- 个人信息: 孙兵见 / 男
- 年龄: 23
- 学历: 本科
- 博客: www.jianshu.com/u/0135bff4a7eb
- GitHub: www.github.com/Risingsbj
-
- Skill. 技能清单
-
熟练掌握HTML(5)、常用CSS(3)和常见布局。具有 平均水准之上 的审美,追求设计的优雅。
-
熟练掌握原生Javascript,掌握重要概念如: 原型, 闭包, 作用域链,面向对象, 异步流程控制等。能够根据面向对象思想利用JS/jQuery 封装 常用插件。 熟练使用 ES6及ES7 部分新特性。
-
熟悉React框架,理解重要概念如:生命周期、异步更新、虚拟DOM 等;熟悉组件拆分,理解父子组件的通信,并有相关项目踩坑(发现问题),脱坑(解决问题)的经验。
-
熟悉HTTP协议及浏览器渲染原理,了解前端 性能优化策略。
-
熟悉Yarn & Npm & Git,熟悉Node.js,熟悉前后端数据交互的实现。
-
熟悉CMD&AMD机制,熟悉Webpack打包,优化手段。
-
追求风格优雅,整洁的代码。
-
北京韦尔科技(2017.6-2018.4)
项目介绍: 图文直播是实现视频、图片、文字的直播方式,可以进行国内外直播,具有首页引导,作品展示,教程展示等功能,并利用bootstrap进行了响应式开发。
工作介绍: 1.使用HTML5、CSS3、Javascript等技术精确还原设计稿,主要实现PC端的作品展示页、详情页以及其它页面的开发; 2.遵循面向对象思想,将常用功能封装打包,将页面元素组件化,提高代码的重用性; 3.使用Ajax技术提高页面的交互体验;与后台人员配合,合理搭建HTML结构,写出可维护性较高的网站。
-
My-FM 音乐播放器 源代码 在线预览
项目介绍:一个在线音乐播放器,利用开放音乐API,可在线播放音乐,进行播放、暂停、下一曲、调节音量、跳转播放进度等操作。
实现方式:运用原生JS,实现歌词滚动,单曲循环,下一首等功能;JQuery Ajax的Jsonp获取数据,根据接口数据将歌词的时间做间隔,歌词滚动;通过歌曲长度的百分比来对歌曲进行快进;原生CSS写基本样式,支持移动端。
涉及技术:使用 HTML5、jQuery 实现 FM 应用,利用 Ajax 技术通过API请求数据。
-
ToDoList 源代码 在线预览
项目介绍:ToDoList是一个轻量级单页在线待办事项管理应用,支持注册,支持增删改查,云同步,视图切换,事项分类等功能。
实现方式:将组件逐一细分,尽量做到每一块都是一个独立的组建,方便日后修改,将状态放在顶层APP,通过props分发给子组件,通过state来管理数据状态,在渲染时,通过过滤筛选函数,把todoitem筛选然后渲染到页面;最后将账号密码部署到LeanCloud,并参考文档,增添邮箱找回密码。
涉及技术:整个应用基于 React 框架和 LeanCloud搭建,用到了原生JavaScript和 ES6 等相关技术。
-
组件化商业首页 源代码 在线预览
项目介绍:这个项目是对组件封装以及代码打包的实践。
实现方式:组件包括轮播、Tab跟踪、AJAX封装、JSONP封装、无限加载、懒加载、回到顶部。由于涉及较多dom操作,选择使用jQuery提高开发效率。
整体页面使用webpack打包,也使用了requireJS作为对比,理解CMD&AMD差异。
查看更多封装组件和demo:我是链接。
-
一些 Node.js 小程序