与用户进行友好交互的前端的创建

这里重点说的是JavaScript的特效制作,其次是对总的前端知识的理解,即: html CSS JavaScript还应该包括jquery等知识。

先说一下,所谓的前端,在我这里认为是应该不包括美工的,准确的说就是前台的工作,虽然从某种意义上说,后台的业务逻辑相比前端的制作更为重要,但是,良好的用户交互在当今社会先得越来越重要,另外还有页面的自适应等都是要自己去深入理解的。

首先,像MVC一样,把前端的脚本也可以分为三层,我的理解: 1: 结构     2: 样式    3: 行为

1:结构 : 这个是要html独立完成的工作。

2:样式:可以显而易见,层叠样式表CSS的独特作用了。

3:行为:为何要有行为,JavaScript的功能精髓就是选择节点,进行特效

我之所以把这些分开是有原因的,因为在我之前学习的一开始,一般都是这样的,如html代码和css还有JavaScript全部混合在一起,如html里面有一个

bgcolor是背景色的意思,但在CSS里面就不行,要用background-color,面临这一个选择问题,可以互不犹豫的说,关于样式的,同意用CSS来说,文档

结构的,要用html来写,同样的JavaScript只用来做行为。

还有一点就是,html css 还有 JavaScript做单文件引入的方式来写,这样有利于维护和开发。

JavaScript,我觉得其精髓还是其选择器对于节点的操作,这样通过改变节点的属性等从而产生单一意义上的动态,(真正的动态是要还服务器发生关系的)

还有的是因为javascript的发展,产生了如jquery的东西,这说明的问题就是,javscript的应用越来越多。

Ajax作为WEB2.0时代的核心技术之一,无论在开发还是公司面试都是必不可少的,如果说不学习JavaScript,学Ajax,那简直是笑话,因为Ajax就是利用JavaScript来异步处理数据的,值作为基础的。

这三样东西都学完会了难道就说自己学会前端了吗,显然是不可能的,还有很多东西,有的还要牵扯到数据的交换和处理。

作为一个后台开发人员,从某种意义上说虽然可以不用太刻意去学习前端,但是作为后台,清楚的了解前台的开发对自己的开发是有非常大的帮助的。

时间: 2024-08-27 21:02:49

与用户进行友好交互的前端的创建的相关文章

Java 用户资料完整度的前端显示(思路)

序 经常上网的人都会很熟悉今天的这个主题,怎么说呢,用户资料,是在我们注册一个网站的时候,需要注册人填写的一些个人信息,这些个人信息会经过加密处理后存储到不同的服务器.那么完整度是什么呢?显而易见,完整度就是网站列出的条目,以及注册人填写的资料的条目的对比度,用户填写了几条,还有几条没有填写(这里只是有效数据).可以通过这个完整度让用户一目了然,完善自己的用户资料. 背景 简单说一下背景,近几天,公司的设计部给提了几个新的需求,当然,这就是其中的一个(要不也就不在这废话了(*^__^*) 嘻嘻)

Java 用户资料完整度的前端显示(实现)

序 上一篇文章已经说了说大概的思路,这一篇文章主要就是对于第一种思路的实现,进行详细的说明.关于用户资料完整度的请求流程,这里就不再多说了,如果不了解的可以去看上一篇文章<Java 用户资料完整度的前端显示(思路)>. 正文 前边也说了,我这里采用的是第一种方案,前端使用 Bootstrap 的进度条组件显示百分比,后台读取权重并计算信息完整度,并将计算的结果返回给前端,供页面显示.方案很简单,下面具体来看代码. 前端 CSS <link href="static/sc/css

三、Java基础工具(1)_常用类——用户和程序交互

2018-05-12 用户和程序交互 程序接受用户的输入数据,有以下三种方式 一.main方法接受参数 二.Console 三.Scanner类 原文地址:https://www.cnblogs.com/sunNoI/p/9029906.html

微信小程序用户身份-微信小程序前端开发工具

一个团队进行小程序的开发,那么团队成员的身份管理是很有必要的. 管理员可在小程序管理后台统一管理项目成员(包括开发者.体验者及其他成员).设置项目成员的权限,包括:开发者/体验者权限.登录小程序管理后台.开发管理.查看小程序数据分析等. 管理入口位于:小程序管理后台 - 用户身份 – 成员管理 权限 说明 开发者权限 可使用小程序开发者工具及开发版小程序进行开发 体验者权限 可使用体验版小程序 登录 可登录小程序管理后台,无需管理员确认 数据分析 使用小程序数据分析功能查看小程序数据 开发管理

Android EditText输入最大长度限制如何给用户以友好的提示

我们知道EditText有个属性android:maxLength="xxx" ,可以设置EditText的最大长度. 也可以用如下代码设置长度,editText.setFilters( new  InputFilter[]{ new  InputFilter.LengthFilter( 50 )}); 然后我写个小示例,xml布局如下: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/an

用户故事驱动的敏捷开发 – 2. 创建backlog

本系列的第一篇[用户故事驱动的敏捷开发 – 1. 规划篇]跟大家分享了如何使用用户故事来帮助团队创建需求的过程,在这一篇中,我们来看看如何使用这些用户故事和功能点形成产品backlog.产品backlog是敏捷开发中用来管理需求列表,排定优先级,形成迭代计划,组织开发/测试和交付过程的工具.可以说,产品backlog是一个敏捷团队管理开发过程的核心,所有的活动和交付物都围绕backlog来进行.一旦需求明确,我们就必须在开发过程中持续的跟踪backlog内容的实现和交付过程,确保我们的想法可以按

JavaWeb网上图书商城完整项目--21.用户模块各层相关类的创建

1.现在要为user用户模块创建类 用户模块功能包括:注册.激活.登录.退出.修改密码. User类对照着t_user表来写即可.我们要保证User类的属性名称与t_user表的列名称完全相同. 我们来创建User类 package com.weiyuan.goods.user.domian; public class User { private String uid; //主键 private String loginname;// 登陆名称 private String loginpass

【一个小坑】Mysql 用户、权限和密码。(创建的用户无法登入)

Mysql Version: Mysql 5.6. Mysql 中 用户的权限,不仅跟用户相关,还和用户的登入密码(口令)相关. 比如以下语句: 创建用户 create user 'name'@'localhost' identified by 'password'. 授权: grant all on database.* to username. 这样的语句,你用name + password登入Mysql 会被拒绝. 应该养成好的习惯. grant all on database.* to

Oracle12c:安装后新建用户及其默认表空间,并创建表测试

环境: 操作系统:Windows Server2008 R2 X64 Oracle版本:12c 如何安装? -- oracle 12c在oracle linux 6.6 x64上的安装 -- Windows x64位下完美安装winx64_oracle_12c_database 如何使用DataBase Cofiguration Assistant 创建数据库? -- oracle12c dbca方式创建数据库实例(多图) 如何使用PL/SQL Developer连接? -- PL/SQL De