f2e-journey/xueqianban

班会第 27 期

ufologist opened this issue · 0 comments

ufologist commented
  • 技术

    • WeUI 1.0 正式发布

      WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。

      经过半年的打磨，WeUI 1.0 正式发布，主要是新增了一些常用组件，并使用 BEM 命名，为接下来的微信小程序开发做好准备。

    • 微信公众号 · 小程序

      • 我的微信公众号小程序之旅
        最近微信公众号小程序实在太火爆了, 前面几天才开始内测, 各种尝鲜的文章已经遍布互联网了. 带着强烈的好奇心, 我也玩了一把, 将小程序开发文档翻了个遍.

      • 微信小程序开发环境搭建

        微信已于9月23号晚发布了最新微信公众号 | 小程序文档/工具下载，新版开发工具支持无appid登录开发者工具，所以可去官网直接下载使用。

      • 关于微信小程序（应用号）的全部看法

        张小龙在朋友圈这样说：

        什么是小程序：小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。

        我曾经将微信的发展阶段分为三个阶段：IM阶段、浏览器阶段和OS阶段。IM阶段的大招是语音通信和摇一摇，浏览器阶段的大招是订阅号，OS阶段的大招可能就是小程序。

      • awesome-wechat-weapp

        微信小程序开发资源汇总

    • CSS 3D Panorama - 淘宝造物节技术剖析

      想象一下，当我们站在十字路口中间，身体不动，头部旋转 360°，这个过程中所看到的画面就形成了一幅以你为中心的全景图了。其实，当焦距不变时，我们就等同于站在一个圆柱体的中心。

      但是，虚拟世界与现实的最大不同是：没有东西是连续的，即所有东西都是离散的。例如，你无法在屏幕上显示一个完美的圆。你只能以一个正多边形表示圆：边越多，圆就越“完美”。

      同理，在三维空间，每个 3D 模型都等同于一个多面体（即 3D 模型只能由不弯曲的平面组成）。当我们讨论一个本身就是多面体（如立方体）的模型时并不足以为奇，但当我们想展示其它模型时，如球体时，就需要记住这个原理了。

      三维环境的球体

      全景图素材的制作分为设计类与实景类

    • paipaimo-base

      拍拍无线基础库

      • Zepto

      • Module

        • 模块加载器用于实现代码的模块化，打下工程化基础，在模块化以前，我们的代码结构松散，变量污染严重，非常不便于管理，因此我们需要借助一些工具来帮助我们规范我们的代码。
        • 类生成器主要是为了解决原始的构建类的方式太过简陋，缺乏一定的规范的问题，通过一个合理约束方法，可以统一我们实现类的方式，统一我们的风格。

      • Util

      • Components

        在我们平时开发的过程中会发现有很多的功能是通用的，为了实现同样的功能我们可能会到处去找之前的代码，引用或是直接拷贝，这就会造成代码冗余、结构混乱。所以我们需要将这些通用功能进行梳理，基于统一的规范，构建出一个能持续发展的组件库，在降低我们的开发时间、提升我们的开发效率之余为我们的开发工作提供更流畅的开发体验。

        分为UI组件和功能性组件两部分

        • cache
        • cookie
        • dialog
        • go_top
        • lazyload
        • mvvm(mvvm简易版)
        • overlay
        • pager
        • tab
        • toast
        • uri
        • validator

    • HaloJS

      HaloJS 是一款基于 Zepto 并采用 CMD 规范面向移动端提供各种实用工具的组件库

      • 基础模块
      • UI模块
      • 翻页模块

    • web font 终极解决方案

      • 中文字库

      • 下载字体

      • 字体转换(ttf -> woff)

      • fontmin

        第一个纯 JavaScript 字体子集化方案

      • 字体精简与压缩

    • 第一届前端体验大会 | 物勒工名

      春秋时期，对于工匠的要求极其严格，每件器具均需要刻上工匠的名字。更留下了“物勒工名，以考其诚，工有不当，必行其罪。”的要求，并在唐朝归入法典。后面也相继出现“工程师之戒”与“鸟巢留名”等事迹，都是人们对工匠精神最好的阐释。

      2007年由来自各大互联网企业的技术负责人创办WebRebuild协会。往后由相关的技术志愿者相继推动了九届分享大会。 2015年出于对科技未来的发展以及业界对于“重构”的认可度，组委会特此更名为前端体验大会。并继续秉承WebRebuild的宗旨，为技术人而生。

    • MAC全栈开发环境搭建指南

      目的只有一个：带你用MAC带你装逼带你飞！

      • 通用环境

        MAC通用开发环境秒搭，Homebrew、iTerm2、Sublime Text、oh-my-zsh...

      • 交互与设计

        其实内涵党的我们是不是只需要PS和Sketch是不是已经足够了呢

      • 前端开发

        Sublime Text的前端插件、Node-Static本地服务器、Gulp的各类常用前端插件...

      • 后台与部署

        Nginx、Mongodb、Strongloop、PM2

      • Markdown手册

      • 网络抓包

      • Nginx

      Awesome Mac 收集非常好用的Mac应用程序、软件以及工具，主要面向开发者和设计师

  • 产品

    • 大话程序猿VS产品狗

      总结产品的几大宗罪

      • 动不动就修改需求
      • 需求内容不够详细
      • 需求考虑不周全
      • 需求缺少数据依据
      • 项目流程不熟悉
      • 需求内容没有创新，跟着竞品的脚步

    • 简单梳理一下，如何确定产品的商业模式

      商业模式能够决定产品的一生，且在产品一出生时，它就设定好了。探索新世界的年轻产品人，花些时间研究它，就等于是在救产品的命。对产品来说，商业模式可以扮演成败萧何的角色。

      为产品定航向→为产品规划业务→积累自身资源→制定产品盈利模式→争取自由现金流→衡量产品投资价值

      商业模式的本质：“连接各利益相关者的价值”；

      为产品定航向是起点，为产品规划业务是核心，积累自身资源是关键，制定产品盈利模式和争取自由现金流是中间，衡量产品投资价值是归宿。

      其中产品业务以产品航向为目标导向，决定产品要进行的活动；自身资源支撑产品业务系统高效运行；产品盈利模式直接影响自由现金流能力；自由现金流能力可以体现产品价值，同时间接影响产品投资规模、收益持续增长能力。