随笔分类 - 前端学习
摘要：认识Ajax 全名Asynchronous Javascript and XML（异步JavaScript和XML），节省用户操作时间，提高用户体验，减少数据请求，传输获取数据。Ajax相当于前后台数据交互的搬运工 xml数据传输格式： 优点: 1. 种类丰富 2. 传输量大 缺点： 1. 解析麻烦
阅读全文
摘要：新增数组方法： 1. Array.from(): 将伪数组转化为真数组 <script> window.onload = function () { let tag_li = document.getElementsByTagName("li"); alert(tag_li.length); //
阅读全文
摘要：在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属性， 引入外
阅读全文
摘要：阴影效果： 1. CSS3中的文字阴影： text-shadow: 给文字添加阴影，阴影的默认颜色跟文字的颜色相同 x: x轴偏移的像素 y: y轴偏移的像素 blur: 阴影的模糊值，越大表示阴影越模糊 color: 阴影的颜色 text-shadow: x y color blur的格式 <!D
阅读全文
摘要：BFC规范： 格式化上下文(Formatting Context)是W3C规范中的一个概念，它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的相关和相互作用。 BFC即Block Formatting Context（块级上下文格式化），它属于上述中的其中一种
阅读全文
摘要：发展历史： 1991年八月六日，欧洲核子研究中心的科学家启动了世界上第一个可以访问的网站，从此人类宣布了互联网时代的到来，到2014年确定了HTML5标准. 1994年提出了CSS层叠样式表，知道1996年，CSS才演变成我们熟悉的样子。 HTML标签：1. strong和b标签，em和i标签 <s
阅读全文
摘要：前端完整页面设计： 1. PC端布局： 通栏：自适应浏览器的宽度 版心 ：固定一个宽度，并让容器居中 页面中需要用到的图片：(由于本人未能找到原版的图片资源，所以只是利用截屏到的图片，进行简单截图后使用，清晰度不够，单用于学习前端学习已足够) 图片资源链接：https://pan.baidu.com
阅读全文
摘要：1. 标签分类： 按照特性，对HTML标签进行分类： 按照类型可以划分为： a. block 块 div, p, ul, li h1,h2, ....h6.... 特性：独占一行；支持所有样式；不设置width的时候，跟父元素的宽度一样；所占区域是一个矩形 b. inline 内联 span, a,
阅读全文
摘要：1. CSS基础语法： 格式： 选择器{属性：值} 在html中，通过标签<style>引入CSS样式： 常用属性： width: 宽度 height: 高度 background-color: 背景色 表示长度的单位： 1.px 像素 2. % 百分比 ，由父容器的大小决定 2. 内联样式与内部样
阅读全文
摘要：1. web前端三大核心技术： HTML: 结构 CSS: 样式 JavaScript: 行为 HTML基本结构与属性： html超文本标记语言，标准通用标记下的一个应用，是网页制作的必备的编程语言。 html标签含义：http://www.html5star.com/manual/html5lab
阅读全文
摘要：1.表单设计 表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 (1) 基础表单 <!DOCTYPE html> <html lang="en"> <head> <meta
阅读全文
