- 博客(37)
- 收藏
- 关注
原创 day31 - 浅谈ES6中的set
Set 实例的属性和方法:Set 结构的实例有以下属性:Set.prototype.constructor:构造函数,默认就是Set函数。Set.prototype.size:返回Set实例的成员总数。Set 实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员)下面先介绍四个操作方法:Set.prototype.add(value):添加某个值,返回 Set 结构本身。Set.prototype.delete(value):删除某个值,返回一个布尔值,表示删除是否成功。
2020-07-31 14:25:41
252
原创 day30 - 浅谈 模块化
COMMONJS规范(node.js)、AMD规范(Require.js)、CMD规范(SeaJs)模块化的思想和意义–解决冲突和依赖。 可以更方便地使用别人的代码,想要什么功能,就加载什么模块(每个 JavaScript文件就是一个独立的模块) 大家必须以同样的方式编写模块,否则达不到预想的效果。模块化思想就是指将页面根据内容的关联性分解成不同的且相互独立的模块进行开发,每个模块之间没有必然的联系,互不影响。1.COMMONJS规范 - node.jsCommonJS 最开始是 Mozil
2020-07-29 15:13:34
337
原创 day29 - gulp操作
gulp是前端开发过程中对代码进行构建的工具, 是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;大大提高我们的工作效率。gulp 将开发流程中让人痛苦或耗时的任务自动化,从而减少你所浪费的时间、创造更大价值。基于 node 强大的流(stream)能力,gulp 在构建过程中并不把文件立即写入磁盘,从而提高了构建速度。gulp的安装:全局安装:npm i gulp -g局部安装:npm i gulp --save-dev 或 npm
2020-07-26 00:15:45
281
原创 day28 - Git操作
过程 :工作区(git add .) -->暂存区(git commit -m 注释)–>本地服务器(git push origin master)—>远程仓库本地服务器和远程仓库同步操作:git clone https地址/SSH地址cd 克隆的文件夹 进入clone的文件夹下git status  
2020-07-25 10:59:40
205
原创 day27 - Sass
首先简单介绍下DOSDOS:磁盘操作系统(通过DOS命令操作磁盘文件或者文件夹(目录))操作命令DOS进入win+r → cmd显示目录下面的文件或者目录dir进入对应的盘符D: E: F:进入对应的目录cd 目录地址(可以通过tab键补全目录名称或者文件名称)返回上一层目录cd…创建目录(md)mkdir 目录名称删除目录rd 目录名称删除文件del 文件名创建文件cd>文件名清屏clss
2020-07-24 19:48:04
223
原创 day26 - jQuery
jQuery是js的一个库库: 就是封装好一个js文件,里面有很多js常用的操作,封装成了一些使用起来比较简单,功能比较强大的方法jQuery 强大之处:1. 强大的选择器2. 优质的隐私的迭代3. 无所不能的链式编程4个基本选择器:1. id $(“#id名”)2. 类名 $(“.类名”)3. 标签名 $(“标签名”)4. 属性 $(“[属性名='属性值']”)伪类选择器:1. $("li:first-child")2. $("li:last-c
2020-07-22 19:19:00
214
原创 day25 - 闭包/继承
一、闭包1.概念:定义在一个函数内部的函数(函数嵌套函数),闭包就是将函数内部和函数外部连接起来的一座桥梁。在一个自执行函数中套用另外一个函数。2.特点:里面的小空间不销毁,延长了变量的生命周期变量声明在函数内部,保护了私有的变量不被全局污染,让数据更安全让全局可以访问到局部的数据了3.缺点:常驻内存,增加内存使用量。内存不销毁,容易造成内存的溢出/内存泄漏。闭包实现tab切换//获取元素const aBtn = document.querySelectorAll('b
2020-07-18 14:20:21
295
1
原创 day24 - 回调函数callback和promise
一、callback:回调函数的概念:函数属于对象,同时函数也是对象的构造器。函数A当做参数,传递给另外一个函数B,函数A就是回调函数。回调函数和同步异步并没有直接的关系,同步回调,异步回调,事件处理回调,延迟回调…二、promise:(es6新增)Promise 异步编程的一种解决方案,比传统的解决方案(回调函数和事件)——更合理和更强大1.Promise对象有以下两个特点:(1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、ful
2020-07-18 10:08:44
513
原创 day23 - Cookie、本地存储localStorage以及XSS攻击
一、Cookie1.概念:Cookie是浏览器提供的一个存储数据的空间。Cookie又叫会话跟踪技术,是由Web服务器保存在用户浏览器上的小文本文件,它可以包含相关用户的信息。无论何时用户链接到服务器,Web站点都可以访问Cookie信息 。比如:自动登录、记住用户名,记住一些和用户相关的信息等。2.特点:1.cookie必须是分域名存储的,也就是说在当前域名下设置的cookie只能在当前域名下获取2. cookie是有时效性的,默认是会话级别,浏览器关闭就失效3. cookie分路径的,
2020-07-17 09:06:03
955
原创 day22 - javascript中的跨域问题和协议问题
1.浏览器的同源策略:同源策略(Same origin policy) 是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说 Web 是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。所谓同源是指:域名、协议、端口相同。阻止一个域去获取另外一个域上的信息2.解决跨域的方式:后端代理:后端不存在跨域,后端获取接口数据,直接传给前端。cors:新增的一种解决跨域的方式,有兼容问题,添加头文件实现。jsonp–前端核心关注的。(
2020-07-08 20:40:39
282
原创 day21 - Ajax
Ajax就是在不刷新页面的情况下发送http请求Ajax,全称:async javascript and XML,是一个异步执行和后台交互的技术(异步的JavaScript和XML)1.ajax的get请求(1)创建ajax对象let ajax= new XMLHttpRequest( );let ajax = new ActiveXObject("Microsoft.XMLHTTP"); // 兼容ie678let ajax = new ActiveXObject("Msxml2.XMLHTT
2020-06-29 19:53:49
409
原创 day20 - php
1.php代码书写1.php的文件名称不能是中文,不能包含空格2.php文件只能通过服务器来访问到,不能直接打开(localhost/127.0.0.1)3.php开头使用<?php 结尾使用?> 如果当前文件中只有php的代码,结尾标记?>可以省略4.php代码的每一行结束都必须加;结尾2.php的数据类型1.整型 - 数字中的整数 //integer2.浮点型 - 数字中的小数 //float,输出double3.字符串 //string (正常情况下每个
2020-06-24 16:32:28
387
原创 day19 - javascript部分兼容写法
1.获取窗口滚动过的距离var top = document.documentElement.scrollTop || document.body.scrollTopvar teft = document.documentElement.scrollLeft || document.body.scrollLeft2.获取事件对象e = e || window.event3.获取键盘码var keycode = e.keycode || e.which4.获取事件源var target
2020-06-20 16:25:12
311
原创 day18 - javascript的滑动轮播图案例
style:<style>* {margin:0; padding:0; list-style:none;}#div1 {width:850px; height:500px; margin:50px auto; overflow:hidden; position:relative;}#div1 ul {position:absolute;left: 0;top: 0;}#div1 ul li{height:500px;float: left;}#div1 ol {position:a
2020-06-15 21:12:26
343
原创 day17 - javascript放大镜案例
style样式:<style>*{ padding: 0; margin: 0; list-style: none;}.box{ width: 400px; height: 500px; margin-left:100px; /* border:3px solid #00f; */}.m{ width: 400px; height: 400px; /* border:1px solid #000; */
2020-06-06 15:39:39
391
原创 day16 - javascript中的面向对象(oop)
面向对象不是一种语法,是一种编程的思想。写代码的时候更多的关注点在对象。js面向对象的特点:封装、继承、多态。面向对象的核心基础 → 类 → 对象(属性+方法)对象的本质:属性和方法的集合。类是对象的抽象,对象是类的实例。学过的对象:Array、String、Math、Date......既然是要创造对象,让对象做自己的事情,首先就需要创建对象:1.字面量创建:var obj = { };2.构造函数方式创建:var obj = new Object( );//如果要定义多个人的信息
2020-06-06 09:40:21
398
原创 day15 - javascript中的DOM高级 - 运动
1.简单的运动:html布局:<style>.box{ width: 100px; height: 100px; background: pink; position:absolute; left: 0; top: 0;}</style><div class="box"></div>js代码:var box = document.querySelector(".box");// 点击div让d
2020-06-05 20:36:56
364
原创 day14 - javascript中的ES5和ES6
1.ES5(1)严格模式 - js的一种更加严格的运行模式在代码开头添加"use strict"行为的变更:全局变量声明时,必须加var全局函数的this不会指向window,而是undefined函数参数名不允许重复(非严格模式下,重名的话,后面的会覆盖前面的)禁止使用with语句修改形参的值,arguments不会改变arguments对象不允许被自调用新增保留字:implements,interface,let,package,private,protected,public,s
2020-06-05 20:15:21
458
原创 day13 - javascript中的正则(RegExp)
1. 正则的概念正则表达式就是专门为了校验数据而产生的一个语法除了可以校验数据,还可以提取一些想要的固定模式数据还可以替换数据 - 替换字符串正则表达式就是一个模式,可以用来校验、提取、替换数据2. 正则的创建(1) 字面量形式创建var reg = /规则/;(2)构造函数形式创建 var reg = new RegExp("规则");(3)省略newvar reg = RegExp("规则");3. 正则对象的API(1)test - 验证正则表达式.test(字符
2020-06-03 22:13:30
410
原创 运用事件监听实现拖拽效果
<script> var Box = document.querySelector('#box') on(Box,'mousedown',function(e){ e = e || window.event// 获取事件对象 var BoxX = e.offsetX// 获取鼠标点击时到div的顶部和左边的距离 var BoxY = e.offsetY functi
2020-06-02 20:51:19
857
原创 day12 - javascript的事件(下)
1.事件类型:事件对象.type2.鼠标的按键信息:事件对象.button0:左键1:滚轮2:右键3.键盘码:事件对象.keycode事件对象.which // 兼容IE兼容写法:document.onkeydown = function(e){ var keycode = e.keycode || e.which; console.log(keycode);}常见的按键码:8: 删除键(delete)9: 制表符(tab)13: 回车键(en
2020-06-02 20:41:51
337
原创 day11 - javascript的事件(上)
概念:事件就是用户在网页上的动作,例如:鼠标点击、鼠标移动、键盘按下…事件三要素 : 事件源 + 事件名称 + 事件处理函数事件源 : 谁触发这个事件 (按钮 btn)事件名称 : 触发了什么事件 (点击click事件)事件处理函数 :事件触发后要执行的代码注意:事件处理程序(函数)并不是立马执行,而是当事件触发的时候在会执行(浏览器会自动调用)1.事件类型:(1)鼠标事件事件备注click单击dblclick双击contextmenu右击m
2020-06-02 17:34:29
360
原创 day10 - javascript中的DOM和节点相关操作
document object model == 文档 对象 模型document对象,属于window对象,在documet前面应该加window对象。当然,可以省略window对象。1.获取元素:(1)通过document获取节点document.getElementById("标签id名"); // 通过标签的id名获取标签document.getElementsByTagName("标签名"); // 通过标签名获取标签document.getElementsByClassName("
2020-06-01 20:23:25
443
原创 day09 - javascript中的BOM
Browser Object Model == 浏览器 对象 模型既然是对象模型,那么所有内容,都是用对象来描述的。顶级(核心)对象叫window,是浏览器窗口对象。1.window子对象:一、navigator - 记录了浏览器的信息 console.log(navigator.appName); // 浏览器的名称 - Netscape(网景浏览器的名称) console.log(navigator.appCodeName); // 浏览器的内核 - Mozilla
2020-05-30 15:19:02
369
原创 day08 - javascript中的Math和日期对象Date
1.Math对象:Math的一个属性 - PI - 圆周率语法:Math.PI(1)Math常用API:用法语法绝对值Math.abs()最大值Math.max()最小值Math.min()随机数Math.random() // 产生的是一个0-1之间的小数,含0不含1//将随机数扩大十倍 :parseInt(Math.random()*10) [范围0-9]向上取整Math.ceil()//例如1.2,向上取整的2
2020-05-29 17:21:45
484
原创 day07 - javascript中的字符串String
1.概念:任意多个任意字符组合在一起,用引号引起来2.字符串的创建:(1)字面量方式 var str = "abcdef"; (2)构造函数方式 var str = new String("abcdef");3.字符串的比较:阿斯克码:计算机存储字符的时候,只能使用二进制来存储,所以最初人们发明了字母和特殊字符和数字的对照表,就是阿斯克码。总共128个,包含特殊符号和英文字母。'a' > 2 // 转成数字比较'3
2020-05-28 17:58:50
1144
1
原创 day06 - javascript中的数组Array
1.数组的概念:内存中的多个容器排列起来,组成的一个大容器。数组中的每个小容器都有编号,第一个是0,第二个是1,…咱们把编号叫做下标,来区分每个小容器。2.数组的创建:语法一:直接创建 var arr = []; // 创建了一个空数组 var arr = ["张三","李四","王五"]; // 创建了一个数组,里面存了三个姓名语法二:构造函数方式创建 var arr = new Array(); // 创建了一个空数组 var arr = new Array(3); // 创建
2020-05-27 21:58:12
523
1
原创 day05 - javascript函数(下)/事件/对象
1.作用域:概念:变量或者函数可以起到作用的范围区域。函数外边的变量叫做全局变量,可以在函数外面和函数里面使用。var num = 1;function test(){ num++; console.log(num);}test(); // 2console.log(num); // 2函数内部的变量叫做局部变量,只能在函数内部使用。function test(){ var num1 = 10; num1++; console.log(n
2020-05-27 08:27:35
433
1
原创 day04 - javascript中的函数(上)
1.函数的定义:被封装好可重复执行的一段代码块是代码中的工具-使用方便,可以重复利用,具备一定的功能优点:1.封装(打包多条语句) 2.重用(反复使用,优化代码) 3.可扩展(可变的设为参数)2.函数的创建:1.声明式:function 函数名(){ 代码段}2.赋值式:就是将一个函数赋值给一个变量var 变量名 = function(){ 代码段}创建完调用使用: 声明式——函数名()
2020-05-25 19:17:04
389
原创 day03 - javascript的循环结构
1.循环结构:1.while语句:var a= 1;while(条件){ 条件为true是执行的循环体代码段 a++}2.do-while语句:var a = 1;do{ 代码段 - 首先执行一次,再进行while a++}while(条件);3.for语句:for(变量的初始值;条件;变量的变化){ 条件为true时重复执行的代码段}for语句的变形:变形1.初始值可以放外边,但是小括号开头要加分号 var i =
2020-05-23 11:40:44
376
原创 day02 - javascript的逻辑分支
1.分支语句:(1)if语句:1.单分支if(条件-最终结果必须是布尔型){ 条件如果是true,就执行这里的代码}2.双分支if(结果是布尔类型的条件){ 条件是true的时候执行的代码}else{ 条件是false的时候执行的代码}3.多分支if(条件){ 条件是true的时候执行的代码}else if(条件2){ 如果条件2是true的时候执行的代码}else if(条件3){ 如果条件3是true的时候执行的代码
2020-05-22 20:15:41
397
原创 day01 - javascript的基本语法
**day01 - js的基本语法1. javascript的写法行内式 :写在html标签的属性内(很少用)内嵌式: <script></script>双标签外联式引入:<script src=“ .js”></script>EDMAScript是语言标准JavaScript才是语言,可以让网页产生行为script标签可以放在网页的任何一个位置,建议写在body标签结束js是网页行为,操作html的标签,必须先有这个便签,才能操作这个标签。
2020-05-21 20:49:34
1109
原创 ajax中的get和post
ajax概念: 一般情况下,前端和后台进行交互都需要页面跳转才能获取到新的数据,然后重新跳转到一个页面,将数据加载到页面上。这对资源的消耗很大,用户体验感也不是很好。 所以js提供了一个不需要刷新页面就能加载...
2020-03-29 11:03:46
581
3
原创 PHP及mysql数据库
一、PHP1.首先,我们为什么要学习PHP呢? 因为网页中的数据不能持久,但是数据库的数据能持久。前端不能操作数据库,后端语言可以。PHP在网页应用中很广泛,所以我们要学习PHP。2.服务端 以前写好的页面,页面上也有数据,页面上的数据经过操作(增删改查),会在页面中发生变化。但是只要一刷新页面,就...
2020-03-22 14:02:11
393
原创 JavaScript中数组及数组方法
一、数组的概念:数组:是对象类型的另外一种表现形式;数组也是可以存储多个数据的,数组中的数据是有顺序的,顺序就是指每一个值对应的编号,编号从0开始,依次递增。二、数组的创建:(1)var 数组的名称 = [ ];//直接创建(2)var 数组的名称 = new Array();//构造函数的方式创建注意:数组中的数据可以是任意类型,通常会将同一类型的数据放在一个数组中1.var ar...
2020-03-08 14:58:03
509
2
原创 JavaScript变量名命名规范
前言本文将介绍我在前端逆战班学习第一周javascript的皮毛知识…命名规范其实在我看来,JavaScript命名规范没有明确的定义,跟css样式命名差不多,主要还是让你后期再来看代码的时候,简单明了,一眼就可以看出来你在命名什么,在什么地方起什么作用;规范是就是为了提高代码阅读性,代码只有你自己明白是远远不够的。因为在你工作中,不单单是你来看代码,同时要让别人看懂你写的代码。命名尽量使用...
2020-02-23 20:10:31
1696
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人