WEB前端
前端的学习笔记
Chains-X ♔
做人就像松树一样,不言不语,静默着,深沉的,它有着茁壮的树干,它有着强大的内心,它的强大是低调的,它虽然不言不语,但它的一切都是天地可鉴的。
展开
-
ajax介绍及基本使用
Ajaxajax是什么如何使用ajax技术?ajax异步 同步注意了解json格式数据ajax是什么AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML)。AJAX 是一种在 2005 年由 Google 推广开来的编程模式。AJAX 不是一种新...原创 2019-09-13 09:44:37 · 196 阅读 · 0 评论 -
jQuery元素的节点操作
jquery元素节点操作创建节点var Div = $('<div>');var Div2 = $('<div>这是一个div元素</div>');插入节点1、append()和appendTo():在现存元素的内部,从后面插入元素var Span = $('<span>这是一个span元素</span>');$('#Di...原创 2019-09-12 12:47:20 · 118 阅读 · 0 评论 -
jQuery事件的绑定、事件的触发、事件冒泡及默认行为、键盘事件
事件关于事件事件绑定基本绑定方法绑定动态绑定事件触发常用的鼠标事件事件冒泡和默认行为事件冒泡默认行为获得当前鼠标的位置和按键键盘事件关于事件事件绑定基本绑定$(element).click(function(){})$(element).dblclick(function(){})。。。加载完毕事件$(document).ready(function(){})$(functio...原创 2019-09-11 12:58:23 · 174 阅读 · 0 评论 -
jQuery相关尺寸的获取和设置
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-09-10 11:51:42 · 99 阅读 · 0 评论 -
jQuery的简本用法、jQuery选择器、jQuery操作样式、文本 、属性
jQueryjQuery是一个是免费、开源的javascript库, 也是目前使用最广泛的javascript函数库。jQuery极大的方便你完成web前段的相关操作,例如节点操作,元素操作,事件绑定,ajax操作, 且解决了大多数的兼容性问题jQuery的版本分为1.x系列和2.x、3.x系列,1.x系列兼容低版本的浏览器,2.x、3.x系列放弃支持低版本浏览器,目前使用最多的是1.x系...原创 2019-09-09 20:24:15 · 202 阅读 · 0 评论 -
js对象创建、js数组及数组中数据的操作、js中数学对象Math及random
js对象1.使用原始的方式创建内置对象 var myObject = new Object(); myObject.name = “lijie”; myObject.age = 20; myObject.say = function(){...}2.直接创建自定义对象 var 对象名 = {属性名1:属性值,属性名2:属性值2,…….}*3.使用自...原创 2019-09-07 11:07:37 · 258 阅读 · 0 评论 -
js定时器、js函数、变量和参数问题
js定时器通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。定时器在javascript中的作用1、制作动画2、异步操作定时器类型及语法setInterval() - 间隔指定的毫秒数不停地执行指定的代码。setTimeout() - 暂停指定的毫秒数后执行指定的代码 setInterval() ...原创 2019-09-05 09:50:10 · 1332 阅读 · 0 评论 -
js流程控制,if、switch、for、while、js元素获取与操作、样式操作、文本操作、表单值操作
js流程控制流程控制用于基于不同的条件来执行不同的动作。if语句if… else …if … else if … else…可以单分支,双分支,也可以多分支,需要注意 else if中间必须要有空格if (condition){ //当条件为 true 时执行的代码}else{ //当条件不为 true 时执行的代码}switch语句多分支语...原创 2019-09-04 13:54:16 · 151 阅读 · 0 评论 -
静态定位(文档流)、浮动定位、清除浮动、相对定位、绝对定位、绑定定位、静态布局、响应式布局
浮动文档流文档流,是指盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置。浮动的特性1、浮动元素有左浮动(float:left)和右浮动(float:right)两种2、浮动的元素会向左或向右浮动,碰到父元素边界、浮动元素、未浮动的元素才停下来3、相邻浮动的块元素可以并在一行,超...原创 2019-09-02 07:31:50 · 353 阅读 · 0 评论 -
CSS内间距、外间距、盒子模型、块元素、内联元素、内联块元素及之间的转换
CSS间距内补白(内间距)让内容和元素的边框有一定距离padding: 检索或设置对象四边的内部边距,如padding:10px; padding:5px 10px;padding-top: 检索或设置对象顶边的内部边距padding-right: 检索或设置对象右边的内部边距padding-bottom:检索或设置对象下边的内部边距padding-left: 检索或设置对象左边...原创 2019-09-01 15:52:02 · 4883 阅读 · 0 评论 -
CSS颜色表示法、CSS文本属性设置、边框属性设置、背景属性、元素溢出
Css颜色,文本字体css颜色表示法1.颜色名表示,比如:red 红色,gold 金色2.16进制数值表示,比如:#ff0000 表示红色,这种可以简写成 #f003.RGB颜色: 红(R)、绿(G)、蓝(B)三个颜色通道的变化 background-color: rgb(200,100,0);4.RGBA颜色: 红(R)、绿(G)、蓝(B)、透明度(A) background-colo...原创 2019-08-31 11:13:23 · 956 阅读 · 0 评论 -
CSS的基本语法及引入方法,外联式、嵌入式、内联式、CSS选择器,标签选择器、id选择器、类选择器、层级选择器、伪类及伪类选择器
CSS 为了让网页元素的样式更加丰富, 也为了让网页的内容和样式能拆分开, CSS由此思想而诞生, CSS是 Cascading Style Sheets 的首字母缩写, 意思是层叠样式表。 有了CSS,html中大部分表现样式的标签就废弃不用了, html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁。Css基...原创 2019-08-29 16:37:32 · 1040 阅读 · 0 评论 -
HTML行级元素、常用标签、表单标签
二、HTML常用的行级标签(行内元素)不独占一行有语义的行内元素HTML链接 a标签<a href="链接地址">链接文本</a>target属性,定义被链接的文档在何处显示 _blank 新窗口打开HTML图像<img src="图片地址" alt="">文本标签b标签 i标签 strong标签 em标签无语义的行内元素spa...原创 2019-08-27 14:06:16 · 546 阅读 · 0 评论 -
HTML概述、网页基本结构、HTML常用标签
1.HTML (常用标签 网页的基本结构)2.CSS (常用样式 网页的显示效果)3.JavaScript (用户交互效果 动态效果)4.jQuery (JavaScript库 简化原生js操作)5.Ajax (异步数据交互 在页面不刷新...原创 2019-08-26 23:09:18 · 495 阅读 · 0 评论 -
JS介绍、js嵌入、js变量、js基本数据类型及数据类型转换、js运算符
JavaScript目标学习前端脚本语言javascript的基本概念、页面引入方式、获取页面元素及操作元素属性的技巧,学习函数的基本定义方法和使用方法。前段三大块HTML:页面结构css :也米娜的表现形式JavaScript:页面的动态效果和一些简单的特效什么是JavaScript?JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互...原创 2019-09-03 00:24:19 · 121 阅读 · 0 评论