Tech

这！就是1688 PC首页

  • Tech
  • September 24, 2019
  • 3 mins

在 2019.09.06，20 财年版的 1688 PC 首页终于全量发布了！新版 1688 PC 首页传送门 >> www.1688.com除了 UI 上透传的 1688 品牌心智的变化，在数据对比上，新版首页的业务指标的转化率（UV 点击率、L-D、L-O、引导搜索效率

2017年Web开发者的技能蓝图

在 Medium 看到一篇文章，分享了 github 网友@kamranahmedse发布的developer-road

来自前端鼓励师给同学们的不成熟小建议

上周末在 B 站开播，给同学们分享一些关于找实习/校招的不成熟的小建议～ 第一次开播，还是有点搞笑，哈哈，不是很会用 OBS，直播期间也忘了录制，PPT 也是开播前一晚赶的，略简陋，望笑纳，哈哈。 下面简单再梳理成文字的版本，分享给有需要的同学们。跟直播的版本有一丢丢不一样，哈哈，文字版本没有 UP 主的多个阶段的简历哒，那一段是 only for 直播 >3< ![](http

Behavior Driven Development in ReactJS

如果想跳过前文，可以直接定位到 实战篇What is Test Driven Development? Coding of features and tests go hand in hand.Write a unit test. Run the test. See it fai

Blog Log

2018.08.26 豆瓣插件 hexo-tag-douban 2017.04.02jQuery -> Zepto fancybox -> magnific popup 以下是相同网络环境下，disable Cache，线上首页用 Chrome Ne

博客优化之路：从WordPress到Hexo

经历了 WordPress、jekyll、Hexo、WordPress，前几天我还是把博客迁回到 Hexo，因为 WordPress 太庞大了，想修改主题优化下页面性能或者加些个性化的小组件吧，也没折腾出一个前端构建的流程，开发起来很麻烦，放弃治疗啦，于是又回归到静态博客的怀抱。 最近在公司做一些性能优化的工作，重构历史代码和优化打包策略啥的，每次看到优化效果都会觉得很爽，那些数字太

CSS自定义属性 —— 别说你懂CSS相对单位

前段时间试译了 Keith J.Grant 的 CSS 好书《CSS in Depth》，其中的第二章 《Working with relative units》，书中对 relative units 的讲解和举例可以说相当全面，看完之后发现自己并不太懂 CSS 相对单位，

如何更愉快地使用em —— 别说你懂CSS相对单位

前段时间试译了 Keith J.Grant 的 CSS 好书《CSS in Depth》，其中的第二章 《Working with relative units》，书中对 relative units 的讲解和举例可以说相当全面，看完之后发现自己并不太懂 CSS 相对单位，

如何更愉快地使用rem —— 别说你懂CSS相对单位

前段时间试译了 Keith J.Grant 的 CSS 好书《CSS in Depth》，其中的第二章 《Working with relative units》，书中对 relative units 的讲解和举例可以说相当全面，看完之后发现自己并不太懂 CSS 相对单位，

视口相关单位的应用 —— 别说你懂CSS相对单位

前段时间试译了 Keith J.Grant 的 CSS 好书《CSS in Depth》，其中的第二章 《Working with relative units》，书中对 relative units 的讲解和举例可以说相当全面，看完之后发现自己并不太懂 CSS 相对单位，

无单位数字和行高 —— 别说你懂CSS相对单位

前段时间试译了 Keith J.Grant 的 CSS 好书《CSS in Depth》，其中的第二章 《Working with relative units》，书中对 relative units 的讲解和举例可以说相当全面，看完之后发现自己并不太懂 CSS 相对单位，

读书笔记 - CSS网站布局实录

有些书籍，就算内容赶不上潮流，经典始终是经典，无论什么时候看，总会觉得有些新的感受新的收获。 《CSS 网站布局实录》，这本书不厚，关于布局、文件流、盒模型等等的基础知识，却讲得非常清晰明白。一、那些 CSS 布局的事儿 一列固定宽度

《CSS禅道之美》：My Feelings

这本估计是本好书，以“禅意花园”这个网站为原型进行分析、解剖，但是对于没什么 css 基础的人来说，只是觉得很美好，却没什么所得，说是技术书，不如说是一本设计书，境界高，起点也高，还是等我学习完基本的 css 才看这书吧。以上是我一年前写的书评，现在看起来，真的觉得当时的自己有幼稚…… 我还记得当时是我第一次接触 html 和 css，

数据科学之路

07.30 今天做学习委员，给大家讲一下 NumPy，现学现卖，传送门 >> NumPy07.23 今天代码课，Python 入门

谈谈怎么在不熟悉上下文的情况下debug

  • Tech
  • February 27, 2017
  • 1 min

跟大家分享一个最近调 bug 的故事，在不熟悉架构、业务上下文、编程语言、调试环境等等的情况下，遇到问题时，我们可以怎么解决。简单的来说，路过一个你喜欢的站点，发现页面有 bug，想帮忙修，怎么办？偶然访问了阿里 Ant Design，默认是英文版本，我看右上角有个切换到中文的按钮，就过去一点，咦

fis3安装时遇到的node版本问题

今天在调试 demo，执行编译命令时， fis3 release报了一大堆错误，一时懵逼~关键行： Fatal error in ../deps/v8/src/api.cc, line 1051blah blahIllegal instruction: 4运行环境是：

Hi,fontmin

相信 FE 同学们在日常开发中，经常遇到爱用特殊字体的 UE，有时候偷偷改成微软雅黑会被发现（笑），被拆穿后只能乖乖切图，不过这样真的很不好，因为多一张图片（常常还是 banner 上的大文字）就多一个请求，哪怕用 CSSsprite 打包图片也占地儿，是不是？ 于是前阵子关注到 baidu EFE 的一个东东：[Fontmin](http://ecomfe.github.io/fontmi

我读《国内前端行业十日谈》

1、链接分享： http://tech2ipo.com/54977 2、文章摘要： 前 2 年是学习技能的阶段，这个阶段主要精力放在专业技能的提升上，2 年内起码要赶上平均水平，即所谓“中级“，在这个阶段的人通常对软技能不怎么关注，沟通能力达不到平均水平，基本上是来啥活干啥活，干不完就加班的这种，对需求的合理性不甚理解，对项目也没什么把控，尽管在技能上有提高的空间，也不是公司

书单：给想成为全栈工程师的你

最近在看一本书 《Web 全栈工程师的自我修养》 by 余果，书中很少提及技术详情，讲了一些全栈工程师的概念、技术栈甚至到设计、用户体验，广度还是很够的，这大概是作者工作成长过程的记录吧，对前端或者对程序员成长感兴趣的同学，推荐看看，前辈们的经验之谈，早点感受也蛮好的~

git学习笔记

最近想要做博客的云端编码，在哪都能发日志，于是入了 coding.net 的坑，从 svn 转到 git 下~ 以前工作中，因为没有什么使用 git 的需要，说要学吧，总有各种理由没时间。为了小博客真是操碎了心，看了廖老师的教程，发现其实 git 跟 svn cli 还是有很多的相同之处，也没有特别陌生，相信不用多久就能上手了 :) 本文是自己学习和记录用的，如果大家想看教程，还是推荐

GraphQL小记

基于 GraphQL、express、MongoDB、Apollo、React.js 的小应用。 ->> 项目源码 github 传送门 内容包括：如何搭建基于 GraphQL、express、MongoDB 的后台服务器 如何

Hello blog

从高中时期就有个人博客，q-zone、163、wordpress，至今差不多 8 年，偶尔会写博客，但是经常会因为换架构如 wordpress 还是 jekyll）、换空间甚至不堪回首，等等等等的原因在辗转折腾几次之后，就没掉了大部分的博（hui）客（yi）。 这一次，我真的下定决心要扎根在这了，不能再迁~Never too late~ 写于

GraphQL in Action

GraphQL 解决什么问题 REST-ful Routing Given a collection of records on a server, there should be a uniform URL and HTTP request method to utilize that collection of records. GraphQL 是如何解决问题的

CSS Variables学习笔记

最近看了下 CSS Variables（CSS 变量，又名 CSS 自定义属性），跟大家分享一下我的学习笔记。 一、什么是 CSS Variables 来，直接看 MDN 上的描述：CSS 变量是由 CSS 作者定义的实体，其中包含要在整个

我在大厂如何打怪升级

平时有不少萌新前端同学们，来跟我说，“我觉得很迷茫”、“不知道该怎么成长”、“你在做什么呀”……前端早早聊组织的这个关于“职业成长迷茫”的专场真的很棒，国内针对前端圈女性成长比较少的，所以当时我听 Scott 说有这么个专场，就主动报了个主题，希望从我从业以来“不同阶段的我做了什么”、“有什么想法和思考”、“未来想做什么”切入，给大家看到一个个有血有肉的故事。如果听完分享，大家能够得到一些启发，也

和团队谈个人成长 - 克军

  • Tech
  • October 29, 2018
  • 3 mins

转自 克军 的 《[内部分享] 和团队谈个人成长》。干货十足，备份留着 review 自己。![](//wyy-static.oss-cn-guangzhou.aliyuncs.com/xx/kejun/1

图解HTTP

还记得刚开始工作，GET 和 POST 请求我都不知道是什么，尽管在大学学过《计算机网络》。经过 1 年的工作，初步对此有了认识（发一个异步请求从服务器端获取我需要的东西），感谢 @maxiao 送我这本 《图解 HTTP》，让我重新认识 HTTP。 全书的内容很多很多，包括 HTTP 诞生的背景、版本，

Hexo主题的置顶功能

忽然想要一个置顶功能，可惜原生的 hexo-generator-index 没有提供这样的方法，那只能自己搞一个了~一、hexo-generator-index 修改 Hexo 排序编译组件，一般默认安装的，默认配置（按 date 排序） index_generator: per_page: 10 order

wuyuying.com的https时代

晚上顺手去阿里云申请了 SSL 证书，把 wuyuying.com 从 http 到 https。 SSL 模块 for Nginx 环境：CentOS Nginx 安装依赖：yum install mod_ssl openssl查询是否生效： rpm -qa| grep mod_sslrpm

再手写table做EDM你就out啦

工作期间，有接触过产品线发的 EDM(Email Direct Marketing 电子邮件营销)，也就是大家经常说的“垃圾邮件”，可能发 EDM 的账户会进部分邮箱的黑名单，有时候我自己测试发的邮件可能要到垃圾箱找 >3< 不过 EDM 对于用户召回确实有

JavaScript网页动画设计：velocity.js

最近读了一本讲 js 动画的书 《JavaScript 网页动画设计》，看了开头就知道是本 velocity.js 的大型广告书，但不得不说，这个动画库可以给日常的动画开发带来许多的便利，在书中我也 get 到了一些动画开

Kindle从5.6.1到5.4.4的降级+ 刷多看（Paperwhite 1代）

Kindle 自动升级到 5.6.1.1 后，多看阅读就没办法装了，貌似是 2 年前就说在研发，但一直没有下文……最近多看出了本《S.》的电子本，特别想看，于是上网搜了下，咦，终于降级成功，在这简单分享一下吧。准备材料：Kindle 一台 Kindle 5.4.4 [降级包](https://pan.baidu.com/s/1c2by8

Koa.js

概念 中间件 middleware app.use(async (ctx, next) => { // ctx, context, 上下文 console.log(`${ctx.method} ${ctx.url} ${new Date()}`); // next, promise，下一步 return await next(

AB Testing是如何提升用户体验的

三种基于数据的决策模式data driven data informed data aware（本书提出）Data-driven Design 数据驱动（data-driven）意味着收集到的数据决定（驱动）了设计的决策。在某些场景下，这是非常对的方式。而有些时候，团队提出的问题可以被通过实验得到的数据回答，这些数据集可以得出一个清晰的设计的最佳实践。 如果

开箱即用，Hexo博客的github+server自动部署

用了一段时间 HEXO 搭建个人的博客，但每次发布文章，都需要打开电脑hexo g编译之后，再提交到服务器上，确实挺麻烦的，和小伙伴聊完他的日志发布方式之后，痛定思痛，快捷发布日志这个问题需要解决一下了！Travis CLI 搞

Mac使用记录

created at 2014-10-26 23:24:50慢慢记录 Mac OS 那些好用的东东~ 程序员的那些软件/使用技巧 code path 通过 code 用 VSCode 打开当前路径，进入 VSCode 的面板，SHIFT + CMD + P，录入 shell command，点击 `Shell command 'code' succes

markdown学习笔记

1. 标题 在开头加上**#，有 1-6 个等级，N 级标题就在开头加 N 个#** # 我就是 1 级标题2. block 在开头加上 >aaa bbb3. 斜体 && 粗体 粗体，目标文字两端使用两个 **_**或者

Notes for Docker

记录前端同学学习 Docker 的笔记。 2020.03 command # verified cli can talk to engine docker verison# most config values of engine docker info# docker command line structure # docker <comm

NumPy

NumPy, Numerical Python.Reference data camp course - Introduction to Python [如何通俗易懂地解释「协方差」与「相关系数」的概念？ - 马同学的回答](

Notes on TypeScript

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. 笔记Core Typesnumber string booleanTypeScript Type vs

悄悄发布一个hexo的npm模块

hexo-generator-index-plus，这是什么东东？其实就是 hexo 博客生成器的一个文章排序插件，基于默认插件 fork 的，添加按文章置顶和二次编辑的更新时间排序的功能。 沙发留给 github 和 npmjs~ Github: [YuyingWu/hexo-generator-index-plus](https://github.com/Y

puppeteer调研

Puppeteer Intro Puppeteer 金字塔 无需再通过 Chrome 的开发协议，写冗长复杂的代码，轻松调用 Chrome API。 Puppeteer 的使用场景。 Demo - screenshot setup npm i puppeteer --savedemo 打开 example.com

初探响应式设计

作为一枚 FE，现在才看响应式设计！？说起来不能更不好意思，之前都是听说，可能是工作中比较少机会用到，也没多少动力去学习。 之前写无线页面（H5），常常会碰到在不同设备中，展示有所区别的 case，其实也没有注意到，咦，这跟响应式设计有关。 直到最近，专题项目太频繁了，FE 人力同时开发 PC 和 WAP 页面，少说也得一周，大家都希望在这方向想想办法，释放下人力，那个时候“响应式设计

浅谈 React Error Boundaries

  • Tech
  • November 18, 2019
  • 2 mins

前几天面试候选人的时候，有提到用React 16.x重构了一个电商首页，对各个业务模块做更细颗粒拆解和代码组织，提升开发效率和降低维护成本，在这里要给小同学点个赞，有想法也有落地成果。后来问及“一个模块报错，搞挂了整个页面”的问题，大家都知道，如果页面的 entry 是 index.js，在里面引入各个 components 的话，运行时只要有一行代码挂了，整个 js 都会挂掉。针对这个问题，

[译] React性能优化-虚拟Dom原理浅析

本文译自 《Optimizing React: Virtual DOM explained》，作者是 Alexey Ivanov 和 [Andy Barnov](https://g

Safari调试无线页面

  • Tech
  • February 25, 2016
  • 1 min

进行无线开发时，很多时候会发现，有些 bug 是在电脑浏览器如 chrome 模拟时无法复现的，得在真机上调试。无奈手机浏览器没有 PC 的功能那么完善，不设断点很难调试，于是以前我会使用比较傻的方式是，用原生的 alert 输出我想得到的信息（人肉断点）。 后来还是 QA 同学告诉我，可以用 Safari 连接 mobile 和 PC，在 PC Safari 中打开调试界面，console

来谈谈最近上线的项目「百度师傅」

昨天是 8 月 8 号，百度的周年庆典 summer party，而在同一天 「百度师傅」 一期项目终于也推出去跟小伙伴们见面，这两天的订单量也破了新高，收到一条条用户下订单的短信，作为研发同学的我也表示非常的开心和激动，这两个月没白忙有木有！[「

Server's Cookbook

最近总是发现，blog commit 之后的 CI，有的时候会提示空间不足，导致一些文件拷不过去。 这块也不是很熟悉，查了下如何快速定位服务器磁盘在哪些文件夹的占的空间比较大。 # 到根目录 cd /# 查看每个目录的 size du -sh *# 定位后，重复以上，把不需要的、临时的干掉我发现在 /var/log/jenkins 居然占

UC浏览器调试无线页面

上次写了篇 《Safari 调试无线页面》，有小伙伴进来的第一反应是，需要一台 MacBook 和 iPhone，臣妾做不到呀！ 让使用安卓设备的小伙伴情何以堪，于是有了姐妹篇，也就是本文《UC 浏览器调试无线页面》 准备：Android 设备和 [UC 浏览器开发者版](http://www.uc.cn/bu

《WEB界面设计》书摘：设计界面前来看一眼，UED很赞

交互设计模式 直截了当（哪里输出，就要允许在哪里输入） example：flickr 图片名字编辑，单击图片名，即可更改，有 save OR cancel 支持 • 页内编辑（直接编辑内容：用户不会离开页面，在页面内直接编辑完成） ○ 单字段行内编辑 § 易发现性

怎么给微信分享页面添加配图呢？

怎么给我们漂亮的移动页面添加微信分享的配图呢？ 请看大屏幕： <body> <div id="wx_pic" style="display:none;"> <img src="http://jingyan.baidu.com/event/img/bdjy.png" /> </div> ...</bod