web前端入门

本页是关于频道"web前端入门"的所有博文，按照时间倒序展现。实时更新。

总数 13 第 1/2 页

从技术角度看产品：「web前端」认知入门

产品壹佰 • 7年前

拿到一个网站，无论是PC端还是移动端，你知道它运用了哪些前端技术吗？你知道它的性能是怎么样吗？你知道哪些是原生的控件吗？接下来，我们就简单讲讲怎样从技术的角度看产品。一、布局1、固定布局固定布局是指随着浏览器的宽度变大变小，页面的整体布局不会发生改变。如果浏览器宽度小于页面宽度，就会出现滚动条。如下图：2、弹性布局弹性

React入门：关于JSX语法 – WEB前端开发

Web前端开发 • 9年前

JSX语法，像是在Javascript代码里直接写XML的语法，实质上这只是一个语法糖，每一个XML标签都会被JSX转换工具转换成纯Javascript代码，React 官方推荐使用JSX，当然你想直接使用纯Javascript代码写也是可以的，只是使用JSX，组件的结构和组件之间的关系看上去更加清晰。看代码：

React入门：关于虚拟DOM（Virtual DOM） – WEB前端开发

Web前端开发 • 9年前

Virtual DOM 是一个模拟 DOM 树的 JavaScript 对象。 React 使用 Virtual DOM 来渲染 UI，当组件状态 state 有更改的时候，React 会自动调用组件的 render 方法重新渲染整个组件的 UI。 React 主要的目标是提供一套不同的, 高效

React入门：关于虚拟DOM（Virtual DOM） – WEB前端开发

Web前端开发 • 9年前

Virtual DOM 是一个模拟 DOM 树的 JavaScript 对象。 React 使用 Virtual DOM 来渲染 UI，当组件状态 state 有更改的时候，React 会自动调用组件的 render 方法重新渲染整个组件的 UI。 React 主要的目标是提供一套不同的, 高效

React入门：关于JSX语法 – WEB前端开发

Web前端开发 • 9年前

JSX语法，像是在Javascript代码里直接写XML的语法，实质上这只是一个语法糖，每一个XML标签都会被JSX转换工具转换成纯Javascript代码，React 官方推荐使用JSX，当然你想直接使用纯Javascript代码写也是可以的，只是使用JSX，组件的结构和组件之间的关系看上去更加清晰。看代码：

React入门：hello wrold – WEB前端开发

Web前端开发 • 9年前

React是由Facebook开源的一个专注于“前端UI渲染“的JavaScript框架。它的重心是我们一般所说的MVC开发模式中的”V”,而这些得益于React所提供的一种虚拟DOM的概念。简单的hello wrold直接上手，看代码： <!DOCTYPE html> <html>

Underscore.js 入门 – WEB前端开发

Web前端开发 • 10年前

Underscore封装了常用的JavaScript对象操作方法，用于提高开发效率。它本身与我们介绍的主题“Backbone”没有半毛钱的关系，因此你可以完全不理会“Backbone”的概念来学习它，或将它单独运用到任何一个页面。（另外，Underscore还可以被使用在Node.js运行环境。）在学习Under

跨平台移动框架iMAG开发入门 – WEB前端开发

Web前端开发 • 10年前

iMAG是一个非常简洁高效的移动跨平台开发框架，开发一次可以同时兼容Android和iOS平台，有点儿Web开发基础就能很快上手。当前移动端跨平台开发的框架有很多，但用iMAG还有一个好处，就是用iMAG开发出的App是原生的。iMAG采用XML + JavaScript（配置 + 脚本）的开发方式，它的原理是将符合i

jQuery插件开发入门 – WEB前端开发

Web前端开发 • 10年前

扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。入门编写一个jQuery插件开始于给jQuery.fn加入新的功能属性，此处添加的对象属性的名称就是你插件的名称：jQuery.fn.myPlugin = function(){

jQuery插件开发入门 – WEB前端开发

Web前端开发 • 10年前

扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。入门编写一个jQuery插件开始于给jQuery.fn加入新的功能属性，此处添加的对象属性的名称就是你插件的名称：jQuery.fn.myPlugin = function(){