weixin_45768538的博客

原创 PyOpenGL笔记

PyOpenGL详细教程

原创 设计模式总结

原创 UML（用例图，类图，对象图，包图）

一、用例图用例：用例表示系统的功能，一个用例是系统功能的一个通用描述，系统的用例构成了系统的所有使用功能。可以将用例应用到整个系统，也可以将用例应用到系统的一部分，如子系统等。一个系统通常需要多个用例来描述系统需求。用例表示为一个椭圆。参与者：参与者是用例的启动者，处于用例的外部并且能够初始化一个用例，是系统外部的参与者，可以是用户、外部硬件、其他系统。关联：（参与者和用例）泛化：（参与者与参与者）包含（依赖）：当可以从两个或两个以上的原始用例中提取公共行为，或者发现能...

原创 Python笔记【更新中】

Python自学

转载 Vue3.0基础笔记

使用Vue3的组合API封装的可复用的功能函数自定义hook的作用类似于vue2中的mixin技术自定义Hook的优势: 很清楚复用功能代码的来源, 更清楚易懂需求1: 收集用户鼠标点击的页面坐标import {收集用户鼠标点击的页面坐标// 初始化坐标数据 const x = ref(- 1) const y = ref(- 1) // 用于收集点击事件坐标的函数 const updatePosition =(e : MouseEvent) => {

原创 vue-router 的基本用法

vue-router 是 vue.js 官方给出的路由解决方案。

原创 二、fs文件系统模块

fs 模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性，用来满足用户对文件的操作需求。

原创 一、初识Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 的官网地址： https://nodejs.org/zh-cn/

原创 Node.js-初识Node.js与内置模块

Node.js-初识Node.js与内置模块fspathhttpNode.js是一个基于ChromeV8引擎的JavaScript运行环境。Node.js的官网地址https//nodejs.org/zh-cn/

原创 Vue-全局配置axios

​Vue-全局配置axios请求根路径的步骤

原创 Vue-自定义指令

vue自定义指令私用自定义指令全局自定义指令自定义指令的使用

原创 Vue-插槽

插槽（Slot）是vue为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽(可以把插槽认为是组件封装期间，为用户预留的内容的占位符。)。

原创 Vue-动态组件

动态组件指的是动态切换组件的显示与隐藏。keep-alive

原创 Vue-ref引用

ref用来辅助开发者在不依赖于jQuery的情况下，获取DOM元素或组件的引用。每个vue的组件实例上，都包含一个$refs对象，里面存储着对应的DOM元素或组件的引用。默认情况下，组件的$refs指向一个空对象。...

原创 Vue-组件之间的数据共享

Vue-组件之间的数据共享父向子传值子向父传值兄弟之间传值通过子组件添加自定义属性的方法，来实现父组件向子组件传值的目的。

原创 Vue-生命周期函数

生命周期（LifeCycle）是指一个组件从创建->运行->销毁的整个阶段，强调的是一个时间段。生命周期函数是由vue框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。生命周期强调的是时间段，生命周期函数强调的是时间点。...

原创 父组件加scoped有时也会影响子组件

父组件加scoped有时也会影响子组件子组件Left原因

原创 Vue-组件

组件之间的父子关系使用组件的三个步骤私有组件全局组件在vue 项目的main.js 入口文件中，通过Vue.component() 方法，可以注册全局组件。自定义属性propsprops 是组件的自定义属性，在封装通用组件的时候，合理地使用props 可以极大的提高组件的复用性！props是只读的：vue 规定组件中封装的自定义属性是只读的，程序员不能直接修改props 的值，否则会直接报错。要想修改props 的值，可以把props 的值转存到data 中，因为data 中的数据都是可读

原创 Vue-cli

什么是vue-clivue-cli的安装与使用vue 项目的运行流程什么是组件化开发vue 组件的三个组成部分

原创 Vue-计算属性

计算属性计算属性的特点

原创 Vue-侦听器

Vue-侦听器immediate 选项：默认情况下，组件在初次加载完毕后不会调用watch 侦听器。如果想让watch 侦听器立即被调用，则需要使 用immediate选项。deep 选项：如果watch侦听的是一个对象，如果对象中的属性值发生了变化，则无法被监听到。此时需要使用deep选项。监听对象单个属性的变化...

原创 Vue-过滤器

过滤器私有过滤器全局过滤器连续调用多个过滤器过滤器传参

原创 JavaScript-缓动动画增强

Javascript-缓动滑动动画实现

原创 Vue-基础指令

Vue-基础指令

原创 Javascript实现模态窗口拖动效果

Javascript实现模态窗口拖动效果

原创 CSS案例(2D转换+过渡动画)

CSS案例(2D转换+过渡动画)实现效果HTML代码<div class="con"> <div class="div_1"></div> <div class="div_2"></div> <div class="div_3"></div> <div class="div_4"></div></div>CSS代码.con {

原创 Javascript实现文字跟随鼠标(延时效果)

Javascript实现文字跟随鼠标效果：代码HTML <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> &

原创 JavaScript-本地存储

（七）本地存储1. 本地存储概述1.1 背景随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5 规范提出了相关解决方案。1.2 本地存储特性数据存储在用户浏览器中设置、读取方便、甚至页面刷新不丢失数据容量较大，sessionStorage 约5M、localStorage 约20M只能存储字符串，可以将对象 JSON.stringify() 编码后存储2. window.sessionStorage

原创 JavaScript-PC端网页特效

（五）PC端网页特效[!TIP]在前面学习了JS基础、DOM 和 BOM 的基本操作后，这部分主要学习这些知识的拓展应用。1. 元素偏移量 offset 系列1.1 offset 概述offset 翻译过来就是偏移量，我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位offset 系列常用属性：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(

原创 JavaScript-BOM 基础

（四）BOM 基础1. BOM 概述1.1 BOM 概述BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaScript 语法的标准化组织是ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏览器标准的一部分1.2 DOM vs BOMDOMBOM文档对象模型浏览器

原创 JavaScript-事件高级

（三）事件高级1. 注册事件（绑定事件）1.1 注册事件概述给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式 和 事件监听注册方式。1.1.1 传统注册方式利用on 开头的事件onclick<button onclick="alert('hi~')"></button>btn.onclick = function() {};特点：注册事件的 唯一性同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会 覆盖 前面注册的处理函数。

原创 JavaScript-DOM 基础

（二）DOM 基础1. DOM 简介1.1 什么是 DOM文档对象模型（Document Object Model，简称DOM )，是W3C组织推荐的处理可扩展标记语言（HTML或者XML)的标准编程接口。W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。1.2 DOM 树文档：一个页面就是一个文档，DOM中使用document表示元素：页面中的所有标签都是元素，DOM中使用element表示节点：网页中的所有内容都是节点（标签、属性、文本、注释等），D

原创 JavaScript-Web Api 简介

（一）Web Api 简介1. Web APIs 和 JS 基础关联性1.1 JS 组成ECMAScript: JS 语法BOM: Web APIDOM: Web API2. API 和 Web API2.1 APIAPI：Application Programming Interface，应用程序接口。2.2 Web APIWeb API 是浏览器提供得一套操作浏览器功能和页面元素得 API（BOM 和 DOM）。...

原创 JavaScript-异常处理

（十三）异常处理1. try/catch/finallytry/catch/finally 是 JavaScript 异常处理语句。try { //调试代码块} catch(e) { //捕获异常，并进行异常处理的代码块} finally{ //后期清理代码块}在正常情况下，JavaScript 按顺序执行 try 子句中的代码，如果没有异常发生，将会忽略 catch 子句，跳转到 finally 子句中继续执行。如果在 try 子句运行时发生错误，或者使用 thr

原创 JavaScript-复杂类型

（十二） 复杂类型1. 简单类型与复杂类型简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。值类型：简单数据/基本数据类型，在存储时变量中存的是值本身，因此叫做值类型。例如 string, number, boolean, undefined, null引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型。通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Date 等。2. 堆和栈堆栈空间分配区别︰栈（操作系统）：由操

原创 JavaScript-内置对象

（十一）内置对象1. 内置对象Javascript中的对象分为3种：自定义对象、内置对象、浏览器对象前面两种对象是IS基础内容，属于ECMAScript ；第三个浏览器对象属于我们JS独有的，我们JS APl讲解内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）2. 数学对象 Math2.1 Math 的使用查询 MDN 文档const arr = [3,4,11,24,89,2,34]console.log(Math.m

原创 JavaScript-对象

（十）对象1. 对象1.1 什么是对象？在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。对象是由属性和方法组成的。属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法来表示（常用动词）1.2 为什么需要对象？2. 创建对象使用字面量创建对象使用 new Object 创建对象利用构造函数创建对象2.1 字面量创建使用 {} 创建，包含属性和方法，采用键值对表示，创建的对象称为对

原创 JavaScript-声明提升

（九） 声明提升我们js引擎运行js分为两步： 预解析，代码执行预解析js引擎会把js里面所有的var 还有function提升到当前作用域的最前面代码执行 按照代码书写的顺序从上往下执行预解析分为变量预解析（变量提升） 和函数预解析（函数提升）变量提升就是把所有的变量声明提升到当前的作用域最前面 不提升赋值操作函数提升就是把所有的函数声明提升到当前的作用域最前面，不调用操作举例一func();var func = function () { console.log

原创 JavaScript-作用域

（八）作用域1. 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高 程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。2. 全局变量在全局作用域下声明的变量叫做全局变量（在函数外部定义的变量）。全局变量在代码的任何位置都可以使用在全局作用域下var声明的变量是全局变量。特殊情况下，在函数内不使用var声明的变量也是全局变量（不建议使用）3. 局部变量在局部作用域下声明的变量叫做局部变量（在函数

原创 JavaScript-数组

（七）数组1. 基本概念JS 数组都是动态创建的，可以自由增加数组长度，这点不同于 C/C++。一个 JS 数组内可以存放不同类型的元素，例如 ['abc', 1, true, undefined]，这点也不同于 C/C++/Java。2. 创建数组2.1 数组字面量创建数组创建空数组let arr = [];创建一般数组let arr = [1, 2, 3];2.2 new Array 创建数组对象创建空数组let arr = new Array();创建指