随笔分类 -  前端

客户端技术,包括DHTML、CSS+Div、JQuery、Photoshop等
摘要:一、前端MVC概要 1.1、库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。 1.2、AMD与CMD 在传统的非模块化JavaScript开发中有许多问题:命名冲突、文件依赖、跨环境共享模块、性能优 阅读全文
posted @ 2017-12-25 15:26 张果 阅读(7771) 评论(1) 推荐(46) 编辑
摘要:一、概要 功能与内在很关键,UI与外表也重要。 1.1、选择主色调 1.1.1、三原色 三原色指色彩中不能再分解的三种基本颜色,我们通常说的三原色,即红、黄、蓝。三原色可以混合出所有的颜色,同时相加为黑色,黑白灰属于无色系。 1.1.2、RGB RGB色彩模式是工业界的一种颜色标准,是通过对红(R) 阅读全文
posted @ 2017-11-20 11:09 张果 阅读(751) 评论(0) 推荐(3) 编辑
摘要:一、概要 这份汇总整理,很程度上参考了GitHub最全前端资源汇总;云集前端教程、开发资源、免费书籍、手册规范、求职面试等等,旨在为前端学习 & 技能提升提供方便。当然,并不期望这成为一个前端武学收藏夹;毕竟,只有自己掌握,才是真正拥有;况且前端发展如火如荼,日新月异。这里会尽量保持探索 & 学习 阅读全文
posted @ 2017-11-15 11:28 张果 阅读(12694) 评论(18) 推荐(91) 编辑
摘要:去年八月时要做一个OA系统为了后台界面而烦恼,后来写了一篇博客(《后台管理UI的选择》)介绍了选择过程与常用后台UI,令我想不到的时竟然有许多开发者与我一样都为这个事情而花费不少时间,最后界面效果还是不佳;还好这个OA系统已经基本交付给客户在使用了,但登录界面还是非常难看,这几天花时间修改了一下,感 阅读全文
posted @ 2017-03-20 10:35 张果 阅读(22797) 评论(692) 推荐(201) 编辑
摘要:前一段时间录了一套关于jQuery的视频分享给大家,可以在下载区下载到,本来想配合文字一起的,后面发现视频+帮助文档也是非常好的学习方法。 一、jQuery简介与第一个jQuery程序 1.1、jQuery简介 jQuery是继Prototype之后又一个优秀的JavaScript库,是一个由Joh 阅读全文
posted @ 2017-03-17 09:25 张果 阅读(10698) 评论(13) 推荐(79) 编辑
摘要:这章的目的是为了把前面所学习的内容整合一下,这个示例完成一个简单图书管理模块,因为中间需要使用到Bootstrap这里先介绍Bootstrap。 示例名称:天狗书店 功能:完成前后端分离的图书管理功能,总结前端学习过的内容。 技术:NodeJS、Express、Monk、MongoDB、Angula 阅读全文
posted @ 2017-01-12 08:37 张果 阅读(4904) 评论(12) 推荐(22) 编辑
摘要:一、服务 AngularJS功能最基本的组件之一是服务(Service)。服务为你的应用提供基于任务的功能。服务可以被视为重复使用的执行一个或多个相关任务的代码块。 AngularJS服务是单例对象,这意味着只有一个实例被创建过,服务使用AngularJS的依赖注入机制来定义和注册。 可以把服务注入 阅读全文
posted @ 2017-01-09 08:34 张果 阅读(3874) 评论(4) 推荐(8) 编辑
摘要:一、前端MVC概要 1.1、库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。AngularJS是框架而jQuery则是库。 1.2、AMD与CMD 在传统的非模块化JavaScript开发中有许多问题:命名冲突、文件依赖、跨环境共享 阅读全文
posted @ 2017-01-02 08:32 张果 阅读(4252) 评论(8) 推荐(18) 编辑
摘要:一、题目要求 1、请实现“https://channel.jd.com/fashion.html”超值购部分内容。 2、使用CSS+DIV实现页面布局,页面居中,文字颜色效果要求一致。40分 3、鼠标悬停时的动画效果。10分 4、“进入查看”标签与样式。10分 5、定义一个javascript数组, 阅读全文
posted @ 2016-12-30 13:37 张果 阅读(21372) 评论(9) 推荐(4) 编辑
摘要:这章的目的是为了把前面所学习的内容整合一下,这个示例完成一个简单图书管理模块,因为中间需要使用到Bootstrap这里先介绍Bootstrap。 示例名称:天狗书店 功能:完成前后端分离的图书管理功能,总结前端学习过的内容。 技术:NodeJS、Express、Monk、MongoDB、Angula 阅读全文
posted @ 2016-12-29 15:31 张果 阅读(7704) 评论(3) 推荐(8) 编辑
摘要:jQuery插件就是以jQuery库为基础衍生出来的库,jQuery插件的好处是封装功能,提高了代码的复用性,加快了开发速度,现在网络上开源的jQuery插件非常多,随着版本的不停迭代越来越稳定好用,在jQuery官网有许多插件: jQuery1.9.1版源代码中文注释 一、插件开发基础 1.1、$ 阅读全文
posted @ 2016-12-28 08:29 张果 阅读(3437) 评论(19) 推荐(19) 编辑
摘要:一、this 在JavaScript中this表示:谁调用当前函数this就指向谁,不知道调用者时this指向window。 JavaScript是由对象组成的,一切皆为对象,万物皆为对象。this是一个动态的对象,根据调用的对象不同而发生变化,当然也可以使用call、apply修改this指向的对 阅读全文
posted @ 2016-12-26 08:35 张果 阅读(3739) 评论(17) 推荐(30) 编辑
摘要:一、MongoDB MongoDB是开源,高性能的NoSQL数据库;支持索引、集群、复制和故障转移、各种语言的驱动程序丰富;高伸缩性;MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和 阅读全文
posted @ 2016-12-23 11:06 张果 阅读(42081) 评论(5) 推荐(32) 编辑
摘要:一、简介 Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。 能方便地搭建响应速度快、易于扩展的网络应用,N 阅读全文
posted @ 2016-12-21 15:09 张果 阅读(94396) 评论(20) 推荐(87) 编辑
摘要:一、闭包(Closure) 1.1、闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9;方法:找到所有的div,for循环绑定事件。 示例代码: 运行结果: 因为点击事件的函数内部使用外部的变量i一直在变化,当我 阅读全文
posted @ 2016-12-21 08:35 张果 阅读(4394) 评论(14) 推荐(32) 编辑
摘要:一、AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术、改善用户体验,实现无刷新效果。 1.1、优点 不需要插件支持 优秀的用户体验 提高Web程序的性能 减轻服务器和带宽的负担 1 阅读全文
posted @ 2016-12-19 08:27 张果 阅读(6719) 评论(10) 推荐(38) 编辑
摘要:一、浏览器兼容 1.1、概要 世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运行平台还存在差异、屏幕分辨率不一样,大小不一样,比例不一样。兼容性主要考虑三方面: 1)、CSS兼容 阅读全文
posted @ 2016-12-14 08:29 张果 阅读(10879) 评论(6) 推荐(29) 编辑
摘要:一、jQuery Mobile jQuery Mobile 是jQuery在移动设备上的版本,做为主要针对移动设备的框架来说,它提供一个移动设备平台统一的接口来兼容不同的移动平台,其特性包括:1.简单易用2.渐进增强和优雅降级3.Accessibility4.小规模5.主题设置6.跨平台 官网:ht 阅读全文
posted @ 2016-12-12 11:05 张果 阅读(6355) 评论(0) 推荐(0) 编辑
摘要:CSS不像其它高级语言一样支持算术运算、变量、流程控制与面向对象特性,所以CSS样式较多时会引起一些问题,如修改复杂,冗余,某些别的语言很简单的功能实现不了等。而javascript则是一种半面向对象的动态语言,有java的影子,有C的味道,中间有比其它语言多的糟粕,使用预处理办法可以解决这些问题。 阅读全文
posted @ 2016-12-12 08:28 张果 阅读(7148) 评论(7) 推荐(19) 编辑
摘要:CSS3在CSS2.1的基础上新增加了许多属性,这里选择了较常用的一些功能与大家分享,帮助文档中有很详细的描述,可以在本文的示例中获得帮助文档。 一、阴影 1.1、文字阴影 text-shadow<length>①: 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 <length>②: 第2个 阅读全文
posted @ 2016-12-08 08:30 张果 阅读(6243) 评论(5) 推荐(24) 编辑

AmazingCounters.com