bootstrap:http://www.bootcss.com/ Bootswatch:https://bootswatch.com/ semanticUI:https://semantic-ui.com/ Foundation:https://foundation.zurb.com/ Bulma:https://bulma.io/ Kraken:https://cferdinandi.gith

by Chris House 译者：若愚老师 想要更好的阅读体验可在饥人谷技术博客 查看原文 要看懂这篇文章，推荐先简单过一遍姊妹篇 CSS Grid 系列(上)-Grid布局完整指南 当我开始一个项目，并开始计划如何布局主页时，我的大脑复现出浮动和定位。有些人可能会使用 Bootstrap 或其他框架。 那是因为这是2016年，我们一直在用这些方法来做布局。 但假设我们乘坐时光机来到2018年，

传送门：从0到1，开发一个动画库(1) 上一节讲到了最基础的内容，为动画构建“帧-值”对应的函数关系，完成“由帧到值”的计算过程。这一节将在上节代码的基础上谈谈如何给一个完整的动画添加各类事件。 在添加各类事件之前，我们先对_loop循环函数进行一些改进： _loop() { const t = Date.now() - this.beginTime, d = this.dur

AngularJs是一款优秀的前端框架，今天我们一起通过一个简单的登录页面来体会一下angularjs框架的一些特性。 首先大家先看一下项目的整个目录结构。 通过每个文件夹的名，大家也基本了解哪里存放js，哪里存放样式，哪里存放页面等。 接下来开始写登录了。先画一个界面。 <ion-pane ng-controller="userCtrl"> <!-- 顶部图片 --> <div

原文链接 : Sharing Data Between Controllers? Best Practice: Use a Service 原文作者 : DAVE CEDDIA 译者 : 李林璞（web前端领域） 译者注：翻译如有疏漏，欢迎指出！感谢！转载请保留此头部。 Angular开始起来简单易用，甚至说神奇。“哇哦！双向绑定！” 你会迫不及待地去构建你的杰作，直到碰到钉子：你正在像网上每个人

原文链接 : How to write custom AngularJS Directive using TypeScript? 原文作者 : Siddharth Pandey 译者 : 李林璞（web前端领域） 译者注：翻译如有疏漏，欢迎指出！感谢！转载请保留此头部。 AngularJS 框架有很多强大的特性，其中指令(Directives)是广为人知的。在这篇文章中，我将告诉你如何用 Type

原文链接 : How to write AngularJS controller using TypeScript? 原文作者 : Siddharth Pandey 译者 : 李林璞（web前端领域） 译者注：翻译如有疏漏，欢迎指出！感谢！转载请保留此头部。 AngularJS 有许多强大的特性，其中之一便是 Controller。在这篇文章里，我将介绍如何使用 TypeScript 去编写 An

第一节：Angular 2.0 从0到1 （一） 第二节：Angular 2.0 从0到1 （二） 第三节：Angular 2.0 从0到1 （三） 第一章：认识Angular 2.0 Angular2简介 Angular 2 是Google推出的一个跨平台全终端的框架，和目前比较火的React和Vue.js相比，有如下优点： 由于Google的目的是推出一个完整解决方案，所以官方默认提供的类库（

作者：王芃 wpcfan@gmail .com 第一节：Angular 2.0 从0到1 （一） 第二节：Angular 2.0 从0到1 （二） 第三节：Angular 2.0 从0到1 （三） 第三节：建立一个待办事项应用 这一章我们会建立一个更复杂的待办事项应用，当然我们的登录功能也还保留，这样的话我们的应用就有了多个相对独立的功能模块。以往的web应用根据不同的功能跳转到不同的功能页面。但

Angularjs学习过程中使用ui-router模块时遇到一个问题： Error: Cannot transition to abstract state 'xxx' 在这里找到了答案： http://stackoverflow.com/questions/24969441/angularjs-ui-router-default-child-state-and-ui-sref 原因是 对于嵌套式

第一节：Angular 2.0 从0到1 （一） 第二节：Angular 2.0 从0到1 （二） 第三节：Angular 2.0 从0到1 （三） 作者：王芃 wpcfan@gmail.com 第四节：进化！模块化你的应用 一个复杂组件的分拆 上一节的末尾我偷懒的甩出了大量代码，可能你看起来都有点晕了，这就是典型的一个功能经过一段时间的需求累积后，代码也不可避免的臃肿起来。现在我们看看怎么分拆一

第一节：Angular 2.0 从0到1 （一） 第二节：Angular 2.0 从0到1 （二） 第三节：Angular 2.0 从0到1 （三） 第四节：Angular 2.0 从0到1 （四） 第五节：Angular 2.0 从0到1 （五） 第五节：多用户版本的待办事项应用 第四节我们完成的Todo的基本功能看起来还不错，但是有个大问题，就是每个用户看到的都是一样的待办事项，我们希望的是每

语言/平台 Node.js 第一，PHP 第二，JavaScript 第三。因为Node.js的社区很多，所以这个结果你也不用太意外。如果你知道JavaScript,你已经一只脚踏进了用Node.js来构建Web APP的可能。 框架 AngularJS 处于框架的领导地位。大量的公司和企业已经采用 Angular，这就要求开发者更多的具备使用这个框架的技能。主要还是因为有 Google 里最好的

Build Your Own Angularjs 读书笔记 目录  [隐藏]  1 项目配置 2 作用域 3 表达式与过滤器 4 模块与依赖注入 5 辅助函数 6 指令 项目配置[编辑] npm package.json Lo-Dash, jQuery：不依赖，如果有就代理使用 _.template("Hello, <%= name %>!")({name: to}); //var _ = req

《Angular 实战系列》目前处于章节不定，内容不定阶段，这一系列文章不会长篇大论的讲解概念，而是以用为主，结合通俗易懂的实例来让大家理解常用的知识点。 章节 Angular CLI 创建组件(Component) 使用CSS美化组件 属性和事件绑定 组件通讯(@Input和@Output) 创建指令(Directive) 创建服务(Service) 创建管道(Pipe) 创建表单 路由导航(R

前两天 angular.io 发布新版本，一开始以为只是界面样式做了一些变动，后来为了查资料怎么发现打开的速度简直牛B了（要知道在天朝打开angular.io多么费劲啊）。然后我到twitter中了解angular进展，竟然这一次官网新版本是为了试验 Service Worker。 什么是Service Worker 一直对 Service Worker 很关注，离线体验、定期同步、推送通知等这些

上周，知乎上有几篇关于 Angular 和 Vue 对比的文章。本来想着的是，这些文章倒是可以指导下新手，作一些技术选型。可遗憾的是，开始的文章失去了一些偏颇，后面的文章则开始了一些攻击性行为。慢慢的，整个知乎上便是充满了一些戾气，开始了无尽的网络暴力。 于是，我想分享一下之前使用这些 MV* 框架的经验。 前端的摩尔时代 同样吧，在上周结束了《Expert Angular》的审校，这是第三本为

本文主要介绍Angular中的黑科技之WebWorker Renderer，使用Worker线程渲染如何渲染页面？从源码的角度切入，带领带大家看个究竟。 先来做个对比 开发框架版本：Angular 4.x 项目地址：angular-webworker-renderer-demo 对比对象：传统的UI线程渲染和使用WebWorker线程渲染页面 对比方法：各执行1到1000的连乘，并循环20次，要求

前端这几年的技术发展很快，细分下来，主要可以分成四个方面： 1.开发语言技术，主要是ES6&7，coffeescript，typescript等；  2.开发框架，如Angular，React,Vue.js，Angular2等；  3.开发工具的丰富和前端工程化，像Grunt，Gulp，Webpack，npm，eslint，mocha这些技术；  4.前端开发范围的扩展，如服务端的nodejs,e

引入　　 　　突然想写下些什么来作为今天的点缀，第一次知道2^10是10月24日程序员节日。还有半个月就要软考啦！小小激动，用我青涩的文字来记录路上的点滴故事，下面进入主题喽~ 　　最近有幸加入了新的项目，需要学习关于前端框架的知识，让我们来想想平时都有听说过哪些相关内容呢？ MVC 、Vue、React…… 　　 小编不禁对自己发问一个前端框架为什么会有这么多类型呢，难道每个程序员都会设计一个适