前台开发总结13—

一、JS中使用数组的sort()可以对数组进行排序，Array.sort();默认是按照递增的顺序排列的。

若需要按递减的顺序排序，可以对sort进行重写

cosole.log([4,7,2,9,1,6].sort(function(a,b){return b-a;
}));

二、系统架构包含技术架构、功能架构、部署架构、数据架构。国内的系统架构中往往包含了功能架构。

三、HTML中的某些元素会具有自身属性，例如body、ul、li，它们都具有一些默认的内外边距，为了更好的兼容各浏览器，建议将元素的自带属性去除掉，自己定义。

四、生成长度为100，值为0的数组

Array.prototype.fill.call(new Array(100),0);

五、多背景

在样式的background属性中，使用逗号将不同的背景图片导进来，从而实现多张背景图片
background:url("images/bg1.png") repeat-x,url("images/bg2.png");

六、position:fixed;的应用

已知设置元素的样式为 position:fixed; 后，元素会相对于浏览器窗口定位，从而实现侧边栏等页面效果。同时，你可以为该元素设置width:100%;height:100%;。因为元素是相对于浏览器窗口的，所以此时该元素会充满整个页面。

七、JS垃圾回收机制，通过标记清除（主流浏览器）和引用计数（低版本IE浏览器）的方式，

八、使用jQuery的animate方法，不仅可以设置CSS属性的动态效果，而且设置诸如scrollTop等DOM对象属性

$(selector).animate(styles,speed,easing,callback);
$().animate({width:'+=100px'},1000);
//点击目录跳转到当前页的对应区域
$("a.page-scroll").click(function () {$(this).parents().addClass("active").siblings().removeClass("active");if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {var target = $(this.hash);target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');if (target.length) {$('html,body').animate({scrollTop: target.offset().top - 40}, 900);return false;}}});

备注：<a>元素中的href属性，可以像地址栏一样，通过href、hostname等属性获取相应的值，this.href获取的便是a元素的href属性

九、使用background-attachment可以固定图片在当前窗口，不随页面的滚动而移动。

可以实现两种效果：
1、背景图片不动，鼠标滑轮滚动，实现图片上的文字滚动而图片不动。
2、在页面中有一张图片（通常在页面的开头，导航栏的下方），鼠标滚动页面，图片不动，只是从下到上隐藏、显示图片，示例： http://demo.cssmoban.com/cssthemes4/dstp_1_tf-free3/index.html

前台开发总结13——20180419相关推荐

gwt前台开发_为GWT设置开发环境
gwt前台开发介绍这是旨在用Java开发跨平台移动应用程序的系列文章的一部分 . 在此博客文章中,我们将了解GWT是什么,并为GWT设置开发环境. GWT是一个开源开发工具包,用于开发基于浏览器的 ...
WEB网页设计前端(前台)开发的常用工具推荐
WEB网页设计前端(前台)开发的常用工具推荐最近我在搞网页设计,包括网站建设的前台界面设计和JS代码的编写,弄一个JS的时候把我给郁闷了,在寻找JS如何通过子节点操作父节点的时候找到了以下免费的网站 ...
Java后端服务器点餐系统的部署+前端微信小程序开发（13）
Java后端服务器点餐系统的部署+前端微信小程序开发(13) 编译运行小程序 1,本地调试这和你上面java的运行要保持一致,如果是本地的java项目运行你就用 localhost 后台Java直接 ...
前台开发技术那些事儿
边抽烟边写文章的时候感觉自己像个作家而不是一个软件工程师,很多人问我前台技术怎么才能学好,也有很多人不屑于前台展现技术认为那些低技术含量的.5年前也许是这样,10年前我也不知道是什么样子,因为我自己也 ...
GD32F303固件库开发（13）----定时器TIM捕获PWM测量频率与占空比
GD32F303固件库开发.13----定时器TIM捕获PWM测量频率与占空比概述视频教学 csdn课程样品申请生成例程 keil配置使能串口串口重定向占空比与频率计算 GPIO初始化 ...
微信公众号开发系列-13、基于RDIFramework.NET框架整合微信开发应用效果展示
微信公众号开发系列-13.基于RDIFramework.NET框架整合微信开发应用效果展示 1.前言通过前面一系列文章的学习,我们对微信公众号开发已经有了一个比较深入和全面的了解. 微信公众号开发为 ...
用c#开发微信 (13) 微统计 - 阅读分享统计系统 3 UI设计及后台处理
微信平台自带的统计功能太简单,有时我们需要统计有哪些微信个人用户阅读.分享了微信公众号的手机网页,以及微信个人用户访问手机网页的来源:朋友圈分享访问.好友分享消息访问等.本系统实现了手机网页阅读.分享 ...
【华为云实战开发】13.如何在云端快速搭建python网站
1 概述 1.1 文章目的本文主要想为研发Python项目的企业或个人提供上云指导,通过本文中的示例项目 "AI物体检测",为开发者提供包括项目管理,代码托管,代码检查,编译构建 ...
安卓作业----慕课移动应用开发作业13之使用自定义RecyclerView.ItemDecoration实现列表悬浮顶部效果
此博客通过RecyclerView.TextView等进行界面布局,使用自定义RecyclerView.Adapter.RecyclerViewAdapter.ViewHolder以及自定义Recyc ...

前台开发总结13——20180419