- 博客(35)
- 收藏
- 关注
RSS订阅原创 在某网课学习前端笔记整理js篇33-jquery第二节
jquery第二节一、数据缓存和节点操作$el.data()： 把数据存在缓存中。可以获取到dataset的值。example1$('div').data('name','box');console.log($('div').data('name'));append(child)： 父节点添加子节点。appendTo(parent)： 子节点添加到父节点。clone(boole...
2020-03-08 13:50:53
150
原创 在某网课学习前端笔记整理js篇32-jquery第一节
jquery第一节一.关于jquery jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML...
2020-03-08 13:47:38
137
原创 在某网课学习前端笔记整理js篇31-ajax
ajaxAjax 即“Asynchronous **Javascript And **XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 --------来自百度百科小祺老师的笔记...
2020-03-08 13:46:10
152
原创 在某网课学习前端笔记整理js篇30-js事件续
js事件续oncontextmenu: 右击弹出的菜单事件。复制： oncopy 。选择： onselectstart 。example1//阻止默认事件(这里阻止的是鼠标右键弹出默认菜单)document.oncontextmenu = function(e){ e = e || event; e.preventDefault(); //return fal...
2020-03-08 13:44:11
114
原创 在某网课学习前端笔记整理js篇29-事件
事件具体看https://www.w3cschool.cn/jsref/dom-obj-event.html，这里讲的很详细。鼠标相关： 点击onclick，双击ondblclick，移动onmousemove，鼠标按下onmousedown，鼠标抬起onmouseup，鼠标经过某元素onmouseover，鼠标离开某元素onmouseout。键盘相关： 键盘按下onkeydown，键盘...
2020-03-08 13:41:51
128
原创 在某网课学习前端笔记整理js篇28-xml在不同浏览器的解析与序列化、浏览器对象模型BOM
xml在不同浏览器的解析与序列化、浏览器对象模型BOM一、xml在不同浏览器的解析与序列化大多数浏览器都内建了供读取和操作 XML 的 XML 解析器。解析器把 XML 转换为 JavaScript 可存取的对象。html是xml发展来的。ie下：example1//以前获取ie的xmldom,我在ie试了下，支持ie9-,ie9及以上不支持function createXMLDo...
2020-03-08 13:39:33
135
原创 在某网课学习前端笔记整理js篇27-浏览器窗口高度和宽度和document的一些属性
浏览器窗口高度和宽度和document的一些属性摘自与：http://www.jb51.net/article/32679.htm获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中，浏览器显示窗口大小只能以下获取：document.body.offsetWidth document.body.offsetHeight在声明了DOCTYPE的浏览器中，可以...
2020-03-08 13:38:11
155
原创 在某网课学习前端笔记整理js篇26-dom元素节点的属性、创建节点和添加、删除节点、元素位置大小的一些属性
###dom元素节点的属性、创建节点和添加、删除节点、元素位置大小的一些属性一、dom元素节点的属性dom元素是对象，所以可以直接给其添加属性，但这种对象的属性是不能添加到标签上的，如果要设置和获取标签上的属性可以通过`setAtrribute(attr, value)`，`getAttribute(attr)`, `removeAttribute(attr)`。example1<...
2020-03-08 13:36:13
169
原创 在某网课学习前端笔记整理js篇25-dom
dom（Document Object Model）一、dom 简介百度的，好长，懒得打字了，复制了过来。看下面。 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史...
2020-03-07 15:43:55
145
原创 在某网课学习前端笔记整理js篇24-js正则表达式
js正则表达式（regular expression）一、js正则表达式的写法正则表达式是*通过简单的字符描述我需要的字符串格式*，比如电话号码是啥样的。然后通过一些方法可以找到一个字符串中我需要的字符，或者替换这些字符。正则的匹配的是字符和位置。’abcd‘有4个字符和5个位置。http://www.jb51.net/article/110516.htm感觉这个写的满靠谱的。###...
2020-03-07 15:42:11
168
原创 在某网课学习前端笔记整理js篇23-日期对象和它的一些方法、几个时间问题
日期对象和它的一些方法、几个时间问题一、日期对象和它的一些方法日期对象Date有很多与日期有关的方法。1.日期对象的创建example1var date1 = new Date(), date2 = new Date, date3 = Date();console.log(date1);//Wed Feb 28 2018 19:03:36 GMT+0800 (中国标...
2020-03-07 15:40:53
229
原创 在某网课学习前端笔记整理js篇22-类数组ArrayLike、数组的长度是会去动态的改变的、去除数组重复数据多种方法
类数组ArrayLike、数组的长度是会去动态的改变的、去除数组重复数据多种方法一、类数组ArrayLike参照：https://www.cnblogs.com/guorange/p/6668440.html。如果类数组的length和属性乱七八糟的？1.啥叫类数组？拥有length属性，其它属性（索引）为非负整数(对象中的索引会被当做字符串来处理，这里你可以当做是个非负整数串...
2020-03-07 15:39:12
169
原创 在某网课学习前端笔记整理js篇21-数组方法的进制转换例子、数组的一些方法
数组方法的进制转换例子、数组的一些方法####一、数组方法的运用例子toString()也可以进行进制转化，参数是2-36.example1//用数组的方法实现进制转化 base必须是2-36，num为整数function convertNum(num,base){ var arr = [0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,g,h,i,j,k,l,m,...
2020-03-07 15:35:41
81
原创 在某网课学习前端笔记整理js篇20-Json简介、json对象转为字符串、json字符串转为对象、数组的一些方法
Json简介、json对象转为字符串、json字符串转为对象、数组的一些方法####一、json简介参考：http://blog.csdn.net/jiangshubian/article/details/67635207 json（Javascript Object Notation）是一种数据格式，就是规范数据要怎么显示， 举个例子，有个人叫“二百六”，身高“160cm”，体重“6...
2020-03-07 15:34:11
171
原创 在某网课学习前端笔记整理js篇19-js对象、this指针、对象的一些方法
js对象、this指针、对象的一些方法js对象javascript中一切都是对象（数组、字符、数字、布尔、正则、日期）。example1var obj = new Object();//构造函数写法obj.name = 'xiaohong';obj.sex = 'female';obj.say = function(){console.log("hello")}console....
2020-03-07 15:29:37
186
原创 在某网课学习前端笔记整理js篇18-js字符操作方法、数字中的属性和方法和Math对象
js字符操作方法、数字中的属性和方法和Math对象js字符串length： 获取字符串长度。example1var str = 'abc';console.log(str.length);//3**stringObject.charAt()：**获取索引位字符example2var str = "abc";console.log(str.charAt(1));//b 索引是...
2020-03-07 15:28:15
189
原创 在某网课学习前端笔记整理js篇17-js中this指针、var、作用域、解析与执行过程
js中this指针、var、作用域、解析与执行过程this指针内容来自 https://www.cnblogs.com/pssp/p/5216085.html，这里摘录了这位前辈的部分内容。 this在面向对象中一般指向的是对象本身，在js中函数中也有this。this在指向函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是哪个调用它...
2020-03-07 15:26:52
140
原创 在某网课学习前端笔记整理js篇16-js的一等公民–函数
js的一等公民–函数js函数的特性为啥叫一等公民呢，js的创建者更偏爱于面向过程的c类似的语言，创建js是老大安排的做的，而面向过程主要是函数（或者叫方法），于是函数被创建者赋予了基本上其他基本类型的大多功能。函数是一个数据类型 函数和js中Number、String、Boolean、Object这些都是作为js的基本数据类型。如果你用typeof一个函数类型的函数名，会返回“f...
2020-03-07 15:25:38
123
原创 在某网课学习前端笔记整理js篇15-js条件、循环语句
js条件、循环语句条件语句条件判断中undefined、null、0、NaN、“”都代表false。if…else if，else只有一个，中间可以有多个else if结构。各个分支都是互斥的，即满足一个分支的条件一定不会满足其他分支的条件。example<script> var a = 80; if(a >= 90){ console.l...
2020-03-07 15:24:02
120
原创 在某网课学习前端笔记整理js篇14-js运算符
js运算符####运算符种类 算术运算符：+、-、*、/、%分别是加、减、乘、除、取余。 赋值运算符:=、+=、-=、*=、/=、%=、++、--。中间五个类似，比如：a+=5 等价于a=a+5。++和–`类似，i++等价于++i等价于i=i+1。但是某些时候i++和++i并不一样，在涉及输出、运算、赋值等时候，是先做完输出等操作，再自增（--类似）。 逻辑运算符： 如下表格。...
2020-03-07 15:22:29
105
原创 在某网课学习前端笔记整理js篇13-js（javascript）介绍和数据类型
js（javascript）介绍和数据类型js介绍js历史 19几几年 有一家公司开发了一个脚本语言,scriptEase可以嵌入到网页执行。 Netscape网景公司,为了解决表单提交数据验证的一个问题联合sun公司推出了liveScript脚本语言。当年java开始的时候很流行，为了 抱大腿 javascript(为了在java这个大树地下乘凉 提高知名度)，取了这个名字。j...
2020-03-07 15:20:56
195
原创 在某网课学习前端笔记整理css篇12-布局续、居中与规范
布局续、居中与规范#####布局续上一次简单说了下两列与三列布局，这一次说下页面总的布局过程。 1.布局 = 结构+样式。所以呢，首先写结构，就是先想好页面分成哪些部分，然后把这些需要的基本标签写好，然后在考虑样式。 2.写样式时要注意使用类名组合，重复的样式要用一个通用的类名来封装好样式，然后通过一个个类名去设置样式。居中 水平居中： 1.margin 2.fl...
2020-03-07 15:09:37
105
原创 在某网课学习前端笔记整理css篇11-表单元素校验伪类、倒影、布局
表单元素校验伪类、倒影、布局表单元素校验伪类**:valid:**当表单元素校验通过时该表单元素的css样式。**:invalid:**当表单元素校验不通过时该表单元素的css样式。**:required:**当表单元素必填时样式。（必须该表单元素有required属性）pattern属性可用于校验表单元素。example：：<title>表单校验伪类</tit...
2020-03-07 15:07:37
98
原创 在某网课学习前端笔记整理css篇10-css动画
css实现动画效果animation上一个总结的transform+transition也能实现简单的动画，这一次可以通过@keyframes+animation实现更加复杂点的动画。 @keyframes是动画的过程，可以理解为剧本，animation是播放动画的机器，可以设置播放动画名称、播放时间、速率、次数、反向轮播。animation：name duration timin...
2020-03-07 15:05:09
124
原创 在某网课学习前端笔记整理css篇09-flex续。。
flex续（对子元素的操作）、一些css样式、css变化（transform）flex续（对子元素的操作）上个总结为display为flex的弹性盒子的属性，这次是子元素的flex相关属性。flex：默认值是“0 1 auto”，是下面的三个属性的复合。规定了弹性盒子中元素的空间分配。比如flex都为1，那么盒子内的元素会按相同的比例刚好挤满盒子。flex-grow:当盒子撑不满时，...
2020-03-06 17:32:06
89
原创 在某网课学习前端笔记整理css篇08-阿里巴巴矢量图和flex定位
阿里巴巴矢量图和弹性盒子（flex）阿里巴巴矢量图百度阿里巴巴矢量图，进入后点击帮助，里面详细介绍了阿里巴巴矢量图的web端的3种使用法。具体链接：http://www.iconfont.cn/。不过在使用时记得代码中的链接前面都要加上http://,如果是下载到本地的话，那么链接则改为下载下来的几个文件的路径。阿里巴巴矢量图的优点：由于是矢量图，不会随着大小变化而失真；阿里巴巴矢量图可...
2020-03-06 17:30:47
155
原创 在某网课学习前端笔记整理css篇07-常用几种定位
常用的几种定位static 默认的position的值，好像没啥说的。relative相对定位 元素相对于自身的位置的偏移，但是还会占据着本来的位置。absolute绝对定位 元素***相对于父级含有定位属性（sticky，absolute，fixed，relative，其他的无效）的元素的偏移***。正常情况为***脱离了文档流***，和float类似，...
2020-03-06 17:28:41
114
原创 在某网课学习前端笔记整理css篇06
实际作业中的细节与技巧总结1.图片上的字体和文字色差很小时，如何凸出字体。 使用text-shadow给图片上的文字设置阴影。语法抄自于w3c css参考手册text-shadow：h-shadow v-shadow blur color注释：text-shadow属性向文本添加一个或多个阴影，该属性是逗号隔开的阴影列表，每个阴影有2-3个长度值和一个颜色值进行规定，省略长度为...
2020-03-06 17:25:22
102
原创 在某网课学习前端笔记整理css篇05
css浮动css浮动的用途最早的float（浮动）是用来做文字环绕和让上下堆叠的块级元素横向排列。现代的浮动用来做横向的列表，页面布局等。当父元素类的元素都浮动了的话，可能会导致父元素”塌陷“（比如父元素为没有宽高的div）。但很多时候我们需要父元素完全包裹住浮动的元素（听说设置父元素大小很low，因为可能父元素中的元素总体大小未知），清除浮动的几个方法如下：在父元素内末尾插入块级元...
2020-03-06 17:24:10
81
原创 在某网课学习前端笔记整理css篇04
css背景属性css背景属性的color是在背景图片之下。backgroud backgroud可以有多个值组成，包括color，image，repeat，size，position，attachment。多个背景图片可以写多个url（用逗号隔开）。postion和size用/隔开（因为都可以是数字）。但建议分开写相应的属性，直接用background会给改元素未设置的属性有了...
2020-03-06 17:22:56
98
原创 在某网课学习前端笔记整理css篇03
css字体与文本字体css字体来源与3个地方，机器自带的字体，保存在第三方网站的字体和保存在服务器上的字体。 字体可以用font属性描述，但字体大小和类型必须得写上，切在最后面，前面的属性顺序不限。font也可以分开来写，包括font-family（字体类型）,font-size（em,px,%)字体大小，font-style（字体类型，normal，italic，oblique，...
2020-03-06 17:22:04
146
原创 在某网课学习前端笔记整理css篇02
css盒子模型啥叫盒子模型 网页中元素拥有内容（content），填充（padding），边框（border），边界（margin），看上去像是一个盒子，所以叫盒子模型。盒子模型大致如下图：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uajjt4PT-1583486387122)(box_model.png)]<html lang="zh-...
2020-03-06 17:20:30
111
原创 在某网课学习前端笔记整理css篇01
css（层叠样式表）css？修饰html标签的，html标签相当于盖房子的框架（钢筋，水泥），css则是规定这些材料的使用方式并加上一些装饰品（比如房子的造型，房子里的花瓶，电视）。css样式的添加方式有三种，内联（行内）样式，内部样式表，外部样式表。其中的优先级为内联样式>内部样式表>外部样式表。<html<head> <title>...
2020-03-06 17:09:44
134
原创 在某网课学习前端笔记整理html篇
前端学习第3天列表 1.ul li:无序列表<ul> <li>a</li> <li>b</li></ul>2.ol li:有序列表<ol> <li>1</li> <li>2</li></ol>3.dl dt di:...
2020-03-06 17:02:10
363
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人