摘要：
在web前端中，假设用户需要提交表单，在表单提交到服务器进一步处理之前，Javascript程序会检查表单，以确认用户输入的信息是符合规范要求的。这些工作可以使用正则表达式完成，正则表达式是一个描述字符模式的对象，ECMAscript的RegExp类表示正则表达式。在正则表达式中，定义了功能强大的【 阅读全文
摘要：
阻止默认行为和超链接 在浏览器上运行网页后，右击会弹出菜单，这属于浏览器的默认行为。如何禁止这一默认行为： <script> window.onload = function () { document.oncontextmenu = function () { return false } } < 阅读全文
摘要：
1. 什么是事件：事件是指发生并得到处理的操作 JavaScript中的事件是由访问web页面的用户引起的一系列操作，例如，用户的点击操作，JavaScript中有两种事件模型：内联模型，脚本模型。 内联模型：是一种传统简单的事件处理方法，在内联模型中，事件处理函数是HTML标签的一个属性，用于处理 阅读全文
摘要：
如何获取元素节点的属性： 在Web前端JavaScript笔记（3）对象中，介绍了访问行间属性的方法，除此之外，系统还提供了三个方法访问元素的属性： 1. setAttribute: 2. getAttribute: 3. removeAttribute: 区别： 1. class属性的访问，cla 阅读全文
摘要：
在JavaScript中没有类这个概念，只有对象，在新ECMA6新版中增加了类的概念，和数组，字符串类似，对象的声明方法也有三种： 1. 通过new运算符进行传件对象 2. 省略new运算符创建对象 3. 对象常量赋值 <script> var obj1 = new Object(); var ob 阅读全文
摘要：
字符串： 字符串的声明方式： 1. 通过new运算符声明字符串 // 声明的是对象 2. 省略new运算符 3. 字符串常量赋值 <script> var str1 = new String(2323); var str2 = String(3234); var str3 = "4234"; ale 阅读全文
摘要：
Grid网格布局： Grid布局是一个二维布局方法，横纵两个方向总是同时存在。与flex布局的语法类似，Grid布局涉及到的语法也分为两类，一类是作用在Grid容器上的，另一类是作用在grid子项上的： a. 作用在Grid容器上的语法： 1. grid-template-column: 2. gr 阅读全文
摘要：
flex弹性布局： 1. flex弹性盒模型： 随着移动互联网的发展，对布局的要求越来越高，传统的布局方案对于实现特殊布局非常的不方便，比如垂直居中，2009年W3C提出了一种新的布局方案 flex布局，可以简便，完整，响应式的实现各种页面布局。目前所有浏览器都支持这种布局方案。 <!DOCTYPE 阅读全文
摘要：
管理后台整页制： 设计一个管理后台，图标资源使用的是iconfont中的图标： 页面采用的是典型的后台管理页面布局： 页面的代码： html文件： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title< 阅读全文
摘要：
结构 ：html构建 样式：css控制 行为：JavaScript实现 什么是JavaScript？ JavaScript是一种跨平台的脚本语言，平台，即运行环境，一般指操作系统。 JS语法基础知识 <script>标签 属性： type = 'text/javascript' src属性， 引入外 阅读全文