不倒翁丶-CSDN博客

首先理解需求当我们从项目 index 页面，跳转到 logs 页面时：若不存在 logs 页面，则跳转到新的 logs 页面；若存在 logs 页面，则跳转到这个已打开的 logs 页面；并且当我们在返回 index 时，不是以创建新的 index 页面返回，而是直接返回已存在的 index 页面。成果展示1. 首页 index.html<div id="app"> <button class="btn" @click="linkTo('./logs.html','

2021-05-28 15:05:23 841 5

原创【 JavaScript 】数组去重（Max）

js 数组去重

2021-05-28 11:09:22 178 2

原创 MVC 与 MVVM的区别

MVCMVC：Model View ControllerM：对象在数据库中的存储V：视图层C：控制器MVVMMVVM：Model View ViewModuleM：对象/属性V：视图/被动视图VM：视图模型MVVM 与 MVC 区别：MVVM：各层之间的数据通讯是双向的，MVC是单向通信MVVM: MVVM V M 不会直接沟通，MVC 中的可以MVVM：View 非常薄,不部署任何业务逻辑,称为"被动视图"(Passive View),即没有任何主动性.MVVM：

2021-03-05 16:07:06 286 1

原创【Less and Sass】

Less 和 Sass第一章 Less和Sass简介Less和Sass都为动态样式表的语言，即css框架，通过简洁明了的语法定义，使得编写CSS的工作变得非常简单。第二章 Less本质上，LESS 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性，更不是用来取代 CSS 的，而是在现有 CSS 语法的基础上，为 CSS 加入程序式语言的特性。`2.1 配置在服务器配置less非常

2021-01-26 19:53:56 139

原创【 Vue 】Vue 小常识

一、vue 实例时为什么会有初始化数据、事件如果没有那些数据，事件 vue 在渲染时找不到数据或事件就会报错！二、vue $Vue 中带有前缀 $ 的一些实例属性与方法，是 vue 实例自带的属性与方法，$ 用于区分用户自定义的属性、方法；...

2020-12-27 15:44:57 182

原创【 Vue 】 Store 存储之 dispatch && commit

Store 存储之 dispatch && commit一、存在即合理1. Store 当我们在使用 vue 时，同一个数据可能需要被多处复用，你可以选择创建一个公共 data ，数据有了，但是，调试将会变为噩梦。任何时间，我们应用中的任何部分，在任何数据改变后，都不会留下变更过的记录。为了解决这种问题，Store 由此诞生，我们会将这个公共 data 放进 Store 中用于同一管理。（下面创建一个简答 store）// 一个简单的 storevar store =

2020-12-06 11:40:50 9936

原创【JS 算法基础】单链表操作-反转链表

单链表—翻转链表例题：链表：1->2->3->4->5->null 反转后：5->4->3->2->1->null一、翻转单链表逻辑分析/* 头结点指向 null ,尾结点 n 指向第 n-1 个结点，第 n-1 个结点指向第 n-2 个结点，以此类推，第二个结点指向第一个结点 1 -> 2 -> 3 -> 4 -> 5 -> null 5

2020-12-03 15:10:35 980

原创【JS 算法】链表

链表一、链表链表由一系列结点（链表中每一个元素称为结点）组成，结点可以在运行时动态生成。每个结点包括两个部分：一个是存储数据元素的数据域，另一个是存储下一个结点地址的指针域。// 定义一个结点var node = (val=null,next=null) => { return { value:val, next:next }}1）特性：链表链表允许插入和移除表上任意位置上的节点，

2020-12-03 14:54:08 124

原创【 Vue 】 Vue 使用脚手架创建项目

Vue 使用脚手架创建项目步骤一、下载 node.js1. 在 node.js 官网下载 node.js。·2. 在 cmd 中查看版本号查看 node 版本号node -v查看 npm 版本号npm -v二、通过 npm 全局安装安装 vue-cli1. 安装 vue-clinpm install @vue-cli -gORyarn global add @vue-cli2. 查看当前 vue 版本号vue --version

2020-11-28 08:47:11 240

原创【Vue】esLint 常见报错

ESLINT 规范下 VUE 常见报错一、换行错误（1）换行过多错误Too many blank lines at the end of file解析：结尾处换行超过1行（2）结尾无换行错误Newline required at end of file but not found解析：结尾处没有新的换行（3）禁止换行错误More than 1 blank line not allowed解析：不允许换行超过1次, 只能有一行换行二、缩进错误（1）

2020-11-10 17:08:55 2272

原创【Vuex】使用 .prettierrc 文件对编写代码格式化

一、对 HTML、CSS、JS、LESS的格式化配置{ // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.defaultF

2020-11-10 16:28:22 1150

原创【 JSON 】 JSON 文件中各版本号表示含义

{ "dependencies": { "foo": "1.0.0 - 2.9999.9999", "bar": ">=1.0.2 <2.1.2", 必须大于等于1.0.2版本且小于2.1.2版本 "baz": ">1.0.2 <=2.3.4", 必须大于1.0.2版本且小于等于2.3.4版本 "boo": "2.3.1", 必须匹配这个版本

2020-11-08 15:04:18 915 1

原创【Vue】在 Chrome 中安装 Vue 扩展程序

Chrome 中安装 Vue 扩展程序1. 下载压缩包；2. 解包并进入解压后的 vue-devtools-master 文件夹；3. 在搜索栏输入 cmd ，进入命令提示符案板：命令行中输入npm install，安装所需依赖包;4. 执行： npm run build 命令;5. 进入 vue-devtools-master\shells\chrome 文件中，将 manifest.json 文件打开，找到 background 中的 persistent，改为 true；

2020-11-08 15:02:05 1155 2

原创【requirejs】版本

一、require 最新2.3.6版本下载：Requirejs-2.3.6 DownloadRequire-1.0.8.min.js Download二、require 其他各大版本：Requirejs

2020-10-29 15:36:06 221

原创【 JQuery 】源码解析大纲

Jquery 2.0.3 源码解析20. JQuery 入口函数(function(window, undefined ){})(window,undefined);1.匿名函数执行 jquery ：节省内存；2.window 传参：减少查找次数，提高效率，不需要逐级向上查找，直接查找 window ；3.undefined 传参：抑制 undefined 的出现，提高代码的持久性，防止 undefined 在应用程序中的传播；Tip:

2020-09-26 18:04:11 131

原创【Canvas】HTML5 新特性——绘溢天下

Canvas StudyCanvas ： html5 新特性，canvase 是一个标签，可用 css 渲染，但主要用 js 绘制图案，进行渲染，通过 Canvas 你可以实现任何你想绘制的图案、动画3D动效等； <canvas></canvas>标签一、.基础案例1、 canvas.getContent ( contextType , contextAttributes )contextTypecontextAttributes①“2d”，

2020-09-18 21:43:49 734

原创【 Ajax 】 JSONP && $.getJSON() 实现跨域访问

Ajax 实现跨域访问一、跨域访问是什么？1. 同源策略同源：协议+ 域名 + 端口号三者相同；不同源：协议、域名、端口号三者任意不相同，即为跨域；**Tip????通常情况下，协议大多数网站是相同的，所以根据域名的相同与否划分为：跨域>：域名相同，端口号不同；跨子域：域名不同；二、常见跨域访问Such as:<link> 元素<script> 元素<img> 元素<iframe> 内联框架元素&lt

2020-09-05 13:08:28 463

原创【 Ajax 】 JQuery中对 Ajax 的封装

13、【JQuery】load() 方法14、【JQuery】get() && post() 方法15、【JQuery】ajax() 方法16、【JQuery】getScript() 方法17、【JQuery】getJSON() 方法18、【JQuery】实现【三级联动案例】Jquery 中的 Ajax 现在，我们通过 Jquery 中的 Ajax 实现一个小案例，就是百度的搜索栏案例：案例前置在进行案例分析之前我们需要一些提前的技术基础和，一些我们需要用到的数据

2020-09-05 07:38:55 259

原创【 Ajax 】 json 数据格式

一、JSON ？JSON：JS Object Notation，JS 对象表示法，采用完全独立于语言的文本格式，可以在多种语言之间自由转换，是一种非常流行的数据交换语言。语法结构：1."名称/值（A collection of name/value pairs）,键值对组合；"2.“值的有序列表（An ordered list of values）”，数组；JSON 文件：以.json为后缀名的文件；case:[ { "type":"武侠", "name":[

2020-09-05 07:21:04 275

原创【 Ajax 】基础用法

1、同步交互 && 异步交互同步交互客户端向服务端发送请求，必须等待上一个请求结束，才能向服务端发送请求；异步交互客户端向服务端发送请求，不需要等待上一个请求结束，才能向服务端发送请求；优势：用户操作无须有等待同步交互的结果；异步交互只需要与服务端交换必要的数据内容，而不是将所有的数据全部更新；异步交互对带宽造成的压力更小；Ajax 实现异步交互不需要第三方插件

2020-08-31 08:15:23 109

原创【 Ajax 】学习纲领

学习大纲【Ajax】基本用法【Ajax】 json 数据格式【Ajax】 jquery 中的 Ajax【Ajax】跨域访问【Ajax 库】 axios 基础用法【Ajax 库】 axios 请求合并【Ajax 库】基于 Promise 的封装【Ajax 项目实战】京东投票...

2020-08-27 18:56:23 94

原创 HTTP （原理 && 实践） HTTP2 优点

HTTP2 优点一、多路复用多路复用（Multiplexing）：一个信道同时传输多路信号。优点：1. 避免了突发性和短时性的HTTP连接性能差的问题了 ( 因为TCP协议里面有慢启动，开始都很慢的).2. 允许同时通过单一的 HTTP/2 连接发起多重的请求-响应消息。（一次多请求）二、二进制分帧二进制分帧：将消息分成了更小的二进制编码的帧，各个帧之间存现相互关联的关系。优点：1. 减少传输量 .三、首..

2020-08-27 02:07:32 900

原创 HTTP (原理&&实践—3) Nginx 部署 HTTPS

nginx工作流程图1.环境准备:1）下载并安装 Nginx2）下载并安装 OpenSSL2.生成证书1）找到 Nginx 目录（下载并安装安装完成后的目录） , 运行 cmd2）在 CMD中输入：openssl genrsa -des3 -out server.key（需要设置密码）3）创建 csr 证书：（成功后会生成 server.key 文件）4）拷贝 server.key 并重命名为 server.key.org5）去除密码..

2020-08-26 07:19:50 150