GLAD TO SEE U, WELCOME TO YANGZJ1992 'S BLOG.

每一个不曾起舞的日子都是对生命的辜负 —— 尼采 《查拉图斯特拉如是说》

npm left-pad模块删除事件始末梳理及看法及应对依赖风险处理方法

事件起因 事件原因是在23日凌晨,一个开发者因为对 NPM 不满,unpublish 了自己的所有模块。其中包括被广泛使用的left-pad,导致Babel、ReactNative、Ember等大量工具构建失败。 left-pad 是一个依赖度非常高的仓库,根据 NPM 的统计显示,left-pad在23日统计显示昨日的下载量是 10 万,上周的下载量为 57 万,上个月下载量达到了 255 万。 之后 left-pad 作者 Azer

|

Read More...


使用 npm scripts 构建项目

背景 最近看到了几篇文章,讲述了运用 npm 来代替 Gulp,Grunt 进行构建的工作,文中一些说法和场景让我感同身受、深表赞同,故在此整理一下相关内容与方法。 原帖地址: 我为何放弃Gulp与Grunt,转投npm scripts Why npm Scripts? Why npm Scripts?【译】 众所周知,Gulp 与 Grunt 是很多项目所使用的构建工具,他们拥有非常丰富的插件。不过,我却认为 Gulp 与 Grunt

|

Read More...


Git日常使用提交信息参考规范及总结梳理

本篇大多数内容参考自阮一峰博文 Commit message 和 Change log 编写指南 并总结了 Git 的一些命令来协助各位程序员们可以在年终时依靠Git总结代码提交的方法。 Commit message 和 Change log 编写指南(转载内容) 作者: 阮一峰 日期: 2016年1月 6日 Git 每次提交代码,都要写 Commit message(提交说明),否则就不允许提交。 1 $ git commit -m

|

Read More...


【原创翻译】有哪些信号能让我知道我在一家『没落的』公司工作

文章来自 Quora 的同名问题及 Michael Wolfe 的回答,我接触于扇贝读书 What are telltale signs that you're working at a "sinking ship" company? 有哪些迹象表明你正在一家【没落的】公司工作 Answered by Michael Wolfe, Five startups and counting. 回答来自Michael

|

Read More...


githug游戏推介及参考答案『55关版』

游戏简介 这几天看到一个 git 的游戏—— githug,试了下发现可以帮助大家熟悉 git 的一些常用操作,试着做了一下感觉还不错,通关过程基本没有什么太大的难点,这里做一个推荐并把自己通关的过程记录一下方便后人查看。 当然这些游戏练习只是帮助熟悉,难度基本属于日常操作,如果是git新手最好的学习方法还是先看一遍 git 文档 githug 题目 list(更新日期为2016-01-03) 1 2 3 4 5 6 7 8 9 10

|

Read More...


毕业六个月后回顾我的前端路暨2015总结2016新年祈愿

在写这篇日志时已近年尾,离我正式本科毕业入职的时间 2015 年 7 月 1 号也近 6 个月。不禁想写一篇日志认真的回顾总结一下自己的前端路,顺带做一下年终总结及新年祈愿。 简要概述 我毕业于 USTB,专业是信息管理与信息系统。大学期间成绩平平,基本上如大多数同学一样,我在大学干的正经事也就是:学习学习、参加了些社团、过了四六级、参加些小比赛的按部就班的度过了大学的前几年。 到了大三暑期,我决定毕业后直接工作,但确实在此时我还是或

|

Read More...


使用 clip-path 制作简单的动画效果

介绍 今年4月左右有一个比较火的网站 species-in-pieces 在前端圈里比较出名,点击这里查看 它的原理就是运用了 clip-path 来进行实现。在《species in pieces》中每个动物的组成节点如下所示 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <div class="wrap left-to-right"> <div class

|

Read More...


微信内置浏览器不支持 gzip 压缩方式及 gzip 模块配置简述

情况 今天在做微信项目用 ajax 传值时发现了一些异常的现象。使用微信版本:6.3.7 1 个 ajax 请求请求了 120kb?!打开此请求详情看了一下发现了一个关键点。 这个微信请求,在请求头中没有接受编码头(Accept-Encoding),而在正常的电脑 Chrome 中 Accept-Encoding 是正常的。 难道是微信浏览器不支持 gzip 的压缩方式?这里我抓包做了实验,首先我在电脑端 Chrome 下把 Ac

|

Read More...


某前端群题目答案参考

比较基础的一套题,这里简单解答并记录。 一.CSS(40分) 1. 什么是盒模型? 盒模型是网页制作的基础,在网页文档中每个元素都将被描绘为一个矩形盒子来进行渲染。通常来说,一个完整的盒子如下图所示: 2. Doctype 的几种类型? Doctype是 Document Type(文档类型)的简写,在页面中,用来指定页面所使用的 XHTML(或者 HTML)版本。 在 XHTML1.0 和 HTML 4.01 中有三种 <!D

|

Read More...


iOS不兼容position:fixed属性

问题情况 在移动端开发过程中如果在头部或底部设置 position:fixed 的元素,可能会在 ios8 以下的系统中出现以下问题,当用户进行输入时系统键盘激活,此类 fixed 元素会出现位置浮动问题。类似如下图所示: 解决办法 解决办法大致如下: 确保自己的页面已引入浏览器适应性 meta 1 <meta name="viewport" content="width=device-width, initial-scale=

|

Read More...


奇迹每天都在发生 (Miracles happen every day) —— 《阿甘正传》