mr.ocean-CSDN博客

git下载地址：git官网安装什么的就不多介绍了，一直下一步就行这里推荐使用gitee，毕竟服务器再咱国内，网速会快许多，gitee地址：gitee一样的，如果没有就自己注册一个，抖音快手注册了那么多，这个应该也不难吧完成注册之后，我们再gitee上新建一个仓库点击创建，创建完成之后会有一个https地址，注意粘贴然后来到我们本地的文件夹上这里我有一个gitDemo文件夹, 里面有一个demo.txt文件,在此目录中点击鼠标右键，选中git Bash Here，会弹出git的命令窗口在g

2022-06-28 11:06:32 705

原创 Vue2.x基础

这里将以思维导图的方式呈现出来，更加的直观与清晰，需要的直接下载突变即可一：基础内容二：侦听器与计算属性三：生命周期与组件通信

2022-04-21 14:31:00 125

原创微信小程序Swiper标签

swiper标签属性代码示例这样一个结构就形成了一个可自动播放，可滑动的轮播图，对于PC端来说简直太方便了。(PS:早知道先学小程序了,55555)

2022-03-22 16:05:40 278

原创小程序代码的构成

前提编辑器：微信开发者工具新建小程序页面只需要在 app.json -> pages 中新增页面的存放路径，小程序开发者工具即可帮我们自动创建对应的页面文件如图所示：修改项目首页只需要调整app.json -> pages数组中页面路径的前后顺序，即可修改项目的首页。小程序会把排在第一位的页面，当做项目首页进行渲染，如图所示:什么是 WXMLWXML 是一种小程序框架设计的一套标签语言，用来构建小程序页面的解构，其作用类似于网页开发中的HTMLWXML 与 HT

2022-03-13 16:39:14 2832 1

原创 Vue批量注册组件

当我们在开发vue项目中，随着项目的深入，那么使用的组件肯定会越来越多，如果只是几个组件还好，如果组件过多，就会造成繁琐，不好维护的情况，如下图：那么有没有一种方法可以实现vue项目的组件批量注册呢?思路-大致步骤使用require 提供的函数 context加载某一个目录下所有的 ,vue后缀的文件然后context函数会返回一个导入函数importFn它有一个属性keys() 获取所有的文件路径通过文件路径数组，通过遍历数组，在使用importFn根据路径导入组件对象遍历的

2022-03-12 09:35:55 532

原创微信小程序开发工具项目的基本组成结构

微信小程序

2022-03-10 21:35:32 7341

原创使用Vueuse在Vue3项目中进行图片懒加载

首先使用npm导入库npm i @vueuse/core思路：当浏览器页面滚动进入可视区域后，发起请求获取数据，防止刚进入页面时请求数据量过大引起数据资源加载慢的问题。这里使用的是vueuse中的useIntersectionObserver函数，看不懂的可以去官网查看一下，链接地址...

2022-03-04 11:21:16 862

原创将md文件转换为HTML页面

这里需要下载一个小插件 i5ting_toc 安装命令npm install i5ting_toc -g用法也特别简单，使用命令// 将md文件进行转换并用浏览器打开i5ting_toc -f 要转换的md文件 -o例如：按下回车之后会自动打开页面，同时同等目录下会生成一个 preview文件夹，文件夹内包含如下三个文件这样就转换完成啦关于i5ing_toc 的更多用法可以看看它的接口文档地址是: i5ting接口文档...

2022-01-05 17:33:30 2586

原创 Vue组件的生命周期

概念生命周期（Life Cycle）是指一个组件从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段。生命周期函数：是由 vue 框架提供的内置函数，会伴随着组件的生命周期**，自动按次序执行。**注意：生命周期强调的是时间段，生命周期函数强调的是时间点生命周期的分类生命周期图：可以在vue官方提供的“生命周期图演示”，更好的了解生命周期地址是：vue生命周期图代码片段：<template> <div class="test-contianer"

2021-10-10 21:40:36 2638 1

原创 VUE组件之间的数据共享

在项目开发之中，组件一般存在的关系为兄弟关系父子关系父子组件之间的数据共享父子之间的数据共享又分为1. 父 —>子共享数据2. 子 —>父共享数据父组件像子组件共享数据父组件像子组件共享数据需要使用自定义属性props：示例代码如下子组件向父组件共享数据子组件向父组件共享数据应该使用自定义事件$emit()函数, 示例代码如下：兄弟组件之间的数据共享在vue.2x中，兄弟之间的数据共享使用EventBus，示例代码如下:EventBus文件：Ev

2021-10-10 21:25:33 118

原创 CSS3中边框图片

使用场景当我们需要在盒子边框上做些文章时，但是在不同大小的盒子上想要让边框的样式相同，那么使用传统的css代码写起来非常麻烦，如下例场景那么此时可以使用css3中引入的新特性，border-image(边框图片)如下图：边框图片的切片原理把四个角切出去(九宫格的由来)，中间部分可以铺排、拉伸或者环绕.类似与九宫格，采用上右下左的顺序进行切片,但是需要保证四个角的完整度border-image的常用属性一般常用的属性有四个如下图:举例，写一个demo盒子<!DOCTYPE

2021-09-13 16:26:15 513

原创一个简易的JavaScript倒计时小程序

一个简易的JavaScript倒计时小程序获取时间戳思路获取时间戳要获取时间戳，则需要用到JS中的Date() 内置对象了，那么获得时间戳，这里有4种方式获取距离1970年1月1日到现在的毫秒数，代码如下<script> // 我们获得Date总的毫秒数(时间戳)，不是当前的时间，而是距离1970年1月1日经过了多少毫秒 // 两种方法 valueOf() getTime() const date = new Date();

2021-07-09 09:17:20 146

原创 JQuery学习笔记（一）

1. 样式操作 css(name, value): 设置单个样式 css(obj); 设置多个样式 css(name); 获取样式值 addClass(name): 添加类 removeClass(name): 删除类 hasClass(name): 判断类 toggleClass(name): 切换类2. 属性操作(能写到标签里面的叫做属性) attr方法: 与css的用法一样 prop方法: 操作布尔类型的属性，disable

2020-07-07 20:00:32 129

原创 Python连接MongoDB数据库及使用用法

这里需要使用一个第三方库 – pymongo, 没有的话可以在终端中进行安装安装命令：pip install pymongo下面做一个简单的demo# 导入模块import pymongofrom pprint import pprint# 链接服务器, 是本地服务器可不需要传入参数client = pymongo.MongoClient()# 获取数据库, 中括号中填入数据库中的名字db = client["xin"]# 获取集合, 返还当前数据库中所有集合的名字# col

2020-07-07 19:34:41 1164

原创 JS中的继承

前言那么这篇文章是ES5的标准，所以有些内容可能会有一些,所以其它版本的标准可能会有一些不一样。面向对象思想面向对象编程思想：根据需求，分析对象，找到对象有什么特征和行为，通过代码方式来实现需求，要想实现这个需求，就要创建对象，要想创建对象，就应该显示有构造函数，然后通过构造函数来创建对象，通过对象调用属性和方法来实现相应的功能及需求面向对象的三大特性：封装、继承、多态。那么这里主要说一说继承继承的概念继承可以使得子类具有父类的属性和方法或者重新定义、追加属性和方法等。举一个简单的小例子：改

2020-06-22 21:11:05 275

原创 JS学习笔记：原型和对象

什么是原型构造函数中有一个属性prototype，是原型，程序员使用实例对象中有一个属性__proto__, 是原型，浏览器使用，不是很标准实例对象中的__proto__指向的就是该实例对象中的构造函数中的prototype构造函数中的prototype里面的属性或者方法啊，可以直接通过实例对象调用正常的写法：实例对象.__proto__才能访问到构造函数中的prototype中的属性或方法小案例 // 构造函数 function Person(sex, age) {

2020-06-17 13:17:51 150

原创利用JS实现完整轮播图

代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>完整轮播图</title> <style> * { margin: 0; padding: 0; list-style: none; bo

2020-06-12 20:57:19 255

原创 JS：动画函数封装

/*** 动画函数封装* @param element (object)元素对象 * @param target (int) 目标位置 * @param step (int)步数* @param time （int）毫秒值*/function animate(element, target, step, time) { // 首先清除定时器，确保多次点击按钮之后只有一个定时器运行 clearInterval(element.timeId); element.timeId =

2020-06-12 20:49:03 141

原创 JS元素绑定事件兼容代码

代码及测试代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>元素绑定事件兼容代码</title></head><body><input type="button" value="按钮" id="btn"/><script src="command.js"><

2020-06-07 16:50:05 140

原创解决innerText和textContent的兼容问题

在一些低版本浏览器中可能会出现innerText和textContent的兼容问题，这里我是用了chrome、火狐和IE浏览器进行测试，结论如下设置标签中的文本内容，应该使用textContent属性，谷歌，火狐支持，ie8不支持设置标签中的文本内容，应该使用innerText属性，谷歌，火狐，ie8都支持如果这个属性在浏览器中不支持，那么这个属性的类型是undefined代码如下：// 设置任意的标签中间的任意文本内容/*** 设置属性* @param element 元素标签

2020-06-06 12:09:32 654

原创 JS中内置对象的常用属性及方法

什么是内置对象？内置对象简单来说就是JS中自带的对象，比如咱们人如果不出什么意外的化都是有手有脚,有鼻子有眼的。那么这里介绍JS内置对象中的4中对象。分别是Math、Date、String、ArrayMath对象Math.PI, 圆周率console.log(Math.PI); // 3.1415926535897932.Math.E属性表示自然对数的底数，e约为2.718。console.log(Math.E);//2.7182818284590453.Math.abs(arg)，

2020-05-13 10:53:20 501

原创 JS学习笔记(二) -- 分支语句、循环语句

一元运算符一元运算符： ++ --，可分为前+ 和后+ and 前- 和后-如果++再后面：如num++ + 10参与运算，先参与运算，运算结束之后自身+1如果++在前面：如++num + 10，先自身加1，然后再参与运算// 举例后+var num = 10;var sum = num++ + 10; // 后+，参与运算console.log(sum)...

2020-05-08 09:43:23 293 2

原创冒泡排序算法：使用js语言实现

冒泡排序，顾名思义，就是类似于水中的气泡由水底到水面有小变大的过程，那么冒泡排序也就是指，使用方法，将数据从小到大或者从大到小的展示出来。代码如下：//假设有这么一组数据var array = [20, 0, 90, 50, 70, 45, 63];// 循环控制比较的轮数for (var i = 0; i < array.length; i++) { // 控制比较的次数...

2020-05-07 17:40:18 208

原创 JavaScript学习笔记(一)

初次体验js代码既然之前学习了HTML和CSS，那么学习js肯定是必不可少的。HTML:将数据展示到网页上CSS：美化页面JavaScript：控制页面那么js的代码可以分为三个地方写：1.在html的文件中, script标签中写js代码 <script> // js代码 alert("锄禾日当午，地雷埋下土。"); // ale...

2020-05-05 16:27:20 549

空空如也

空空如也