学习案例
关注
分享
扫一扫
王十一是个喵
四年了，我依旧是个新手~~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ES6(2)
ES6字符串扩展：includes(str)，判断是否包含指定的字符串，返回的是布尔值,包含返回true，不包含返回falseinclude(“文件路径”):加载文件，不是字符串扩展require(“文件路径”):加载文件，不是字符串扩展var str='qwerty';console.log(str.includes('t'));//trueconsole.log(str....原创 2019-11-12 13:41:39 · 140 阅读 · 0 评论 -
BOM和window
BOM和window操作表单获取表单元素form.name<body> <form action="" id="form"> <input type="button" value="登录" name="btn"> <input type="submit"> <input ty...原创 2019-08-19 20:28:46 · 466 阅读 · 0 评论 -
数组&Manth
数组创建数组var arr=[1,2]var arr=new Array()arr[0]='12';var arr=new Array(1,2,'a')添加数组元素从前添加是unshift，从后添加是pushvar arr=[1,2,3,'1','a'];console.log(arr.unshift('ghghg',55,'a'));//返回新数组长度，...原创 2019-08-16 08:18:55 · 743 阅读 · 0 评论 -
事件
事件函数当事件被触发时调用的函数1.box.οnclick=function(){}2.box.οnclick=function(){ fun();//fun是事件函数，外面的只是一个普通的函数}3.box.οnclick=fun;事件对象当事件发生的时候，浏览器会将事件相关信息保存在内置全局对象window.event中document.οnclick=function(ev...原创 2019-08-21 12:35:02 · 145 阅读 · 0 评论 -
面向对象
面向对象（ECMAScript）ECMAScript有两种开发模式：函数化面向对象（OOP）ECMAScript没有对象概念面向对象的三个特征封装：封装以前写好的方法继承：继承一个对象的属性或方法多态对象是由属性和方法组成的：属性对应变量方法对应函数面向对象的创建方法字面量创建适用于单个对象var obj={ "name":"王...原创 2019-08-25 20:38:18 · 127 阅读 · 0 评论 -
闭包和ajax
闭包和ajax匿名函数匿名函数就是没有名字的函数总结一下学习了几种函数普通函数function fun(){}构造函数function Obj(name){ this.name=name}new Obj('123');事件处理函数document.οnclick=function(){}表达式函数var fun=function(){...原创 2019-08-25 20:39:49 · 249 阅读 · 0 评论 -
函数
函数函数的分类：匿名函数：function（）{}命名函数：function 函数名 （）{}函数声明和调用：函数是由事件驱动的代码块、或者被调用时可以重复使用的代码块使用函数有必不可少的两个步骤，函数声明和函数调用函数声明：function 函数名 （）{代码块}或var 函数名=function（）{}函数调用：函数名（）；函数在没有调用前是不会执行的两...原创 2019-08-12 21:35:13 · 130 阅读 · 0 评论 -
预解析和作用域（一）
作用域作用：获取函数或变量域：全局作用域、局部作用域全局变量和局部变量**全局变量：**直接在script下声明的变量，任何地方都可以访问，任何地方都能对其值进行改变**局部变量：**函数内部定义的变量，函数可以访问，出了函数的花括号{}就不能被访问局部变量可以访问修改全局变量全局变量：任何地方都可以被访问和修改-------------------------...原创 2019-08-12 22:31:54 · 214 阅读 · 0 评论 -
cookie和正则表达式
cookiecookie介绍：cookie指小量信息，存储数据的容量比较小，智能存储4KB，服务器创建的存储在客户端…cookie作业：记录用户身份记录用户历史存储cookie：cookie必须以键值对的形式存储的：document.cookie='username=王帅'一次只可以设置一个，若想存储多个，就多次使用document.cookie=‘’；获...原创 2019-08-22 21:07:52 · 793 阅读 · 0 评论 -
jQuery的DOM操作
jQuery的DOM操作DOM是document object modle的缩写，意思是文档对象模型属性操作查找属性节点<script> $(function(){ // 获取属性 console.log($('div').attr('id')); // 设置属性 $('div').attr('class'...原创 2019-09-02 21:58:13 · 170 阅读 · 0 评论 -
关于DOM
先说几个例题20-100之间十个不重复的随机数var arr=[];for(var i=0;i<10;i++){ var x=Mati.floor(Manth.randow()*(100-20)+20);//这就是产生20-100的随机整数 if(arr.indexOf(x)==-1){ arr.push(x); }else{ i--; ...原创 2019-08-19 19:57:04 · 310 阅读 · 0 评论 -
初始JavaScript
JavaScript的特点解释性基于对象事件驱动跨平台JavaScript组成ECMASscript 是JavaScript的语法标准DOM 文档对象BOM 浏览器对象JavaScript引入方式行内引入<div onclick="alert('这是行内引入')"></div>文本内部引入<script> al...原创 2019-08-07 21:29:35 · 245 阅读 · 0 评论 -
自定义属性和索引值
循环结构for-in 循环用来循环对象，因为对象没有长度没有顺序，所以不可以用for循环语句：创建一个对象 for(定义一个变量 变量名 in 对象名){}现总结一下获取对象属性值的方法<script>var json { "name":"lizheng", "sex":"男", "age":8888}console.log(jso...原创 2019-08-09 19:57:13 · 471 阅读 · 0 评论 -
JavaScript的数据类型以及转换，运算符
day02js数据类型数据类型是弱类型，即最开始不知道变量是什么类型，必须通过后面的数值才能知道js数据类型有两大类基本数据类型numberstringBooleannull 空undefined 未定义引用数据类型（复合数据类型）objectobjectarrayfunctionnumber就是数值//整数var a=1;//...原创 2019-08-07 21:59:11 · 244 阅读 · 0 评论 -
JS流程控制语句
流程控制语句分支语句条件选择结构又叫分支语句，主要包括if-else、switch等if语法：if（条件）{条件成立执行}var x=10;if(x>0){ console.log("条件成立");}//这里的花括号{}是可以省略的，省略以后就只执行if（）后面的第一行语句，如果后面有两条执行语句时，第二条就不会被执行了。var y=1;if(y>10)...原创 2019-08-08 21:13:57 · 259 阅读 · 0 评论 -
关于HTML的一些基本知识
day01 HTML 011:HTML标记语言HTML：Hyper Text Markup Language 超文本标记语言超（hyper）：不仅仅可以放文字，还可以插入图片、链接、视频、音频 .html标记（Markup）：就是浏览器可以识别的文字和符号语言：不是编程语言常用浏览器有哪些？(浏览器分为两部分，外壳【网页中所看到的】和内核【用于解析代码，分两部分，渲染引擎（ht...原创 2019-08-08 21:20:17 · 352 阅读 · 0 评论 -
关于HTML的一些基本知识（2）
day02列表系列无序列表[外链图片转存失败(img-DGsLnIHg-1565270467261)(E:\老师整理\day02\笔记\media\wxlb.png)][外链图片转存失败(img-JS4qrDJe-1565270467262)(E:\老师整理\day02\笔记\media\ul.png)]<!-- 无序列表 复合 有盒子 ul(unorder list) 列...原创 2019-08-08 21:23:37 · 467 阅读 · 0 评论 -
CSS的一些基本知识
css的一些基础知识无CSS有CSS1.行内引入<div style="属性名：属性值；属性名：属性值"></div>eg:<div style="color: red; width:20px; height:20px"></div>缺点：1，结构不清晰 后期代码维护困难 2，繁杂 体积大 ...原创 2019-08-08 21:27:15 · 177 阅读 · 0 评论 -
CSS之浮动
浮动先说一个问题文字图片对不齐解决办法1.文字与图片基线对齐（文字默认与基线对齐，但图片的基线是图片最下面的那条边，图片的底线在它空白的下面）调整文本垂直对齐方式的属性 verticle-align:top顶对齐/middle中线对齐/baseline基线对齐/bottom底线对齐2.给两个盒子加了一个触发规则BFC的属性：overfllow:hidden结论：对块级元素...原创 2019-08-08 21:30:08 · 157 阅读 · 0 评论 -
CSS之定位以及圆角边框
day06定位 position两个大布局：盒模型 浮动 定位定位：可以放到anywhere1、定位类型：静态定位:static 标准流下的默认值 一动不动相对定位:relative绝对定位:absolute固定定位：fixed2、定位方位值：left:当前定位元素距离父元素左侧边界的值top:当前定位元素距离父元素上侧边界的值right:当前定位元素距离父元素右侧边界的...原创 2019-08-08 21:32:23 · 754 阅读 · 0 评论 -
BFC
BFC(块级格式化上下文)BFC(Block formatting context)直译为"块级格式化上下文"。元素的显示模式我们前面讲过 元素的显示模式 display。分为 块级元素 行内元素 行内块元素 ，其实，它还有很多其他显示模式。那些元素会具有BFC的条件不是所有的元素模式都能产生BFC，w3c 规范：display 属性为 block, list-item, tab...原创 2019-08-08 21:37:23 · 191 阅读 · 0 评论 -
定时器
计时器setInterval：重复定时器，隔某个时间就进行一次setTimeout：延迟定时器，延迟特定时间之后执行，且执行一次语法setInterval（函数，间隔时间）setTimeout（函数，间隔时间）间隔时间单位是毫秒，1秒等于1000毫秒定时器是异步的，解析的时候，因为他有时间上的延迟，所以最后才解析他，不管他的延迟时间是多长时间简单使用：<img s...原创 2019-08-13 21:32:05 · 144 阅读 · 0 评论