登录注册
京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

Xebcnor

  • 接口设计

    用户使用 Web 客户端访问 Web 系统，系统在收到请求后执行操作（收集数据模型，选择数据经行组装），将结果返回给客户。

    Xebcnor
    接口， 设计， 前端， 开发， 笔记本

  • 协作流程

    Web 系统Web 系统部署在服务器上为提出不同需求的外部客户端服务。MVC (Model, View, Controller) 它们分别代表数据层，视图层，和控制层。数据层，封装数据管理操作（例如数据的 CRUD ）视图层，展示数据模型提供人机交互控制层，处理用户请求，委托数据层，选择视图层进行展示NOTE：CRUD 代表 Create、Read、Update、Delete。

    Xebcnor
    协作， 流程， 前端， 开发， 笔记本

  • 产品前端架构

    专注于引导前端工程师去主导团队高效协作，去引领团队规范化、工程化构建复杂系统的实践过程。本章节的核心内容包括多角色低耦合的协作流程、协作规范、多角度分析选择适合具体项目的技术解决方案、工程化的版本管理、系统构建案例分析。

    Xebcnor
    产品， 前端， 架构， 开发， 笔记本

  • 页面模块化

    规范在具体谈论规范的之前，可以下去查看下各大网络公司的前端开发规范（Developemnt Style Guide）例如谷歌，Facebook 或者 Dropbox。从而更好的理解开发规范在实际应用中和多人协作中的重要性。不同开发者在开发过程中使用不同的代码风格会直接的提升在之后的开发和维护的成本和难度，对前端开发来说更是尤为突出。

    Xebcnor
    页面， 模块化， 前端， 开发， 笔记本

  • 页面优化

    页面优化可以提升页面的访问速度从而提高用户体验，优化的页面可以更好的提升 SEO 的效果同时也可以提高代码的可读性和维护性。

    Xebcnor
    页面， 优化， 前端， 开发， 笔记本

  • 响应式布局

    多屏的环境让我们不得不考虑网络内容在各个尺寸中的表现，均可正常访问和极佳的用户体验。响应式布局可以更具屏幕尺子的大小对内容和布局做出适当的调成，从而提供更好的用户感受。也是因为响应式布局的出现，开发者也无需对不同尺寸设备而特殊定制不同的页面，这大大降低了开发成本和缩短了开发时间。这样的方法也同样存在着缺点。

    Xebcnor
    响应式， 布局， 前端， 开发， 笔记本

  • 布局解决方案

    了解 CSS 中属性的值及其特性， 透彻分析问题和需求才可以选择和设计最适合的布局解决方案。居中布局水平居中子元素于父元素水平居中且其（子元素与父元素）宽度均可变。inline-block + text-align<div class="parent"> <div class="child">Demo</div></div><style> .child { display: inline-block; } .

    Xebcnor
    布局， 解决方案， 前端， 开发， 笔记本

  • CSS Reset

    所有的 HTML 标签在没有设置样式时均被浏览器默认的样式列表所装饰（不同浏览器默认样式有所不同）。CSS 的样式重置就是清楚浏览器的默认样式，可以理解为对于全局的样式定义。对于开发者来言，如不重置每一个浏览器特定的默认样式，则会在开发造成诸多的不便。在前端开发过程中做加法，远远比做减法简单。将所有浏览器的默认样式统一，可以使它们有一个相同起点。

    Xebcnor
    css， reset， 前端， 开发， 笔记本

  • 页面架构

    页面架构从实际需求出发，提供多种需求的多种解决方案和优缺点，各种页面优化方案以及如何为团队或产品制定规范等，帮助你完成产品的页面架构，进一步提升前端页面技术。本章包括布局解决方案、响应式、页面优化、规范与模块化等。

    Xebcnor
    页面， 架构， 前端， 开发， 笔记本

  • 列表操作

    列表的常用形式有图片形式与信息形式的，常见的有如下的操作：显示列表选择列表项新增列表项删除列表项更新列表项范例代码数据结构[ { "id": 22341234, "name": "Good Song", "album": { "id": 213512, "name": "Good Album" }, "artist":{ "id": 1234512, "name": "Evil Artist" } }]显示列表列表容器…

    Xebcnor
    列表， 操作， 前端， 开发， 笔记本

  • 表单操作

    表单为页面的主要组成部分，其中包含许多的表单控件。用户通过控件提供数据并提交给服务器，服务器则做出相应的处理。而编写一个正常工作的表单需要三个部分：构建表单服务器处理（提供接受数据接口）配置表单构建表单<form> <p><label>姓名：<input></label></p> <p><label>电话：<input type="tel"><

    Xebcnor
    表单， 操作， 前端， 开发， 笔记本

  • JavaScript 动画

    帧，为动画的最小单位，一个静态的图像。帧频，每秒播放的帧的数量。一个动画是由很多帧组成的，因为人眼的暂留特性，当图片交替的速度大于每秒 30 帧以上既有动画的感觉。实现方式gif 图像形式存储，容量大，需第三方制图工具制作。flash 需要第三方制作工具，不推荐。

    Xebcnor
    javascript， 动画， 前端， 开发， 笔记本

  • 数据存储

    Cookie浏览器中的 Cookie 是指小型文本文件，通常在 4KB 大小左右。（由键值对构成用 ; 隔开）大部分时候是在服务器端对 Cookie 进行设置，在头文件中 Set-Cookie 来对 Cookie 进行设置。页面可以访问当前页的 Cookie 也可以访问父域的 Cookie。

    Xebcnor
    数据， 存储， 前端， 开发， 笔记本

  • 数据通信

    HTTPHTTP 为一个通信协议。HTTP 客户端发起请求并创建端口。HTTP 服务器在端口监听客户端的请求。HTTP 服务器在收到请求后则返回状态和所请求的内容。

    Xebcnor
    数据通信， 前端， 开发， 笔记本

  • BOM

    BOM 为浏览器窗口对象的一组 API。BOM 结构图属性属性名描述navigator浏览器信息location浏览器定位和导航history窗口浏览器历史screen屏幕信息navigatornavigator.userAgentChrome, Mozilla/5.0(Windows NT 6.1; WOW64) Apple WebKit/37.36 (KHTML, like Gecko) Chrome/40.0.2214.115 Safari/537.36Firefox, Mozilla/5.0(Windows NT 6.1;

    Xebcnor
    bom， 前端， 开发， 笔记本

  • Canvas

    Mozilla 官方 <canvas> 教程在这里。画布 <canvas> 的默认宽高为 300 与 150 ，但是同样可以使用 CSS 设定宽高。但因为 CSS 与 JavaScript 在渲染工程中有速度的差异，所以不建议使用 CSS 对 <canvas> 的宽高做设定。<canvas id="canvasId" width="300" height="150"></canvas>渲染上下文对象下面的 ctx 即为渲染上下文对象。

    Xebcnor
    canvas， 前端， 开发， 笔记本

  • 多媒体

    HTML5 前的多媒体需要借助第三方插件，例如 Flash，但是 HTML5 将网页中的多媒体带入了新的一章。基本用法// 音频// 指定资源类型可以帮助浏览器更快的定位解码<audio autobuffer autoloop loop controls> <source src="/media/audio.mp3" type="audio/mpeg"> <source src="/media/audio.oga"> <source src="/media/audio.wav"> <

    Xebcnor
    多媒体， 前端， 开发， 笔记本

  • DOM 事件

    何为 DOM 事件，HTML DOM 使JavaScript 有能力对 HTML 事件做出反应。（例如，点击 DOM 元素，键盘被按，输入框输入内容以及页面加载完毕等）事件流一个 DOM 事件可以分为捕获过程、触发过程、冒泡过程。DOM 事件流为 DOM 事件的处理及执行的过程。下面以一个<a>元素被点击为例。

    Xebcnor
    dom， 事件， 前端， 开发， 笔记本

  • 样式操作

    通过 JavaScript 动态修改页面样式。CSS 对应 DOM 对象<link rel="stylesheet" type="text/css" href="sample.css">// var element = document.querySelector('link');// 对应于 element.sheet<style type="text/css" media="screen"> body { margin: 30px }</style>// var element = document.querySelector('style');

    Xebcnor
    样式， 操作， 前端， 开发， 笔记本

  • 属性操作

    HTML 属性与 DOM 属性的对应每个 HTML 属性都会对应相应的 DOM 对象属性。<div> <label for="username">User Name: </label> <input type="input" name="username" id="username" class="text" value=""></div>input.id; // 'username'input.type; // 'text'input.className; // 'text'label.htmlFor;

    Xebcnor
    属性， 操作， 前端， 开发， 笔记本
上一页 下一页

个人简介

  1. Xebcnor

  2. 前端学习 GO GO GO

  3. 获得 22643 积分

  4. https://nowjava.com/creator/10010

热门标签

关注时代Java

Copyright © 2014-2024NowJava. All Rights Reserved. 时代Java 版权所有 京ICP备14059627号-7

关注时代Java