- 博客(39)
- 收藏
- 关注
RSS订阅原创 2021-05-28Vue的学习思维导图
1.vue的基本代码结构const vm=new Vue({ el:"#app",//把实例与视图层进行关联 data：{//this->window},//把实例与数据层进行关联 methods:{//this->vm}, props:{ //可以是数组或者对象，用于接收父组件数据 //对象可以配置高级选项，如类型检测、自定义验证和设置默认值 }, watch:{//this->wm}, computed:{}, render(){ //声明周期钩子函数
2021-05-28 12:42:09
211
原创 W1_Express
Express：第三方模块安装：npm install express使用：const express=require('express')//创建一个http服务器const app=express()//静态资源服务器app.use(express.static('./'))const middleware=function(req,res,next){ //req:request对象 //res：response对象 //next：是一个函数，用于执行下一个中间件 cons
2021-04-28 19:41:23
74
原创 W1_NodeJS
NodeJS:ECMAScript在nodejs中没有DOM和BOMNodeJS多版本共存工具：nvmnvm version 查看版本nvm list 查看安装列表nvm install 安装node版本nvm uninstall 写在已安装的node版本nvm use 切换（使用）node版本模块化：commonJS规范引入：require（）查找策略：导出：module.exports(推荐)exports模块化开发规范CommonJS nod
2021-04-27 14:22:06
190
原创 day33-Sass
SassSASS是一个成熟、稳定、强大的CSS扩展语言解析器，提供变量、嵌套、混合、继承等特性，大大节省了设计者的时间，使得CSS开发变得简单和可维护语法注释：sass有两种注释方式（与js相同）多行注释 /* */单行注释 / /body{ color:#333; //这种注释内容不会出现在生成的css文件中 padding:0; /*这种注释内容会出现在生成的css文件中*/ }变量sass 的变量必须是$开头，后面紧跟着变量名，而变量值和变量名之间
2021-04-08 21:21:09
77
原创 day32-gulp
gulpgulp是当下最流行的自动化构建工具，可以自动化完成我们开发过程中大量的重复工作gulp能做什么编译:es6->es5sass->cssless->csscoffeescript->js合并：css，js压缩：css，js，html优化：图片优化准备工作安装NodeJS环境了解npm命令的使用了解NodeJS模块化了解gulp安装与运行全局安装gulp（一台电脑只需安装一次，gulp-v查询安装是否成功） np
2021-04-08 17:23:53
77
原创 day31-继承与闭包
01.原型对象原型链：当前对象到Object的原型对象之间的链条原型：原型对象（prototype，__proto__）属性访问规则从当前对象中查找，找不到则返回，否则进入第2步在原型对象中查找，找到则返回，否则进入第3步在原型对象的原型查找，找到则返回，否则继续往原型中查找，依此类推直到 Object 的原型对象中查找（终点），找到则返回，否则（属性：得到的是undefined，方法：xxx is not a function）内置原型对象let use
2021-04-07 19:33:59
75
原创 day29-jQuery2
01.补充css方法css（）方法的参数还可以是数组，数组中写css的属性返回值：一个对象，把你要获取的元素样式 以对象的形式返回第二个参数还可以为函数：函数的返回值 就是给这个属性设置的值函数中有两个参数 index valueindex：表示元素在jQuery集合中的索引value：这个元素对应的属性的默认值 // console.log(box.css(['width','color'])); // box.css('wi
2021-04-06 20:34:30
60
原创 day28-jQuery1
01 . jQuery的认识-jQuery是一个其前端的方法库-jQuery的三个优点：强大的选择器机制优质的隐式迭代无所不能的链式调用-jQuery向全局暴露两个对象来通过我们调用它的方法jquery$ /* 使用jquery的时候 需要把jquery的插件引入 jquery向全局暴露两个关键字 jquery $ 当使用jquery方法的时候 可以用这两个
2021-04-06 17:37:36
54
原创 day26-购物车
本地存储local storage也是浏览器提供的一个存储空间和 cookie 的区别cookie 前后台来回跑，localStorage 只存储再浏览器不会来回跑cookie 前后台都可以设置， localStorage 只能由前台操作cookie 存储的是字符串，localStorage 只能存储 json 格式的字符串或者普通字符串cookie 存储 4KB 左右，localStorage 20M 左右cookie 自己封装 API 去操作，localStorage 有自己的
2021-04-06 16:08:36
88
原创 day25-promise
回调地狱在异步的程序中想要拿到 异步程序执行的结果，必须使用回调函数当异步操作越来越多，那么回调函数嵌套就会越来越深当回调函数嵌套过多的这个请就叫做回调地狱代码的执行顺序会非常不直观，不利于维护。案例：有三个接口 data1.php data2.php data3.phpdata2.php 需要 data1.php 中返回的数据当参数data3.php 需要 data2.php 中返回的数据当参数 <script> // data
2021-04-06 12:38:05
57
原创 day24-Ajax的封装
Ajax的封装/* 参数： 【1】请求的地址 【2】请求方式（get||post） 【3】回调函数（用于获取异步代码执行的结果），成功，失败 【4】请求携带的参数 【5】设置同步或者异步 当函数的参数过多的时候，应该把参数写出一个对象传递 { url：“请求的地址”， 请求的地址是必须的 type："get" ,选填，不填的时候默认为get请求 data：{username:"aaa",password:"123456"},
2021-04-04 18:21:52
51
原创 day23-Ajax
Ajax介绍Ajax=Async JavaScript and XML（异步的JavaScript 和 XML）概念：Ajax不是新的编程语言，而是一个异步的用于发送 http 请求的技术Ajax特点：无需刷新页面，可以更改页面布局内容按需加载，减轻服务器的压力实时更新提供用户体验Ajax使用步骤【1】创建Ajax的对象【2】设置请求方式和接口地址在Ajax对象中 ，有一个open（）的方法用于设置请求方式和地址第三参数：设置同步或者异步 取值为布尔值。默认情况下为tru
2021-04-04 17:27:27
80
原创 day22-http，cookie
概念01 .url = 协议 + 域名 + 资源路径 比如: https://www.baidu.com/index.htmlhttp：超文本传输协议https：安全的超文本传输协议filetcp/ip02 . 思考：地址栏输入：https://www.gz2005.io/code/index.html 到页面展示这个过程浏览器内部做了什么？（面试）输入网址DNS解析建立tcp连接客户端发送HTPP请求服务器处理请求服务器响应请求浏览器展示HTML浏览器发送请求获取其他在H
2021-04-02 16:36:59
112
原创 day21-PHP，MySQL
01 .静态页面和动态页面的区分静态页面：所有的数据和结构都是写在前端动态页面：页面的数据都是由后端提供，然后前端渲染02 .网站的基本组织结构前端：客户端，编写样式和结构 数据的渲染，用户操作的一切功能都在前端实现后端：服务端，主要提供数据接口，把数据从数据库中获取出来，数据的处理，然后再把数据传递给前端数据库：提供数据仓库03 . PHP的基本语法所有的php代码写在一个php后缀的文件里面php的代码必须有分号结束php定义变量：变量前面必须使用 $<?php
2021-04-01 15:01:18
119
原创 day19-面向对象3
使用class定义函数 <script> // let fun = function(a){}; // fn(); // function fn(a) { // console.log(2); // } // class 定义函数 用class 来代替function // 【1】class 定义的函
2021-04-01 14:11:19
70
原创 day18-面向对象2
this指向的总结普通函数【1】如果函数用new关键字调用的时候，这个函数中的this指向构造函数的实例【2】如果函数用事件驱动调用的时候，函数中的this指向绑定事件的元素【3】如果函数用对象obj.fun( ) ，fun函数中的this指向obj对象【4】如果没有以上三种情况，函数中this指向window原型对象中两个关键字 function Person() {} Person.prototype.init = function ()
2021-03-31 23:27:58
57
原创 day17-面向对象1
构造函数，实例对象和原型对象创建对象的练习<script> //对象：人 let person={}; //描述对象 //静态属性 person.name="张三"; person.age=48; person.sex="男"; person.height=160; //动态方法 person.say=function(){ console.log("可以说话") } person.running=function(){
2021-03-18 19:27:25
61
原创 day16-动画
匀速运动：在相同的时间内 移动的距离一样let box=document.querySelector("#box");let left=0;let timer=setInterval(function(){left+=13;if(left>=1000){left=1000;clearInterval(timer);}box.style.left=left+"px";},50);加速运动：在相同的时间内 移动的距离 越来越长，速度越来越快 let box = do..
2021-03-18 16:36:00
47
原创 day14-正则
概念正则：由一些符号和一些特殊符号组成的一种模式作用：检测字符串是否符合规则的一种模式定义正则模式：var reg = / 正则规则 /var reg = new RegExp（正则规则）正则提供了一个方法来判断字符串是否符合正则的规则test（）正则的规则，必须要正则来调用返回值：布尔值，如果字符串符合正则的规则返回true 不符合返回falsevar reg = /\d/; var str = "dskufh7"; var res
2021-03-16 19:28:00
52
原创 day15-ES6
es6定义变量的关键字：let 和 constvar 和let const定义变量区别：let 和 const 不能重复定义变量let 和 const 声明的变量不能进行与解析（只能声明之后调用）let 和 const 声明变量存在块级作用域，在{ }中声明的变量只能在{ }中使用，不能在{ }外使用===》因为在es6中每一个{ } 就是一个块级作用域let 和 const的区别：let 定义的是变量，可以先定义变量后赋值const 定义的是常量，定义变量的时候，一定要赋值，后期也不
2021-03-15 23:45:21
105
原创 day13-event2
新闻信息提示案例<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <st
2021-03-15 19:55:57
71
原创 day12-event1
获取非行内样式window.getComputedStyle（你要获取样式的元素）.获取什么属性window.getComputedStyle() 在ie9及以上的浏览器才会识别，其他的浏览器不识别元素.currentStyle.属性 ie及以下的浏览器获取样式的方式编写一个函数获取样式参数：ele 获取哪一个元素的样式attr 获取元素的什么样式返回值：把获取的样式的值返回function getStyle(ele, attr) { // 兼容的获取方
2021-03-15 17:23:23
91
原创 day11-DOM
DOM介绍DOM：文档对象模型提供一些操作文档的属性和方法操作元素节点的属性和方法获取元素的方法：【1】根据id名来获取 document.getElementById(‘id名’)返回值：直接就是获取的元素【2】根据class名来获取 document.getElementsByClassName()返回值：是一个伪数组，需要通过索引的形式 获取里面的元素【3】根据标签名来获取 document.getElementsByTagName()返回值：是一个伪数组，需要通过索
2021-03-13 17:31:27
56
原创 day10-BOM
BOM介绍JavaScript的组成：ECMAScript+BOM+DOMECMAScript：js中核心语法BOM：浏览器对象模型，主要提供一些操作浏览器的方法和属性DOM：文档对象模型，主要提供一些操作文档的属性和方法window BOM：范畴中的顶级对象，es中的全局对象es中的全局对象：当全局定义了一个变量的时候，那么会把这个变量存储在window对象中作用【1】获取浏览器的窗口消息【2】可以操作浏览器的地址信息【3】操作浏览器的滚动条的信息【4】查看浏览器的版本信息【5
2021-03-13 09:54:05
94
原创 day09-date对象
date对象概念：提供操作时间的一些方法var date=new Date(); //2021-03-12 20:44:12var years=date.getFullYear();//获取年份2021var month=date.getMonth()+1;//获取月份 03 ，索引从0开始，所以要加1var day=date.getDate();//获取日期 12var week=date.getDay();//获取星期var hours = date.getHours();var mi
2021-03-12 20:52:16
55
原创 day08-字符串
定义字符串字面量定义 var str=’ '|| " " || 内置构造函数定义 var str=new String()字符串也有索引，也有length属性，也可以通过索引获取字符串的某个字符字符串是可读不可写（只可以查看获取，不可以修改）字符串的方法【1】charAt(索引值) 根据索引找到对应的字符【2】charCodeAt(索引值) 根据索引值找到对应字符的ASCII码值【3】indexOf(字符) 判断字符是否存在字符串中+ 返回值：存在就返回这个字符的索引，不存在就
2021-03-12 20:41:30
65
原创 day07-ES5数组案例
every案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2021-03-12 20:24:00
80
原创 day06-对象和数组
递归函数递归：一种编程的方式直接或者间接的调用自身的一种程序，递归 其实包含一种隐式的循环执行一些重复的代码，不需要循环去控制，递归 一定要有结束递归的 条件，如果递归中没有结束条件的时候，会造成死递归（一直执行这个递归函数）function fun(n) { // for (var i = 1; i <= n; i++) { // console.log(i); // }
2021-03-12 19:58:40
133
原创 day05-函数的补充（事件）
常见的事件鼠标事件：利用鼠标去触发的事件onclick 单击事件,鼠标按下并且抬起的时候才会触发，是鼠标按下和抬起事件的组合onmousedown 鼠标按下事件onmouseup 鼠标抬起事件ondbclick 鼠标双击事件，快速的两次单击事件组成onmouseover 鼠标移入事件onmouseout 鼠标移出onmousemove 鼠标移动事件onmouseenter 鼠标移入onmouseleave 鼠标移出input事件：在input元素中做一些操作才能触发的事
2021-03-12 17:17:32
78
原创 day04-函数
认识函数1 . 概念：相当于一个盒子，把这些代码放入这个盒子，需要使用这些代码的时候根据函数的名字，去把这些代码取出来执行。2 . 作用：把重复功能的代码封装起来，需要使用这个功能的时候，就调用一下这个函数function fun(n) { for (var i = 1; i <= n; i++) { for (var j = 1; j <= i; j++) { document.write('*'); }
2021-03-12 16:40:16
60
原创 day03-循环
for循环结构for(初始化；判断条件；变量关系){ 循环体； }关键字：break continuebreak：终止循环，当循环中遇到break的时候那么和这个循环就会终止continue：继续，跳过本次的循环，继续后面的循环循环嵌套for(){ for(){ }}//外层循环决定行，内层循环决定的是列标识符：其实就是给循环取名字 outer: for (var i = 1; i < 4; i++) {
2021-03-12 15:41:35
40
原创 day02-分支语句和循环
流程控制语句顺序结构选择结构if分支switch多值匹配循环结构whiledo whileforfor infor of成绩判断【1】成绩在 90~100 评定为 A【2】成绩在 80~89 评定为 B【3】成绩在 70~79 评定为 C【4】成绩在 60~69 评定为 D【5】成绩在 60以下 评定为 Evar res=prompt("请输入成绩：")switch(true){ case res <= 100 &&a
2021-03-12 15:12:30
44
原创 day01-js基础
基本数据类型【1】number【2】string【3】boolean【4】undefined：定义变量未赋值【5】null：获取元素的时候，页面不存在这个元素的时候返回null复杂数据类型数组，对象，函数，正则。。。二进制数据：以0b或者0B开头八进制数据：以0o或者0O开头十六进制数据：以0x或者0X开头数据类型的转换其他数据类型==》数字类型Number（）整体转换parseInt（）从左到右转换，遇到不是数字的停止转换，不识别小数点parseFloat（）浮点数，识别
2021-03-12 14:48:02
57
原创 ES5数组的方法
map（）映射语法：数组.map（function（item，index，arr）{return 你要写的操作}）item：数组中每一个数据index：索引arr：原始数组forEach（）循环数组.forEach（function（item，index，arr）{}）filter（）过滤器数组.filter（function（item，index，arr）{return 条件}）some（）判断数组中是否有数据满足设置的条件数组.some（function（..
2021-03-04 20:15:40
58
1
原创 数组的方法
push（）向数组追加一个元素返回值：添加之后数组的长度改变原始数组pop（）删除数组中最后一个元素返回值：删除的那个元素改变原始数组unshift（）向数组中最前面添加数据返回值：添加之后的长度改变原始数组shift（）删除数组中的第一个元素返回值：删除的那个元素改变原始数组splice（index，length）删除任意位置的数据index：开始元素的索引。必填length：删除的个数。选填返回值：以数组的形式返回删除的数据改变原始数组slice..
2021-03-04 20:15:05
113
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人