Sun
班会第 19 期
- 技术 - [22个必备的CSS小技巧](http://jrainlau.github.io/2016/07/03/%E3%80%90%E8%AF%91%E3%80%9122%E4%B8%AA%E5%BF%85%E5%A4%87%E7%9A%84CSS%E5%B0%8F%E6%8A%80%E5%B7%A7/) > - 类似Photoshop的混合模式 mix-blend-mode > - 渐变边框 > - z-index 的过渡 > - currentColor 当前的颜色 > - object-fit 类似 background-size > - 单选框和复选框的样式 > > ```...
* 技术 - [从css谈模块化](http://www.jianshu.com/p/6ce8619dc674) > * 前端的工作内容主要涉及三个方面：html、css、js（javascript） > * 那我们所说的模块化也可以分别当成这三条线去看，如html的模块化、css的模块化，以及js的模块化，这三者我们称为（web）前端模块化 > * 我们这里所谓的模块化，其实是规范化的子集，通过制定了一套规范，才产生了模块。所以**css的模块化过程其实是css规范化的过程** > > 事实上我们手打css遇到的问题可以大致归纳为以下几, 往往要依赖“规范”来解决 > * 选择器繁琐冗长 > * 命名冲突 > * 层级结构不清晰 > * 代码难以复用 >...
* 技术 - [面向未来的 CSS Variable](https://isux.tencent.com/cssvariable.html) > ```css > /* 定义变量 */ > /* 应用范围, 类似于普通编程语言中的变量作用域 */ > :root { > --contentFontSize: 28px; > } > /* 覆盖变量 */ >...
* 技术 - [通过 webpack 来驱动 Web 开发](https://github.com/appbone/webpack-driven-web) > * webpack 前端工程化应用 > * 基于 webpack 的多页应用架构 > * 没有任何魔法, 便于扩展出适合自己的前端工程化方案, 例如单页, react, vue 等 - [开发时使用的专属服务器](https://github.com/ufologist/dev-serv) > 开发时使用的服务器需要具备哪些功能 >...
## 简单介绍下 [ThinkJS](https://thinkjs.org/) 是用来做什么的 > ThinkJS 是[奇舞团](http://www.75team.com/ "360奇舞团（奇虎75Team）是 奇虎360公司Web平台部前端工程师 + 部分特约嘉宾 组成的一个前端团队")开源的一款 Node.js 框架 > > 借助 Babel 编译, 可以大胆使用 ES6/7 特性开发 Web 项目, 是一款后端 MVC 全功能框架. 使用 `async &...
## 入门资源 * [慕课网视频教程AngularJS实战](http://www.imooc.com/learn/156) chencan * [《AngularJS权威教程》](http://book.douban.com/subject/25945442/) @ufologist * [《精通AngularJS》](http://book.douban.com/subject/26022847/) @Monine ## 使用感受 2015/9/23 @ufologist * 最痛苦的莫过于作用域(scope)了, 有时候真不知道这个数据是从哪个作用域(子作用域基于原型链继承父作用域)上下来的 * 双向数据绑定是把双刃剑, 带来了方便也带来了混乱, 就怕子作用域不小心修改到了父作用域的东西 * scope 中放两种数据共同组成一个界面 * **vm**: 界面中的基础数据, 可能是前端写死的数据, 也可能是后端返回的基础数据...
班会第 6 期
- 技术 - [w3ctech长沙站第12期技术分享会](http://www.w3ctech.com/event/56) - 移动视频项目的网站架构 > 大型网站的特点 > - 用户多，分布广泛 > - 大流量，高并发 > - 海量数据，服务高可用 > - 安全环境恶劣，易受网络攻击 > - 功能多，变更快，频繁发布 > - 从小到大，渐进发展 > - 以用户为中心 >...
# 我的 Vue.js 之旅 写在 Vue.js 2.0 版本发布之后, 关于 Vue.js 2.x, 在实例的生命周期上我们就可以看出关键的不同点了: Virtual DOM > 在底层的实现上， Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上  [从 Vue 1.x 迁移](https://cn.vuejs.org/v2/guide/migration.html) >...
* 技术 - [Web 前端项目的演进过程](https://github.com/f2e-journey/treasure/blob/master/evolution.md) > 在经历了很多的 Web 项目之后, 我们在不同的项目中尝试了不同的解决方案. > > 在尝试的过程中, 前端的技术也在不停的进化, 影响着我们的技术选型. > > 为了给以后的技术选型做参考, 我们总结出关于一般 Web 项目的演进历程, 也可以看做是前端技术架构的演进. > > 演进的过程中主要伴随着 > > * 从简单到复杂 >...
* 技术 - 如何实现简单的页面(滚动)动画 > 常见的效果就是当页面滚动到某个元素时, 触发该元素的动画, 用于引起用户的关注并提升网站的交互. 实现这种效果的基本原理就是判断滚动条滚动的距离是否越过了元素在页面上的位置. > > * [ScrollReveal](https://github.com/jlmakes/scrollreveal) 最方便使用, 无需依赖动画样式 > * [Animate](https://github.com/jshjohnson/Animate) 方便配合 animate.css 使用 > * [ScrollWatch](https://github.com/edull24/ScrollWatch) 只做滚动位置监听的, 这样就能更好的自定义滚动到某个元素位置时做什么事情 - [(第一屏)满屏内容页](http://rawgit.com/f2e-journey/treasure/master/cover-fullpage.html) > 即实现首屏内容高度的适配,...