前端路由的两种实现

早期的路由都是后端实现的,直接根据 url 来 reload 页面,页面变得越来越复杂服务器端压力变大,随着 ajax 的出现,页面实现非 reload 就能刷新数据,也给前端路由的出现奠定了基础。我们可以通过记录 url 来记录 ajax 的变化,从而实现前端路由。 本文主要讲两种主流方式实现前端路由。 History API 这里不细说每一个 API 的用法,大家可以看 MDN 的文档:https://developer.mozilla.org/.. 重点说其中的两个新增的API?history.pushState?和?history.replaceState 这两个 API 都接收三个参 …

HTML5_ScrollInToView方法

如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题,浏览器实现了一下方法,以方便开发人员如何更好的控制页面的滚动。在各种专有方法中,HTML5选择了scrollIntoView()作为标准方法。 scrollIntoView()可以在所有的HTML元素上调用,通过滚动浏览器窗口或某个容器元素,调用元素就可以出现在视窗中。如果给该方法传入true作为参数,或者不传入任何参数,那么窗口滚动之后会让调动元素顶部和视窗顶部尽可能齐平。如果传入false作为参数,调用元素会尽可能全部出现在视口中(可能的话,调用元素的底部会与视口的顶部齐平)。 不过顶部不一定齐平,例如: //让元素可见 docu …

tagName和nodeName的区别

介绍DOM里常见的三种节点类型(总共有12种,如docment): 元素节点,属性节点以及文本节点,例如<h2 class=”title”>head</h2>,其中h2是元素节点,class是属性节点,head是文本节点,在这里你可以说h2这个元素节点包含一个属性节点和一个文本节点。其实几乎所有HTML的标签都是元素节点,而id, title, class等则是属性节点,而元素所包含的文本内容则是文本节点。 tagName和nodeName的语义是一样的,都是返回所包含标签的名称,例如上面的h2标签,都是返回h2,但是tagName只能在元素标签 …

JavaScript Object的属性

对象的数据属性 Configurable,Enumerable,Writable,Value 访问器属性 getter,setter   定义多个属性 Object.defineProperties 读取属性 本文链接地址: JavaScript Object的属性

Three.js 绘制 3D 图形

一、前言 Three.js 是一款 webGL(3D绘图标准,在此不赘述)引擎,可以运行于所有支持 webGL 的浏览器。Three.js 封装了 webGL 底层的 API ,为我们提供了高级的开发接口,可以使用简单的代码去实现 3D 渲染。(官网:https://threejs.org/) 二、为什么要选择Three.js? Three.js作为原生web3D引擎,对插件式 web3D引擎的优势不言而喻:不需要安装插件、在移动端支持好。 Three.js 与其他原生 web3D 引擎对比: Babylon.js:一个强大的 3D 游戏引擎,由 Microsoft 的员工 David Cat …

fis3笔记

fis3 开启相对地址 //全局或本地安装插件 npm install -g fis3-hook-relative //启用插件 fis.hook(‘relative’); //让所有文件,都使用相对路径。 fis.match(‘**’, { relative:?true?}) 本文链接地址: fis3笔记

owncloud安装记录

安装php5.5以上源 CentOS/RHEL 7.x: rpm -Uvh http://mirror.webtatic.com/yum/el7/latest.rpm CentOS/RHEL 6.x: rpm -Uvh http://mirror.webtatic.com/yum/el6/latest.rpm 安装服务 yum install httpd mod_ssl php56w php56w-gd php56w-xml php56w-mysql php56w-mbstring 下载最新版owncloud ? ? ? ?https://owncloud.org/install/ wget …

安装Webmin控制面板

1、下载相应的软件包 到http://www.webmin.com/download.html网站找最新版本,目前的最新版本为1.560,找到下载地址 wget http://ncu.dl.sourceforge.net/project/webadmin/webmin/1.560/webmin-1.560-1.noarch.rpm 2、安装软件 rpm -ivh webmin-1.560-1.noarch.rpm —-nodeps —-force 3、登录webmin http://localhost:10000本地登录或使用http://ip:10000访问, 用户名 …