小程序备忘录

在公司开发小程序的时候总会冒出写篇总结的想法,思前想后还是觉得没太多干货作罢。
突然又想开始写点什么倒是因为最近工作变动,转向数据可视化,大概短时间内不会再接触小程序的开发,还是憋个小备忘吧。

前段时间的面试,大抵看到简历上有候选人标注过小程序开发经验的时候,我都会抛下面这串问题:

小程序的开发体验你觉得怎么样?有没有遇到什么问题?有想过哪些解决方案?

拉黑标准是:TA回了一句 「挺好的」「挺简单的」「没遇到什么问题」之类的话。
正儿八经写过点线上应用的旁友想必有很多其他的话要说。

( 鉴于在下只有三四个月小程序业务开发经验,下文若有不当之处请多指教~ 欢迎传授更舒服的开发姿势_(:з」∠)_

惯例上大纲

  • 边界
  • 原生开发体验
  • 走过的套路
  • 更科学的路子怎么走

前端面试忽悠师入门

去年回杭后,除了在新的公司沉迷业务开发、业余吹水之外,趁着人手不足顺便做了些电话和现场面试的工作( 当然主要是面向初级前端岗候选人 )

从两年前初入行的校招生,到如今扮猪吃老虎的面试官,感觉可以写篇文章介绍下自己的面试心得和套路、充实下一年未更新的“技术博客”

列了个大纲:

  • 前端面试忽悠师的战略目标及基本功
  • 如何正确地 尬聊
  • 常用题库及使用姿势
  • 一些常见情况的应对方式

用Electron做个伪桌面应用~

讲道理这是篇鸽了一年多的技术分享…最早接触Electron的时候还是0.3x版本,转眼已经1.6.2……

在国内All in mobile的风气下谈论桌面客户端开发似乎是个很非主流的行为,但是作为JavaScript在桌面端伸出的利爪,Electron不仅仅是桌面客户端开发的一个技术选型,也有着其独特的象征意义~

本文主要介绍Electron的应用结构、开发方式以及优缺点。在重温Electron开发的过程中写了个山寨的网易云音乐,这是demo地址

React Native Art 介绍

注: 本文同时发表于鲜果FE团队博客

React Native ART 由来

react-art是reactjs团队基于art(一个兼容各个浏览器SVG绘制的API封装)开发的模块,让react开发者能使用jsx语法绘制svg.

react native团队分别在0.10.0和0.18.0也添加了iOS和Android平台对react-art的支持,RN在本文写稿时已经发版至0.41.0,官网文档至今对其只字未提。本文旨在介绍安静躺在react-native/Libraries/里的ART,并展示一些实践结果。

一次jsfiddle测试引发的血案

过完年即将回京,想起自从16年末试水了React Native很少写正经的css,打开jsfiddle练练手就有了以下的血案_(:з」∠)_

目标是纯css+html实现高亮表格元素,进阶要求是之前外国大佬实现的行列均高亮。

注:移动端不能方便地查看本文所实现的效果,建议在PC端阅读。

Composite Layer & Vue

看过浏览器渲染原理的同学应该可能对composite layer这个名词有所耳闻,有些地方翻译为渲染层。按照Chrome的渲染模式,浏览器将dom按照一定规则分成数个渲染层,分别将每一层绘制为位图后交由GPU处理,最终混合成显示屏上的页面。

一般来说前端页面的变化反应到浏览器显示的流程是:

js scripting —> style —> layout —> paint —> composit

最为理想、性能最佳的方式是略过重排(relayout)和重绘(repaint),直接合并渲染层(compositing layers)

G164

渐渐发现长途高铁是自己最能安心看书的地方,好像是那年去成都留下的习惯。一只手搭在窗台,另一只支撑着书本,时不时地走神或入睡。说起来基本有窗的交通工具,我都乐意坐在窗边,即使往往会因不好意思麻烦别人挪位子控制自己上厕所的频率。所谓的书大部分也都是小说,应该是在看厌窗外烂熟的风景后因无聊提升了代入感的缘故。