-
常用框架生命周期与钩子函数
前言所谓“生命周期”，就是在类实例化的过程中，构造函数执行的不同阶段。而“钩子”就是在某个阶段给你一个做某些处理的机会。MVVM模式下，前端三大常用框架的生命周期与生命周期钩子有异曲同工之妙，为此特地放在一起进行比较。ReactReact组件的生命周期分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOMReact 为每个状态都提供了两种处理函数，will函数在进入状态之前调用，did 函数在进入状态之后调用，...…
-
非覆盖式开发--前段工程化
作者：张云龙 链接前言前百度工程师，曾负责百度 前端集成解决方案 的核心设计与开发工作。我现在称这个领域为【前端工程】。没错，这是我最爱唠叨的问题域。这是一个非常有趣的 非主流前端领域，这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题，入行到现在一直在学习和实践中。在我的印象中，facebook是这个领域的鼻祖，有兴趣、有梯子的同学可以去看看facebook的页面源代码，体会一下什么叫工程化。接下来，我想从原理展开讲述，多图，较长，希望能有耐心看完。正文让...…
-
cmd规范与sea.js
cmd规范： 特性： 一个模块就是一个单独的文件 由于每个模块都是属于define关键字函数的回调函数被调用，每个模块都是一个单独的作用域 预加载、懒执行（预加载就是预先把所有的模块全部加载完，懒执行就是需要执行哪块才执行哪块） 关键字 define 定义一个模块 require 加载一个模块 exports 暴露一个模块 module 模块 模块系统主要解决模块的定义、依赖...…
-
模块化开发
一句话概述：一个概念(模块化) + 二个规范（amd + cmd） + 二个js库(sea.js+ require.js)模块化的介绍传统开发方式带来的问题： 代码由于组织混乱很容易出错 出错了很难调试 后期难以维护模块化的好处： 代码组织起来更加清晰，提升开发效率 减少了意外的bug的出现，便于代码后期维护模块化规范几种常见的模块化规范概述 浏览器端规范 amd 代表：require.js cmd 代表：sea.js 服务器端规范 ...…
-
Angular实战Demo
todomvc案例todomvc 功能分析1.显示数据列表2.添加任务3.删除任务 — 使用了数组的splice4.修改任务 只是改变页面是否可以编辑的一个状态5.切换是任务是否完成的状态6.批量的切换任务是否完成的状态 使用了ng-change事件7.清除已完成任务 尽量不要在循环中添加或删除数组元素。7.1 控制清除已完成任务按钮的显示与否8.显示未完成的任务数 是给ng-bind指定一个方法,方法最终会返回一个具体的值, ng-bind 会把这个值渲染到页面。9.切换不同...…
-
Angular初识（三）
复习指令 ng-app:相当于一个入口，告诉angular来管理我们页面的Html代码 ng-click:用于注册点击事件 ng-model:用于进行双向数据绑定， ng-init:用于初始化数据模型 ng-controller:指向了创建的控制器。 ng-bind:也是能够绑定数据模型的值,只能作用于双标签元素 ng-cloak:利用了angular会移除所以样式名为ng-cloak的样式的特性。 ng-bind-html:用于安全的渲染html代码 ng-repeat...…
-
Angular初识（二）
Angular VS jQuery jQuery:库 封装了一些常用的方法，我们主动调用这些方法 Angular:框架 框架提供了一些结构或者模式， 我们按照框架提供的规则去写代码 然后由框架自己去执行相应的操作 思想上: jQuery: 提高了dom操作的开发效率。 Angular: 不提倡dom操作，几乎没有dom操作(底层还是操作的dom) ...…
-
Angular初识（一）
开放性讨论 为什么这几年前端行业好像突然间多了那么多东西 我们现在做的网站不再是简简单单的呈现静态页面，而是一个web应用程序。 一大批后端程序员转型为前端，大大提高了前端的水准。 Angular简介 jQuery ：库 封装了一些常用的方法，我们主动的调用这些方法提高了代码的利用，以及代码后期的维护 Angular: 前端框架 框架提供了一些结构或者模式， 我们是根据框架提供的结构或者模...…
-
前端性能优化
作者：斯迪 链接前言前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ? 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。 总之，恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利...…
-
移动端开发踩过的坑
图片大小不一，处理问题。根据实际情况，每条新闻的封面图片都是大小，长宽比例不一的，但都要放在相同大小的块中展示，如何保证它们看起来不变形，效果良好的展示。这个问题棘手在已有的数据中图片都是大小不一的，最终用以下两种方法缓解： 方案一：使用背景图片展示，将图片设置为固定大小的div块的背景，然后设置 background-position:center，这样可以将图片中间的主要内容展现出来，但缺点是遇到一些像素很高的图片只会展示中间一小部分。 方案二：将块固定长宽 o...…
