- 博客(102)
- 收藏
- 关注
RSS订阅原创 怎么做网站
教程建站流程网站的三要素一. 注册域名域名的分类二. 主机主机的分类三. 域名解析与绑定四. FTP工具 \ 网站目录与默认首页FTP(文件传输协议)常用的ftp工具网站目录与默认首页网站的三要素一. 注册域名+ 域名实名认证和域名备案并不一样，不管注册的是.com的国际域名，还是.cn国内域名，都是需要进行域名实名认证的。根据《中国互联网络域名管理办法》的规定，注册.xin 域名、.cn等国内域名、.com/.net国际域名、.top域名都要求必须进行实名认证（未完成实名认证的域名会处于
2021-11-17 03:15:11
818
原创 JS-part16.8-ajax
phpajaxajax+ 前后端交互的一种手段 + 通过 JS 向服务端发起请求 => 所有服务端返回的响应都不会直接显示在页面上 => 而是返回给 JS 这个语言 + 说明: JS 和服务端交互 => 依赖于浏览器来发送请求 + ajax => a: async => j: javascript => a: and => x: xml 使用方式 1. 找到一个对象能帮我发送 ajax
2021-11-17 01:48:15
208
原创 JS-part16.7-session
phpsession解释定义login 小案例session解释前端FE: + 有两个页面 => 一个login页面 -> 把用户名密码发送给后端, 后端只会返回结果给登录页, 所以登录页知道是否登录了 =>一个home首页: 那home 页怎么知道?后端BE: + 有一个"保险柜" 叫session => 登录成功后我向保险柜session里面存储一个信息, 比如 login:1 => 保险柜session有密码: xxxxxxxx
2021-09-20 19:13:40
127
原创 JS-part16.6-Cookie
httpCookiecookie 的特点(重点!!!)前端操作 cookie设置 cookie (重点!!!)设置一个有时效性的 cookie前端获取 cookie后端操作 cookieCookie+ 浏览器端的本地存储空间 + 用来存储一些数据cookie 的特点(重点!!!)1. 按照域名存储的 + 哪一个域名存储的, 在当前域名下就可以访问 + 换一个域名就不能访问2. 按照文件路径存储 + 你在 a 文件夹下存储的数据 + 只能在 a 文件夹及子文件夹访问 + 在
2021-09-20 15:28:38
88
原创 JS-part16.5- 响应状态码 / 请求方式
http传输协议响应状态码常见状态码请求方式GET 和 POST 请求方式的区别(重点!!!)Cookie响应状态码+ 以一个数字表示本次请求的响应状态 => 成功: 创建成功, 删除成功, ... => 失败: 客户端失败, 服务端失败, ...+ 是 100 ~ 599, 分成五类 => 100 ~ 199, 表示连接继续 => 200 ~ 299, 表示各种意义上的成功 => 300 ~ 399: 表示重定向 => 400 ~ 499:
2021-09-19 05:01:47
524
原创 JS-part16.4- http传输协议
http传输协议http传输协议传输协议的步骤1. 建立连接2. 发送请求3. 接收响应4. 断开连接http传输协议+ 前后端交互的方式+ 前端以什么样的形式发送数据给后端+ 后端以什么样的形式返回数据给前端传输协议的步骤1. 一个请求必须经历四个步骤 1-1. 建立连接 1-2. 发送请求(前端给后端) 1-3. 返回响应(后端给前端) 1-4. 断开连接2. 只能由前端发起 + 不能由后端主动沟通前端3. 一次只能说一个事情 + 对于这一个事情你可以尽可能的描
2021-09-18 01:54:29
127
原创 JS-part16.2- PHP基础语法
JavascriptPHP基础语法学习 php 代码的书写PHP基础语法书写 php + php 代码书写在一个 .php 后缀的文件里面 + 必须写在 php 标签内部<?php ?> + 写在外面的内容, 当你在浏览器去运行这个 php 文件的时候 + 都会被当成 html 来解析注意: 1. 每一句话都要有分号 2. 你要运行 php 文件, 必须启动 apache, 在服务器环境下访问 => 直接本地打开, 浏览器是不认识的学习 php
2021-09-16 17:43:12
102
原创 JS-part16.1- PHP 学习
JavascriptPHP介绍环境安装服务和服务器服务器服务网络环境PHP 开发了解 LAMP 环境PHP介绍不深入学习, 只为了解后端开发状态, 学习程度到了解基础语言, 能书写 demo 就行PHP 主要是用于服务端的脚本程序，基本都用在web应用中的中间层，负责数据库以及前台页面交互和信息传递. 能够完成的工作，例如收集表单数据，生成动态网页，或者发送／接收 Cookies。环境安装+ 浏览器不运行 php 文件+ php 解析需要 apache 环境+ 涉及到后端, 数据库(My
2021-09-15 22:03:50
92
原创 JS-part15.2-贪吃蛇案例
Javascript贪吃蛇贪吃蛇1. 分析需求 + 我们把一个贪吃蛇拆成四个模块 1-1. 食物模块 - 生成一个食物, 随机一个位置 1-2. 蛇模块 - 生成一个蛇, 给蛇加一节, 移动, 判断吃到食物, 死亡 1-3. 游戏规则 - 跑的多快, 游戏计分, 游戏怎么开始, 怎么结束, 吃到食物做什么, 撞墙做什么 1-4. 整合, 点击什么开始, 点击什么结束, ... 2. 书写食物模块 + 创建一个标签, 类名是 food + 计算一个位置
2021-09-14 00:12:30
113
原创 JS-part15.1-模块化开发
Javascript模块化开发没有模块化的时候IIFE 标准CommonJS 模块化标准AMD 模块化标准 - Async Module Definition - !依赖前置!CMD - Common Module Definition - 通用模块定义 - !即时依赖!ES6 ModuleES2020 发布新的标准模块化开发+ 为什么需要模块化开发 => 例子: 分页器, Pagination, creEle, setCss -> creEle 和 setCss 其实在很多地方
2021-09-12 22:43:36
128
原创 JS-part15-分页器
Javascript分页器分页器1. 根据传递的参数设置一系列默认值 => first 显示的文字 => 根据多少条数据和一页显示多少条计算多少页 => 不管用户是否传递, 你得有一套默认值 => 用户传递的数据和默认值配套2. 渲染结构 => this.ele 里面要添加 div * 6 -> 我需要创建至少 6 个 div -> 每个 div 的类名不一样, 文本内容不一样, 样式也不太一样 => 准备两个方法
2021-09-12 01:17:02
344
原创 JS-part14.6-面向对象的左右切换轮播图
Javascript面向对象的左右切换轮播图面向对象的左右切换轮播图<body> <div class="banner"> <ul class="img_box"> <li style="background-color: pink">1</li> <li style="background-color: orange">2</li>
2021-09-11 02:48:05
151
原创 JS-part14.5-ES6 的类
JavascriptES6 的类ES6 的类+ 我们在 ES5 之前, 我们就用 函数 来充当 构造函数(类)+ ES6 引入了一个 类 的概念 => 就是使用一个新的关键字来定义 构造函数(类) => 定义完毕后, 就是一个类, 不能当作函数来调用 => 只能通过 new 来得到一个对象function Person(){ this.name = 'Jack' this.age = 18}let p1 = new Person()conso
2021-09-09 23:49:32
99
原创 JS-part14.4-面向对象的放大镜
JavaScript面向对象的放大镜面向对象的放大镜 准备构造函数 1. show 盒子 属性: 移入移出事件 2. mask 盒子 属性: 显示隐藏 / 移动 3. enlarge 盒子 属性: 显示隐藏 / 背景图片移动 4. list 盒子 属性: 切换图片 5. 一对方法<style> *{ margin: 0; padding: 0; } .box{ width: 450px
2021-09-09 23:19:07
144
原创 JS-part14.3-了解对象 / 数据劫持
Javascript对象for in 循环对象自己的方法hasOwnProperty()defineProperty() 数据劫持数据劫持的意义对象对象 + 我们数据类型的一种 + 以键值对的形式存储数据 + 因为 __proto__ 和 原型链 可以访问自己没有的属性for in 循环for in 循环 + 专门遍历对象 + 遍历对象身上的所有属性 + 遍历对象身上所有的 可枚举 的属性(包括原型链上的所有 可枚举 属性) => 一种是自定义的属性
2021-09-09 03:52:44
262
原创 JS-part14.2-对象访问机制 / 原型链 / 原型 / 判断数据类型
JavaScript对象访问机制原型链原型判断数据类型对象访问机制上一节的内容: + 当你访问一个对象的成员的时候, 会现在自己身上找 + 自己没有, 去到 __proto__ 上找 + 再没有, 一直找到顶级对象的 __proto__ 都没有 + 就返回 undefined分析: + 定义1: 每一个对象都有 __proto__ + 随便一个实例化对象的 __proto__ 是所属构造函数的 prototype + 定义2: 每一个函数都有一个 prototype,
2021-09-09 01:10:51
275
2
原创 JS-part14.1-面向对象开发 / 创建对象的四种方式 / 构造函数的书写和使用
Javascript了解面向对象开发创建对象的四种方式1. 字面量创建2. 内置构造函数创建3. 工厂函数创建对象4. 自定义构造函数创建构造函数的书写和使用了解面向对象开发+ 是一个开发思想(你写代码的方式)+ 面向过程 => 在开发的过程中, 关注每一个 步骤 细节 顺序, 实现效果+ 面向对象 => 在开发过程中, 只关注有没有一个对象能帮我完成 例子: 我今天要吃面条 + 面向过程 1. 和面 - 多少面粉 多少水 2. 切面
2021-09-07 04:13:35
334
原创 JS-part13.2-swiper
Javascriptswiper轮播图整屏切换swiperswiper官网和使用方法API文档有各种配置, 再也不用手写轮播图了swiper + 前端插件: 实现页面上滑动类效果使用: 1. 下载插件 https://www.swiper.com.cn/ 2. 引入 css 和 js 文件 3. 复制 html 结构 4. 直接调用 swiper 实现轮播图轮播图<head> <link rel="stylesheet" href="./sw
2021-09-06 21:40:20
95
原创 JS-part13.1-左右切换轮播图 / 渐隐渐现轮播图
JavaScript左右切换轮播图左右切换轮播图<!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.
2021-09-05 23:59:45
556
原创 JS-part12.4-ES6-运动函数
Javascript引入运动函数运动函数第一版运动函数第二版运动函数第三版运动函数第四版运动函数第五版运动函数第六版运动函数第七版简单版多属性运动函数的封装引入运动函数+ 就是把运动的这一段过程抽离出来, 封装成一个函数需求1: 实现点击 div 移动到 200px 的位置 => 需要运动 => 需要一个 setInterval(), 每隔一段时间移动一段距离, 到达目标位置后关闭定时器需求2: 实现点击 p 移动到 300px 的位置var div = documen
2021-09-05 05:27:04
253
原创 JS-part12.3-ES6- 箭头函数 / 函数的参数默认值 / 模板字符串 / 点点点运算符 / 解构赋值 / 对象的简写形式
Javascript一. ES6的箭头函数箭头函数的特性二. 函数的参数默认值三. 模板字符串四. 点点点(...)运算符1. 展开运算符2. 合并运算符五. 解构赋值1. 解构数组2. 解构对象六. 对象的简写形式一. ES6的箭头函数+ 一种新的函数定义方式+ 对于函数表达式的简写方式(匿名函数)+ 匿名函数 => var fn = function(){} => var obj = { fn: function(){} } => setTimeout( funct
2021-09-04 22:27:21
736
1
原创 JS-part12.2-ES6定义变量
JavaScriptES6ES6定义变量let/const 和 var 的区别let 和 const 的区别变量的块级作用域案例: 选项卡ES6ES6: + 官方名称叫做 ES2015 + 语法层面的更新 => 原先: var a => ES6: let a + 我们书写代码: => 不需要考虑语法层面的兼容 => ES6 转换 ES5 的工具叫做 babelbabel中文官网ES6定义变量let/const 和 var 的区别
2021-09-04 03:32:11
202
原创 JS-part12.1-this指向 / 改变this指向
Javascriptthis指向改变this指向1. call()2. apply()3. bind()this指向+ 定义: => this 是一个使用在作用域内部的关键字 => 全局很少有, 大部分是在函数内部使用+ 指向: => 全局使用: window => 函数使用: **不管函数怎么定义, 不管函数在哪定义, 只看 this 在函数里的调用(箭头函数除外)** -> 普通调用(直接调用/全局调用) + 函数名(): this
2021-09-03 23:30:47
169
原创 JS-part11.2-自执行函数
Javascript 自执行函数自执行函数+ 函数调用的一种方式 + 不会预解析, 当代码执行到它的时候, 预解析和调用同步完成 + 以前的: function fn(){}, fn() + 语法: 1. (function(){})() 2. ~function(){}() 3. !function(){}() + 一般的作用是单独书写 js 文件的时候使用 => 为了保护变量不污染全局 => 每一个 js 文件里面
2021-09-03 21:09:23
100
原创 JS-part11.1-案例: 购物车 / TODOMVC /拖拽
JavaScript购物车TODOMVC拖拽购物车不放代码了用的之前的list页面:购物车页面:TODOMVCToDoMVC官网html结构和css是从官网扒下来的Html如下:<!doctype html><html lang="en" data-framework="javascript"> <head> <meta charset="utf-8"> <title>Template • TodoMVC<
2021-09-03 20:43:33
261
原创 五、测试用例和设计方法
软件测试测试用例定义模板和内容作用编写注意事项黑盒测试用例设计方法概述等价类划分法边界值分析法测试用例定义+ 定义：设计一个情况，软件程序在这种情况下，必须能正常进行并且达到程序所设计的预期结果+ 如果软件按照测试用例达不到预期结果怎么办？ => 表示已经测出软件的缺陷 => 标示该缺陷，通知软件开发人员 => 开发人员把这个问题修改完成于下一个测试版本内+ 开发人员说缺陷修复了，OK么？ => 测试人员获取到新的测试版本后，必须利用同一个用例来测试该问题，确保该
2021-08-27 04:11:22
613
原创 四、软测的分类
软件测试软件测试的分类按开发阶段划分单元测试集成测试软件测试的分类按开发阶段划分单元测试集成测试
2021-08-19 02:46:14
224
原创 三、软测流程 / 软测过程模型
软件测试软件测试流程软件测试过程模型V模型W模型H模型X模型软件测试过程理念这里说的是独立于开发之外的测试流程软件测试流程软件测试过程模型V模型+ 是瀑布模型的进阶+ 明确的标注了测试过程中存在不同的测试类型+ 明确的表示出了开发阶段与测试各阶段的对应关系 => 单元测试是否满足详细设计的要求 => 集成测试验证之前已测试过的部分是否可以很好的结合在一起 => 系统测试检测系统功能，性能的质量特性是否达到系统要求的指标 => 验收测试确定软件的实现是否满足用户
2021-08-16 22:52:48
175
原创 二、软件工程 / 生命周期 / 软件开发模型
软件测试软件危机和软件工程软件生命周期软件生命周期模型1. 瀑布模型2. 螺旋模型3. 迭代模型4. 敏捷开发模型5. 增量模型6. 快速原型模型软件危机和软件工程软件危机软件工程软件生命周期软件生命周期模型+ 模型：定义了生命周期中要做的各项工作的规范和顺序。+ 目的：以便开发人员可以了解何时启动和终止软件中的每个活动。 软件拥有生命周期模型将有助于开发人员以系统和有组织的方式开发软件。+ 种类：有很多种，每个模型都有自己的活动流程顺序，并且每个模型在某种程度上彼此不
2021-08-16 21:00:58
513
原创 一、软件和软件测试
软件测试软件软件软件 + 程序 + 数据 + 文档所以说，软件测试是要测这三项软件的分类 + 按层次划分 + 系统软件 + 应用软件 + 按组织划分 + 商业软件 + 开源软件 + 按结构划分 + 单机软件 + 分布式软件...
2021-08-16 01:33:08
99
原创 JS-part10.3-事件的传播 / 事件的目标冒泡和捕获
Javascript事件的传播事件的目标冒泡和捕获目标冒泡捕获addEventListener() 的第三个参数移入移出事件的区别阻止事件传播阻止事件传播事件的传播事件的传播 + 当你在一个元素上触发行为的时候 => 会按照 结构父级 的顺序向上传播 行为(是行为,不是事件处理函数) => 直到 window 为止 利用事件的传播的例子 + img外面包个a标签, 点击img跳转链接<div class="outer"> <div cla
2021-07-26 03:13:02
128
4
原创 JS-part10.2-事件对象
JavaScript事件对象鼠标事件的时间对象信息练习1: 实时显示光标坐标点练习2: 鼠标跟随组合事件对象+ 当一个事件触发的时候, 对本次事件的描述+ 例子: 客服 => 当电话响的时候, 接起来, 聊 => 在接电话的时候, 需要记录一些信息 -> 什么地方打来的 -> 说了什么事情 -> 需要什么帮助 -> 什么时间 -> ...+ 例子: 鼠标按下行为 => 当你在浏览器上触发点击行为的时候
2021-07-19 06:13:15
164
2
翻译 正则表达式
JavaScript七、正则表达式7.1 模式匹配字符串1.字符类2.量词3.指定匹配位置4.使用选择匹配符5.分组7.2 正则表达式的创建7.3 正则表达式的判定1. test()方法2. exec()方法七、正则表达式正则表达式(regular expression)提供了一种字符模式匹配和文本检索与替换的模板，来验证客户端的输入数据的合法性通过客户端验证，可以节约大量的服务器端的系统资源，并且提供更好的用户体验。一个正则表达式是由普通字符(如a～z)以及特殊字符(元字符)组成的模式字符串。它描
2021-07-17 17:32:35
86
原创 JS-part9.2-模板引擎
JavaScript模板引擎模板引擎art-template官网+ 什么是模板引擎？ => 帮助我们快速渲染页面 => 三体分离(结构 样式 行为 分开) => 一般都是第三方文件引入使用 + 常见的模板引擎？ => art-template, 前后端都可以用 => underscroll, 后端 JS 不能用 => e.js, 后端 JS 不能用 => template, 后端 JS 不能用 + art-templat
2021-07-14 02:58:02
134
原创 JS-part9.1-分页器分页渲染 / 下拉刷新分页渲染
JavaScript分页器分页渲染分页器分页渲染<!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
2021-07-11 19:18:37
439
1
原创 JS-part8.6-二级菜单渲染(仿小米)
二级菜单渲染分析数据结构+ 类似于 data.js 的多维数组结构[ { 标题：Mi Telefone list: [ { 图片 描述 价格 }, { 图片 描述 价格 }
2021-07-11 05:11:09
469
1
原创 JS-part8.5-元素的常用事件
JavaScript事件事件的定义常见的事件鼠标事件类型键盘事件类型浏览器事件事件事件的定义+ 在页面中所做事情的描述+ 一个项目里会有多个事件，但只有触发了的事件才会被执行。+ 实现: 函数和元素结合 => 当我在页面的某一个元素上触发行为的时候,执行某一个函数 => 该页面元素的id名,可以直接当作一个变量来使用.+ 例如:在页面载入完毕时，将触发onload事件；当用户单击按钮时，将触发按钮的onclick事件等。 => on 是绑定事件的一种方式
2021-07-08 21:22:34
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人