XX雨中人

纸上得来终觉浅,绝知此事要躬行


  • 首页

  • 分类

  • 标签

  • 归档

  • 关于

  • 搜索
close
High一下!

lint-staged和husky在pre-commit阶段做代码检查

发表于 2018-05-26   |   分类于 tools   |   阅读次数

纸上得来终终觉浅,绝知此事要躬行

前言

前几天给项目代码加eslint,并且使用lint-staged和husky在pre-commit阶段做代码检查,也踩了个坑,这里对这两个npm包作简要介绍。

为什么使用

通常项目中我们通过eslint和stylelint这些lint工具来检查代码的规范与否,保证良好的代码规范,从而在多人协作中保障项目质量和可维护性。正常我们会在提交代码前手动执行语法检查,而lint-staged和husky而让这一过程自动化,在git的pre-commit阶段来检测你的代码,如果存在语法错误会中断commit。

阅读全文 »

北漂初感

发表于 2018-04-15   |   分类于 生活随笔   |   阅读次数

纸上得来终觉浅,绝知此事要躬行

转眼来北京四天了,过了第一个周末,也渐渐重新适应北方的气候,变成了原来自己眼里有些傻傻的戴口罩的匆匆行人,作为北方出生的汉纸在南方呆了几年竞变得不适应自己土生土长的北方土地,内心难免产生些许情绪。行走在北京校园的街头,看着遍地的杨树,在这个最好的季节,仿佛梦回幼时的家乡,原来我的内心深处一直对故乡的一切有着深深的眷恋,一点点相似的物事便已暴露,几年江南烟雨的温柔婉约也不能将之改变。

工作上第一次进入这么大的前端组,充满兴奋和忐忑,周五分享会想也了解到组内的一些业务和技术情况,有些业务技术虽然很老,但也看到组内积极想新技术转变的决心和努力,希望自己能够在这个过程获得成长和作出贡献。这里的也充满挑战,linux开发流程,偏后端知识的学习(ngnix,java),vue,微信小程序等等,有挑战才有进步,加油,期待两年后的自己。

原生WebGL小试牛刀

发表于 2018-01-09   |   分类于 编程实战   |   阅读次数

纸上得来终觉浅,绝知此事要躬行

写在前面

​ 最近学习WebGL,各个知识点讲解比较分散,自己把整理了下知识点,并综合起来写了简单demo,学习中也感觉到3D图形制作知识的繁杂,当时看懂了其实并未太懂,只有不断学习消化。友情提醒,由于本地测试要访问文件图片,所以要使用命令open -a "Google Chrome" --args --allow-file-access-from-files。本文仅是个人总结,先介绍初始化着色器、纹理、阴影,后续细节会继续整理增加,先看下demo。

阅读全文 »

参加D2论坛的一二收获想法

发表于 2017-12-17   |   分类于 生活随笔   |   阅读次数

纸上得来终觉浅,绝知此事要躬行

今年第二次参加D2,相比去年新入行听的们懵懵懂懂,经过一年洗礼,今年听的能有些体会也有选择性的听了一些主题。

前几天参加GDD,谷歌发了Android Things,所以对于IoT比较感兴趣,而且也算前端的一个新的方向吧,上午去的比较迟,到的时候已经讲了一部分,讲师对于应用的实现分别用js和java、python都实现了,不过也谈到存在效率问题,实际落地使用的java,动态语言仅仅内部比赛idea时开发,不得不说很遗憾,不论如何重在尝试,希望自己也写个demo出来。

阅读全文 »

css揭秘中的一些技巧

发表于 2017-11-17   |   阅读次数

纸上得来终觉浅,绝知此事要躬行

前言

看完css揭秘,对表现和结构分离的理解更加深刻,之前写样式只求能做出来,对于结构有多复杂,代码有多冗余,并没有太多考虑,或者心有余而力不足,之前也没有真正认真进阶学习过css,读完此书,css magical不虚此名。

偷师技巧一二

个人总结了下,让css变得如魔法一般的有以下几个:

  1. 巧用渐变

  2. 善用阴影

  3. 令人激动的动画和过渡的一些部位常人熟知的属性:animation-play-state;animation-direction;steps()

    阅读全文 »

http2.0小结

发表于 2017-10-28   |   分类于 基础杂谈   |   阅读次数

纸上得来终觉浅,觉知此事要躬行

前言

如今,http1.1是互联网中的主要协议,随着web技术的飞速发展,http1.1已经无法满足用户对性能的要求,此后谷歌推出SPDY,意在解决http1.1中广为人知的性能问题,其在被行业采用并证明能够大幅提升性能后,已经具备了成为一个标准的条件。

Http2.0是http协议自1999年http1.1发布后的首个更新,主要基于SPDY协议,於2015年正式发表。

http2.0变化

二进制分帧

帧:http2.0数据通信的最小单位。

消息(message):指http2.0中逻辑上的http消息。例如请求和响应,消息由一个或多个帧组成。

流:存在于连接中的一个虚拟通道。流可以承载双向消息,每个流都有一个唯一的证书ID。

http2.0采用二进制格式传输数据,而非http1x的文本格式,二进制协议解析起来更高效。

Http1.x的请求和响应报文,都是起始行,首部和整体正文(可选)组成,各部分之间以文本换行符分隔。http2.0将请求和响应数据分割为更小的帧,并且它们采用二进制编码。

http2.0中,同域名下所有通信都在单个连接上完成(多路复用中介绍),这个连接可以承载任意数量数量的双向数据流。每个数据流都以消息的形式发送,而消息又由一个或多个帧组成。多个帧之间可以乱序发送,因为根据帧首部的流标识可以重新组装。

阅读全文 »

Hello World

发表于 2017-10-03   |   分类于 搭建bog   |   阅读次数

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

阅读全文 »

redux和flux学习

发表于 2017-09-30   |   分类于 基础杂谈   |   阅读次数

纸上得来终觉浅,绝知此事要躬行

前言

工作虽然一直用react,但是都是现学现用,花了点时间通读《深入react技术栈》,学习笔记略作整理

传统MVC缺点,在项目越来越大,逻辑越来越复杂时,数据流动变的越来越混乱。

阅读全文 »

携程两个月工作小结

发表于 2017-09-06   |   分类于 生活随笔   |   阅读次数

纸上得来终觉浅,绝知此事要躬行

时间过的很快 ,需要放慢脚步来丈量,两个月收获很多,也失去不少

工作与收获

软文大赛

简单的H5页面展示,之前没学过react,利用这个项目,熟悉了react技术栈,能够使用react进行简单页面开发、代码简化。期间也学习了很多技术,大图片快速加载、图片预占位、scss简化代码等

开通首页兼容性修复

我们的页面是同时跑在app、微信、和手机浏览器的,发现页面在浏览器会存在拥挤情况,学习了flex布局和hysdk简单使用,使用flex布局使空余空间自动填充,同时考虑在浏览器环境下做专门处理,或者改用滚动布局,思考了很多方案也做了实践

touchable组件和yo-公共样式

做这个项目进行项目的组件化和代码复用以及组件源码的学习,养成主动进行项目抽离和阅读源码的习惯。
我们页面中使用tuchable组件的地方很多未添加按下态或者按下态不一致,我对组件进行了优化,可进行配置。yo提供了很多封装的现成样式,但是我们代码里基本都是自己写的,没有用到yo封装的样式,通过阅读源码,能使用封装的全部使用,减少代码

暂停服务公告

这是完全自己单独写的组件,学习接口设计,展示后端接口返回数据。
动画速度和不同字数的计算关系、动画重绘对滚动框影响、动画进入效果优化,动画播放效果优化、flex布局对offsetWidth影响、react生命周期学习,组件的可配置化

阅读全文 »

携程实习小结

发表于 2017-07-30   |   分类于 生活随笔   |   阅读次数

纸上得来终觉浅,绝知此事要躬行

实习后公司学校事情都很多,好久没写点东西,不知不觉月底了,是回顾下总结然后继续去前行的时刻了。

收获

本来冲着携程性价比高,不加班来的,事情总是事与愿违,本部门加班简直了,不过还是很高兴学习到了很多哦东西。之前创业公司实习东西要能做出来,后面出问题再改,这里无论是步骤还是流程都更加规范和严格,每次师傅给我review代码都要脱一层皮,感觉自己写的是一坨屎,然后还要和测试review代码,我想象review才是提高和发现错误的契机吧,听闻其他有些部门review代码走过场和没有,更坚定自己好好珍惜这一切,累并快乐着。

也参加了携程MIT训练营,见了cto,携程能让去哪的人做cto也让人看到了不断加强自身技术导向的意愿,祝好。一起进来的同事们无论积极主动还能力见识都让人侧目。这大概是我们不断奋力向上攀登的魅力吧。

后面

很多公司的秋招提前批也开始了,不管未来会不会呆在这里,这是一段美好的旅程,留下一段美好的回忆。

123…7

62 日志
7 分类
52 标签
RSS
gitHub twitter
© 2016 - 2021 qijiIng
由 Hexo 强力驱动
主题 - NexT.Pisces
本站访客数人次 本站总访问量次