前端学习
Alpha205
非计算机专业,学过的东西,做一点记录
展开
-
Web前端Javascript笔记(8)Ajax前后端交互
认识Ajax 全名Asynchronous Javascript and XML(异步JavaScript和XML),节省用户操作时间,提高用户体验,减少数据请求,传输获取数据。Ajax相当于前后台数据交互的搬运工xml数据传输格式:优点:1. 种类丰富2. 传输量大缺点:1. 解析麻烦2. 不太适合轻量级数据json数据传输格式:(移动端)优点:1...原创 2020-04-01 14:07:47 · 230 阅读 · 0 评论 -
Web前端JavaScript笔记(7)ECMA6新增数组方法
新增数组方法:1. Array.from(): 将伪数组转化为真数组<script> window.onload = function () { let tag_li = document.getElementsByTagName("li"); alert(tag_li.length); ...原创 2020-03-31 13:52:01 · 188 阅读 · 0 评论 -
Web前端Javascript笔记(6)正则表达式
在web前端中,假设用户需要提交表单,在表单提交到服务器进一步处理之前,Javascript程序会检查表单,以确认用户输入的信息是符合规范要求的。这些工作可以使用正则表达式完成,正则表达式是一个描述字符模式的对象,ECMAscript的RegExp类表示正则表达式。在正则表达式中,定义了功能强大的【模式匹配】,【文本检索】,【替换】函数。正则表达式创建: ig忽略大小写和全...原创 2020-03-30 20:41:39 · 357 阅读 · 0 评论 -
Web前端JavaScript笔记(5)事件-拖拽
阻止默认行为和超链接在浏览器上运行网页后,右击会弹出菜单,这属于浏览器的默认行为。如何禁止这一默认行为:<script> window.onload = function () { document.oncontextmenu = function () { return false ...原创 2020-03-29 09:43:54 · 510 阅读 · 0 评论 -
Web前端Javascript笔记(5)事件
1. 什么是事件:事件是指发生并得到处理的操作JavaScript中的事件是由访问web页面的用户引起的一系列操作,例如,用户的点击操作,JavaScript中有两种事件模型:内联模型,脚本模型。内联模型:是一种传统简单的事件处理方法,在内联模型中,事件处理函数是HTML标签的一个属性,用于处理指定事件。特点:是和html代码混写在一起的。脚本模型:将事件绑定与HTML代码分离开来:...原创 2020-03-27 15:22:22 · 455 阅读 · 0 评论 -
Web前端JavaScript笔记(4)节点
如何获取元素节点的属性:在Web前端JavaScript笔记(3)对象中,介绍了访问行间属性的方法,除此之外,系统一共提供了三个方法访问元素的属性:1. setAttribute:2. getAttribute:3. removeAttribute:区别:1. class属性的访问,class与className的区别2. 行间的自定义属性,例如在 div中自定义...原创 2020-03-26 14:20:22 · 225 阅读 · 0 评论 -
Web前端JavaScript笔记(3)对象
在JavaScript中没有类这个概念,只有对象,在新ECMA6新版中增加了类的概念,和数组,字符串类似,对象的声明方法也有三种:1. 通过new运算符进行传件对象2. 省略new运算符创建对象3. 对象常量赋值<script> var obj1 = new Object(); var obj2 = Object(); ...原创 2020-03-25 13:38:28 · 231 阅读 · 0 评论 -
Web前端JavaScript笔记(2)字符串
字符串:字符串的声明方式:1. 通过new运算符声明字符串 // 声明的是对象2. 省略new运算符3. 字符串常量赋值<script> var str1 = new String(2323); var str2 = String(3234); var str3 = "4234"; a...原创 2020-03-24 12:54:06 · 265 阅读 · 0 评论 -
Web前端笔记(10)Grid布局
Grid网格布局:Grid布局是一个二维布局方法,横纵两个方向总是同时存在。与flex布局的语法类似,Grid布局涉及到的语法也分为两类,一类是作用在Grid容器上的,另一类是作用在grid子项上的:a. 作用在Grid容器上的语法:1. grid-template-column:2.grid-template-row:1.2主要是对网格进行划分,形成二维布局,单位可以是像素...原创 2020-03-23 15:45:59 · 1609 阅读 · 0 评论 -
Web前端笔记(9) flex布局
flex弹性布局:1. flex弹性盒模型: 随着移动互联网的发展,对布局的要求越来越高,传统的布局方案对于实现特殊布局非常的不方便,比如垂直居中,2009年W3C提出了一种新的布局方案---flex布局,可以简便,完整,响应式的实现各种页面布局。目前所有浏览器都支持这种布局方案。<!DOCTYPE html><html lang="en"><...原创 2020-03-23 11:05:59 · 258 阅读 · 0 评论 -
Web前端笔记(8) 管后台理页面
管理后台整页制:设计一个管理后台,图标资源使用的是iconfont中的图标:原创 2020-03-22 15:05:32 · 699 阅读 · 0 评论 -
Web前端 Javascript笔记(1)数组
结构 :html构建样式:css控制行为:JavaScript实现什么是JavaScript?JavaScript是一种跨平台的脚本语言,平台,即运行环境,一般指操作系统。--------------------------------------------------------------------------------------------------------...原创 2020-03-21 13:53:40 · 404 阅读 · 0 评论 -
Web前端笔记(7)
阴影效果:1. CSS3中的文字阴影:text-shadow: 给文字添加阴影,阴影的默认颜色跟文字的颜色相同x: x轴偏移的像素y: y轴偏移的像素blur: 阴影的模糊值,越大表示阴影越模糊color: 阴影的颜色 text-shadow: x y color blur的格式<!DOCTYPE html><html lang="e...原创 2020-03-20 16:43:47 · 237 阅读 · 0 评论 -
Web前端笔记(6)
BFC规范: 格式化上下文(Formatting Context)是W3C规范中的一个概念,它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的相关和相互作用。 BFC即Block Formatting Context(块级上下文格式化),它属于上述中的其中一种规范,具有BFC特性的元素可以看作是隔离了的独立容器,容器里面的元素不会...原创 2020-03-19 11:40:46 · 232 阅读 · 0 评论 -
Web前端笔记(5)
发展历史:1991年八月六日,欧洲核子研究中心的科学家启动了世界上第一个可以访问的网站,从此人类宣布了互联网时代的到来,到2014年确定了HTML5标准.1994年提出了CSS层叠样式表,知道1996年,CSS才演变成我们熟悉的样子。HTML标签:1. strong和b标签,em和i标签<strong>和<em>都是表示强调的标签,表现形态为文本加粗和斜体。...原创 2020-03-16 18:12:59 · 322 阅读 · 0 评论 -
Web前端笔记(4)
前端完整页面设计:1. PC端布局:通栏:自适应浏览器的宽度版心 :固定一个宽度,并让容器居中页面中需要用到的图片:(由于本人未能找到原版的图片资源,所以只是利用截屏到的图片,进行简单截图后使用,清晰度不够,单用于学习前端学习已足够)图片资源链接:https://pan.baidu.com/s/1ZhaQ8oc2pGuH5uZvXsxjlQ提取码:vj93<!...原创 2020-03-14 18:43:03 · 284 阅读 · 0 评论 -
Web前端笔记(3)
1. 标签分类:按照特性,对HTML标签进行分类:按照类型可以划分为:a. block 块 div, p, ul, li h1,h2, ....h6....特性:独占一行;支持所有样式;不设置width的时候,跟父元素的宽度一样;所占区域是一个矩形b. inline 内联 span, a, em, strong, img....特性:不独占一行,而是挨在一起;有些样式不...原创 2020-03-11 17:57:26 · 187 阅读 · 0 评论 -
Web前端学习(2)
1. CSS基础语法:格式: 选择器{属性:值}在html中,通过标签<style>引入CSS样式:常用属性:width: 宽度height: 高度background-color: 背景色表示长度的单位:1.px 像素2. % 百分比 ,由父容器的大小决定2. 内联样式与内部样式内联样式:在html标签上直接添加style属性...原创 2020-03-03 10:05:39 · 836 阅读 · 0 评论 -
Web前端笔记(1)
1. web前端三大核心技术:html: 结构CSS: 样式JavaScript: 行为HTML基本结构与属性:html超文本标记语言,标准通用标记下的一个应用,是网页制作的必备的编程语言。...原创 2020-02-28 15:25:35 · 319 阅读 · 0 评论