鲨鱼辣椒️面-CSDN博客

MVC，MVP 和 MVVM 的图示MVCModel - 模型，数据View - 视图Controller - 控制器MVVMM - ModelV - ViewVM - ViewModel它采用双向绑定（data-binding）：View的变动，自动反映在 ViewModel，ViewModel 会自动去更新 Model 数据，反之亦然（即当 Model 发生改变时也会自动反映到 ViewModel 上，触发 View 的自动更新渲染）。Vue官网现行两大版本：vue2.x 、 v

2022-05-25 08:48:42 213

原创 git 的使用

Git分布式的版本控制系统常用命令$ git init # 初始化仓库$ git status # 查看版本库状态$ git add . # 添加到暂存区$ git commit -m 'feat: message' # 提交到本地仓库$ git log # 日志$ git clone repo.git # 克隆远程中央仓库到本地$ git push origin master # 将本地版本库推送到远程中央仓库中$ git remote add origin repo.git # 将本

2022-05-25 08:46:48 83

原创项目的git使用以及解决冲突

Git 仓库在 gitee 上创建一个远程中的空白中央仓库将本地已搭建项目的仓库与远程仓库关联，将本地版本库推送到远程中央仓库中：$ git remote add origin xxx$ git push origin master进行远程中央仓库设置：设置为开源项目添加小组成员到当前中央仓库中在远程中央仓库中，基于 master 分支，创建 dev 分支（以后小组成员写的代码，向 dev 分支中合并），将 dev 分支设置为默认分支解决冲突：从远程中央仓库中克隆代码（

2022-05-25 08:45:25 2535

原创 Node.js

NodeJS官网中文文档菜鸟教程模块化规范AMD - require.jsCMD - sea.jsCommonJS - NodeJS，利用 module.exports 或 exports 定义模块，利用 require() 引入依赖模块ES6 ModulesNodeJS 中，一个文件就是一个模块，在文件内部定义的变量，如果需要在其它文件中使用到，则需要通过 module.exports 导出，在其它要使用的文件中用 require() 引入即可。nodemon是一个监视文件夹中文

2022-05-07 17:14:59 304

原创 JS jQuery基础2

1.动态DOM节点创建节点dom方式： document.createElement("p"); <=> <p></p>jquery方式： $("<p>").text("内容"); <=> <p>内容</p> var div = $('<div></div>')添加节点parent. append (child)向父元素( parent )

2022-04-14 20:11:17 735

原创 jQuery基础

jQuery中文官网 https://jquery.cuishifeng.cn/jquery语法$(selector).action()$('p').html('内容')=p.innerHTML = '内容'1.基本选择器（1）元素选择器；$('p').action()（2）id选择器； $('#id').action()（3）class选择器； $('.class').action()（4）群组选择器； $('#id,.class,p').action()（5）*选择器 $

2022-04-13 10:03:46 689

原创 JS 闭包和继承

1.继承继承是类与类之间的关系子类继承父类子类就拥有父类的属性和方法1.JS中没有类,但是可以通过构造函数模拟类,然后通过原型来实现继承父类//人类-父类function Person(){this.name 'jack'this.age 20}Person.prototype ={ constructor:Person, //手动设置constructor:指向构造函数say:function(){console.log('说话') }}子类//学生-子

2022-04-12 09:56:26 194

原创 JS promise

1.异步与同步同步操作: 当一个操作开始执行后，主程序需等待它的完成，才能继续向下执行。异步操作:当一个操作开始执行后，主程序无需等待它的完成，可以继续向下执行。此时该操作可以跟主程序同时（并发）执行。问题：异步任务完成后返回结果处理问题?解决办法：回调函数 (回调函数可以解决异步任务问题)2.回调函数将函数callBack作为参数传给函数fun, 在函数fun中以形参方式进行调用, 函数callBack就称为回调函数3.Promisepromise是对异步操作的封装，封装异步文

2022-04-11 09:38:51 110

原创 JS 跨域请求和Ajax封装

1.同源策略 1.浏览器的一个安全功能，不同源的网页脚本在没有明确授权的情况下，不能读写对方资源，所谓同源是指“协议+域名+端口”三者相同如果不使用浏览器此安全策略没有影响使用ajax技术从一个网页去请求另一个网页违反同源策略，会出现跨域问题 2.跨域问题解决方法： 1.不使用ajax技术(XMLHttpRequest)请求 2.授权跨域资源共享 3.使用代理服务器2.JSONP技术：原理：利用html的<script>标签天生可

2022-04-11 09:38:14 299

原创 JS Ajax

1.HTTP协议HTTP（超文本传输协议） HTTP是一个基于请求与响应模式的、无状态的、应用层的协议，绝大多数的Web开发，都是构建在HTTP协议之上。 url : 统一资源定位符建立链接的主要步骤叫做三次握手 http请求由三部分组成，分别是：请求行、请求头部、请求包体(正文) HTTP响应也是由三个部分组成，分别是：状态行、消息报头、响应正文2.AJAXAjax：现在允许浏览器与服务器通信而无须刷新当前页面的技术. 不需要刷新整个页面，只刷新局部页面的一种异步通讯技

2022-04-11 09:37:18 69

原创 JS 网络编程

1.认识NodejsNodejs是一个应用编程平台，能运行javascript语言编写的代码，提供了javascript运行环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。提供了大量应用编程接口API,在处理http网络、数据库、文件等操作时非常方便.2.创建web服务器1.创建一个服务要开启先要创建—个服务const http = require( " http" )//创建—个服务//这个服务默认监听http 协议//这个服务默认监听Loca

2022-04-06 11:11:41 1685

原创 JS 原型对象和类

1.创建对象方式简单方式new Object简单方式-创建对象let personobj = new Object();//对象属性personObj.name = '小明';personobj.age = 3;//对象方法personObj.playGame = function () {console.log('玩游戏');}person0bj.playGame();字面量方式//字面量方式let person1 = {name:‘小明’,age: 18,playG

2022-03-31 15:07:51 1252

原创 JS localstorage

1.json介绍JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript语言的一个子集。2.json语法语法规则json对象是一个无序的“‘名称/值’对”集合。一个对象以 {左括号开始， }右括号结束。每个“名称”后跟一个 :冒号；“‘名称/值’ 对”之间使用 ,逗号分隔。{"名称1":"值1","名称2":"值2"}值（value）可以是双引号括起来的字符串（string）、数值(number)、true、fals

2022-03-30 09:30:59 213

原创 JS 正则表达式

1.正则表达式正则表达式，全称“Regular Expression”，在代码中常简写为regex、regexp或RE。正则表达式，就是用某种模式去匹配一类字符串的公式。 1. 显式定义（构造函数） let 变量名 = new RegExp("正则表达式模式"); 2. 隐式定义(字面量) let 变量名 = /正则表达式模式/2.正则表达式常用方法1.test正则去匹配字符串，如果匹配成功就返回真，匹配失败返回假写法：正则.test(字符串)如：var

2022-03-29 09:17:24 20078

原创 JS this关键字和错误处理机制

1.自调用函数( function(){console.log('自调用函数)})()2.this关键字- 每一个函数内部都有一个关键字是 this- 可以让我们直接使用的- 函数内部的 this 指向谁，取决于函数的调用方式- 重点：函数内部的 this 只和函数的调用方式有关系，和函数的定义方式没有关系全局定义的函数直接调用，this => window定时器的处理函数，this => window对象内部的方法调用，this =>调用者事件处理函数，t

2022-03-26 09:36:17 205

原创 JS 事件委托

6.焦点事件1.失去焦点 onblur 2.获取焦点 onfocus7.键盘事件document.onkeyup：按键抬起document.onkeydowm：按键按下event.keyCode：获取键码兼容性写法：var keyCode=e.keyCode || e.which8.浏览器事件window.onload :页面全部资源加载完毕window.onscroll :浏览器滚动的时候触发window.onresize:页面大小事件5.事件监听事件的绑定方式DOM

2022-03-25 09:25:03 102

原创 JS 事件

1.判断节点类型节点类型 nodeType 节点名称nodeName 节点值nodeValue元素 1 大写的标签名 null文本 3 #text 内容属性 2 属性名属性值2.获取元素的样式行间样式获取操作样式:.style.样式名=样式值.className = ''.classList.add().remove()获取元素的非行间样式window.getComputedStyle(节点对象).样式获取元素宽高1

2022-03-24 09:08:28 262

原创 JS 节点对象

1.DOM节点对象1.dom角度:整个html文档看作一个文档对象document,每个html标签元素看作dom节点对象，每个html标签元素的内容、属性也被看作是dom节点对象=> html文档中所有元素都被看作是dom节点对象2.dom节点对象分类html标签元素元素节点标签内容文本节点标签属性属性节点3.层次结构元素节点之间有空白的文本节点lastchild：最后一个子节点frstchild：第一个子节点parentNode：父节点nextSibling：下

2022-03-23 09:21:58 319

原创 JS DOM

1.DOMDOM（Document Object Model）：文档对象模型2.获取html元素1.getElementById(‘id属性值’)getElementById是通过标签的id名称来获取标签的·因为在一个页面中id是唯一的，所以获取到的就是一个元素<body><div id="box"></div><script>var box = document.getElementById( ' box ')console.log(b

2022-03-23 09:21:13 257

原创 JS BOM

1.BOM BOM，Browser Object Model，即浏览器对象模型。 1.window对象包含了核心对象location，即当前页面的地址history，即页面的历史记录navigator，包含浏览器相关信息screen，用户显示屏幕相关属性screen，用户显示屏幕相关属性2.窗口对象(window) 1.常用方法prompt()显示可提示用户输入的对话框alert( )显示带有一个提示信息和一个确定按钮的警示框confirm( )显示一个带有提示信息、确定和取

2022-03-21 11:44:27 174

原创 JS Math和Date

1.Math1.随机数randomMath.random() 这个方法是用来生成一个 0 ~ 1 之间的随机数var num = Math.random()console.log(num)//得到一个随机数注意：生成的数字包含 0 ，但是不包含 12.取整方法round,ceil,floorceil 是将一个小数向上取整floor 是将一个小数向下取整round 是将一个小数四舍五入3.绝对值absMath.abs()是返回一个数字的绝对值4.最大值max最小值min

2022-03-21 11:43:41 1020

空空如也

空空如也