自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

向往的那片海洋

走在解决问题的路上...

  • 博客(55)
  • 资源 (2)
  • 收藏
  • 关注

原创 GIT FLOW 分支管理

注键入完成命令后需要操作插入备注以及退出操作(流程如下按‘i’键插入备注,一般会以版本号做为备注;按’Esc’键保存并退出备注;等待工具自动打Tag。完成release的过程合并release分支到master分支,用release分支名打Tag,合并release分支到develop分支,移除release分支。...

2022-07-16 11:46:48 530

原创 GoJS 在 Vue 中的简单实现

GoJS 简单实现介绍与引入简述: GoJS 是一个用于实现交互式图表的 JavaScript 库在 vue 中使用安装:npm install gojs --savegojsimport gojs from 'gojs' // 在 main.js 中引入Vue.prototype.go = gojs // 挂载1. 创建一个空图像结构部分(template)<div class="flowChart" id="flowChart"></div&g

2022-03-14 19:30:48 1675 1

原创 图解 Vue 生命周期

2021-06-18 17:52:06 300 2

原创 React 脚手架配置代理

如下在 App.js 和两个服务 localhost:5000 和 localhost:5001 下进行用 axios 发起一个请求(本地端口 localhost:3000) getStudentData = () => { // 发送一个 axios 请求 axios.get('http://localhost:5000/students').then( response => { console.log('成功了', response.data..

2021-04-30 11:18:20 284 1

原创 Error handling response: Error: Syntax error, unrecognized expression: .c-container /deep/ .c-contai

在浏览器控制台出现如下报错信息:Error handling response: Error: Syntax error, unrecognized expression: .c-container /deep/ .c-containerat Function.se.error ()at se.tokenize ()at se.select ()at Function.se [as find] ()at S.fn.init.find ()at new S.fn.init ()...经检

2021-04-29 17:38:13 2291 3

转载 假如易立竞吐槽程序员 . . .

本文转载自码农小说家该文可能杀伤力较强,请谨慎服用。- 你的发际线那么高,你的技术水平有那么高吗?- 你没事就刷数据结构和算法,是真的喜欢,还是面试会考呢?- 如果面试不考算法,你还会学吗?- 就好像学了 B 树,但是每天的增删改查能不能用到 B 树你心里应该也有逼数吧。- 你当初入行,是真的喜欢代码,还是觉得这行收入高呢?- 现在入行了,收入真的高吗?- 听说你喜欢开源项目,你有自己的开源项目吗?- 还是说喜欢开源项目是为了方便抄开源项目的代码呢?- 当用的第三方包有问题,你会看源.

2021-04-17 11:07:38 221

原创 不会让人眼前一亮的实用网站总结

工具类- DevHints:技术速查表https://devhints.io/- Iconfont:技术速查表https://devhints.io/导航类- 编程导航:发现编程世界的满天星辰 ✨https://www.code-nav.cn/recommend/- 小呆导航:基于 SiteServer CMS 的内容管理系统https://webjike.com/index.html- 兰客书签:收藏管理你喜欢的网站http://b.lackk.com/fun...

2021-04-15 18:56:08 771 1

原创 如何在 PC 端进行安卓 H5 调试

使用数据线连接手机,打开手机开发者模式启用 USB 调试。手机打开项目页面。在谷歌浏览器中访问地址:chrome://inspect/#devices出现如下页面点击 inspect 方可开始进行调试如果下面页面未出现,可以点击左侧 Pages 或者等待片刻调试页面如下:...

2021-04-12 20:27:35 1211

原创 import error: ‘Icon‘ is not exported from ‘antd‘. 引入图标报错

问题报错:Attempted import error: 'Icon' is not exported from 'antd'.问题原因:Ant Design 从 v3 升级到 v4 导致图标升级(点击可查看文档)在 antd@3.9.0 中,我们引入了 svg 图标(为何使用 svg 图标?)。使用了字符串命名的图标 API 无法做到按需加载,因而全量引入了 svg 图标文件,这大大增加了打包产物的尺寸。在 4.0 中,我们调整了图标的使用 API 从而支持 tree shaking,减少 a

2021-03-21 11:23:16 3002

原创 jQuery 知识点总结

jQuery 基础入门jQuery 如何使用 - 基础入门jQuery 基础用法工厂函数和对象转换jQuery 选择器选择器第一部分,选择器第二部分jQuery 中的 DOM 操作DOM 操作梳理jQuery 中的事件处理jQuery 的事件处理jQuery 中的工具方法jQuery 中的工具方法jQuery 中的动画jQuery 库的动画用法...

2021-03-11 20:03:54 171

原创 React 的工程目录

在新建完 React 的项目后会有如下目录:- node_modules # 第三方依赖包- public # 公共资源文件 - favicon.ice # 网站 title 旁小图标 - index.html # 项目首页的HTML模板- src # 项目源码 - index.js # 程序的入口文件 - App.test.js # 自动化的测试文件- .gitignore # 不想传到 Git 仓库的文件可以定义在这里- package-lock.json-

2021-03-11 19:44:55 375

原创 Vue 创建新项目,报错 Cannot read property ‘indexOf‘ of undefined

问题原因:** vue-cli 的版本过低**解决方案:利用下面的命令安装最新版本,即可解决:npm uninstall -g @vue/cli如果上述命令报错,可以执行下面命令cnpm uninstall -g @vue/cli需要先切换为淘宝镜像:npm config set registry http://registry.npm.taobao.org/从淘宝镜像切换回来执行:npm config set registry https://registry.npmjs

2021-03-09 18:33:01 2310 2

原创 vue : 无法加载文件,因为在此系统上禁止运行脚本。

在运行 vue ui 时报如下错误:vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies:解决方案:- 执行:set-ExecutionPolicy RemoteSigned返回结果如下:执行策略更改执行策略可帮助你防止执行

2021-02-18 17:39:03 1503

原创 CSS 实现百叶窗轮播图

代码实现效果:# 跳转此链接可查看:https://www.bilibili.com/video/BV16v411e7Qi/ 结构层:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel

2021-02-07 21:51:58 1017

原创 CSS 实现毛玻璃效果

CSS 实现毛玻璃效果效果如下图所示:代码如下:结构层<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS 实现毛玻璃效果</title></h

2021-02-04 15:14:36 5298 1

原创 超好看的导航页面(静态页面)

可通过此链接查看:https://logmanual.gitee.io/mayday-navigation/页面效果代码部分结构层:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit.

2021-01-31 17:10:04 8080 2

原创 Git 常见操作 - TortoiseGit

从远程库克隆到本地:鼠标右键,选择 【Git 克隆】选项弹出提示框,在 【URL】选项中输入远程库的地址链接点击 【确定】选项将新建文件纳入到版本库中:在本地版本中,新建一个文件选中新建文件,鼠标右键,选择 【TortoiseGit】选项中的 【添加】选项弹出加入完成提示框将纳入版本库的文件提交到版本库:鼠标右键,选择 【Git 提交(C)-> “master”…】选项弹出提交提示框。在【日志信息】一栏输入当前版本信息,点击【提交】选项将本地版本库 Push 到远程库

2021-01-26 12:03:22 308

原创 CSS3 的新特性

在 CSS3 中大致有以下几种新特性:新的特性:渐变:gradients过渡:transitions动画:animations新的布局方式:multi-colimnsflexble boxgrid layouts在 CSS3 中包含的几部分:渐变、变形、过度、动画、布局人类在 21 世纪面临的最大挑战就是 “自我管理” ,学会自我管理首先要明白 “我是谁”。…而最重要也是最难的是 “认识你自己”。

2021-01-25 16:17:53 248

原创 数据验证 TypeError: Joi.validate is not a function 报错

解决方案原因:版本问题卸载当前版本(也可手动删除安装目录)node uninstall joi安装所需指定版本node install joi@14.3.1

2021-01-20 15:46:21 341

原创 码云更改远程仓库命令

更改远程仓库码云更改远程仓库地址命令:git remote set-url origin 仓库地址仓库地址获取:验证修改git remote -vorigin 新地址.git (fetch)origin 新地址.git (push)

2021-01-13 11:21:02 363 2

原创 Node 快速入门(二)

Node.js 的组成JavaScript 由三部分组成,ECMAScript,DOM,BOMNode.js 是由 ECMAScript 及 Node 环境提供的一些附加 API 组成的,包括文件、网络、路径等等一些更加强大的 APINode.js 基础语法所有 ECMAScript 语法在 Node 环境中都可以使用var first = 'hello nodejs';console.log(first);function fn(){ console.log('fn 函数被

2021-01-06 11:43:19 186

原创 Node 基础配置(一)

Node 开发概述为什么要学习服务端开发基础能够和后端程序员更加紧密的配合网站业务逻辑前置,学习前端技术需要后端技术支撑( Ajax )扩宽知识视野,能够站在更高的角度审视整个项目服务器端开发要做的事情实现网站的业务逻辑数据的增删改查为什么选择 Node使用 JavaScript 语法开发后端应用一些公司要求前端工程师掌握 Node 开发生态系统活跃,有大量开源库可以使用前端开发工具大多基于 Node 开发Node 是什么Node 是一个基于 Chro

2021-01-06 11:41:33 490

原创 MongoDB 数据库连接

数据库连接当我们使用之前需要启动 MongoDB :在命令行工具中运行 net start mongoDB 即可启动 MonggoDB ,否则 MongoDB 将无法连接在命令行工具中运行 net stop mongoDB 即可关闭 MonggoDB使用 mongoose 提供的 connect() 方法即可连接数据库/* * mongodb:// mongodb 协议 * localhost 本机 * playground 数据库名字*/mongo

2021-01-06 08:46:30 580

原创 MongoDB 增删查改(一)

查询文档find() 方法:返回一个数组,不传参数返回所有文档findOne() 方法:查找会返回一个对象,返回一条文档,默认返回当前集合中的第一条文档Course.find().then(result => console.log(result));Course.findOne().then(result => console.log(result));匹配大于($gt)、小于($lt):// 查询用户集合中年龄字段大于 20 并且小于 50 的文档// $gt 大于

2021-01-03 19:51:46 100

原创 MongoDB 下载与安装

MongoDB 数据库下载安装MongoDB 官网:https://www.mongodb.com/输入网址进入 MongoDB 官网,点击右上角的 Try Free可以根据需要选择不同版本类型选择环境版本配置以及安装类型后点击 Download 进行下载我们还需要下载 MongoDB Compass ,MongoDB Compass 是 MongoDB 的图形化工具安装 MongoDB安装界面,点击下一步 Next勾选同意协议,点击下一步 Next

2021-01-02 20:07:41 922

原创 Web 缓存 - Cookie

Cookie 是什么Cookie 是服务器发送到用户浏览器并保存在本地的一小块数据,会在浏览器下一次向同一服务器在发起请求时被携带并发送到服务器上。通常,Cookie 用于告知服务端两个请求是否来自同一浏览器,如保持用户的登录状态。Cookie 使基于无状态的 HTTP 协议记录稳定的状态信息成为了可能。Cookie 技术产生源于 HTTP 协议在互联网上的急速发展。Cookie 曾一度用于客户端数据的存储,因当时并没有其它合适的存储办法而作为唯一的存储手段。 但现在随着现代浏览器开始支持各种各样的存

2020-12-21 21:12:22 248 1

原创 Git 常用操作与分支冲突

Git 常见操作使用 git clone 命令从远程库克隆到本地:git clone https://...使用 git add 命令将新建文件纳入到版本库中:git add fileName使用 git commit 命令将纳入版本库的文件提交到版本库:git commit -m "message"使用 git push 命令将本地版本库 Push 到远程库中:git push URL master使用 git pull 命令从远程库更新到本地库:git

2020-12-18 21:48:23 148 1

原创 transforms 属性 - CSS3 新特性

变形是什么在 CSS3 中提供 transforms 属性,通过修改坐标,可以在不影响正常文档流的情况下改变作用内容的位置。CSS transforms 包括一系列 CSS 属性,通过这些属性可以对 HTML 元素进行变形。可以进行的变形有以下几种:旋转倾斜缩放位移同时适用于平面以及三维空间变形属性transfrom 属性在 CSS 中 transform 属性允许我们修改 CSS 视觉格式模型的坐标空间。使用它,元素可以被转换(translate)、旋转(rotate)、缩放(

2020-12-17 21:36:17 586

原创 Markdown 插入视频

Markdown 视频由于 Markdown 支持 HTML 语法,会对相应的标签进行解析。所以我们可以通过 HTML 语法将视频放入到我们的 Markdown 中。用法如下:<iframe height=498 width=510 src="视频地址">其中 height 和 width 是 HTML 中的属性可以设置视频的大小,我们也可以使用 HTML 中的其他属性对插入视频进行相应设置。本地插入在 src 中加入本地视频所对应的路径即可。<iframe height=

2020-11-28 15:17:15 13852 3

原创 JavaScript 代码中的运算符

运算符概述所谓运算符主要用来针对一个或多个操作数进行的运算。例如 2+3,其操作数为 2 和 3,而运算符为 +。很多编程语言都具备运算符内容,JavaScript 语言中同样具备运算符。如下示例代码展示了 JavaScript 运算符的用法:console.log(2 + 3)console.log(2 + 3 * 5)运算符分类按照其操作数的数量划分为如下几种:一元运算符:只能操作一个操作数的运算符,例如自增运算符、typeof 运算符等。二元运算符:只能操作两个操作数的运算符,例如

2020-11-20 23:23:13 285

原创 MySQL 数据库基础

MySQL 数据库的创建与维护数据库的创建与查看数据库可以看成是一个存储数据对象的容器,我们想要将数据存储到数据库的数据对象中,首先需要创建数据库。创建数据库使用 CREATE DATABASE 命令查看数据库服务器中存在的数据库使用 show database 命令(1)语法格式:CREATE DATABASE [IF NOT EXISTS] db_name[create_specification [,create_specification] … ]其中 create_speci

2020-11-20 00:06:49 1069

原创 二叉树简单概述

第四章 树和二叉树树的基本概念线性结构中的一个结点至多只有一个直接后继,树形结构能够有一个或多个直接后继。因此,可以表示更复杂的数据。如下图所示:如上所述整个树可以分解为两个部分,即右侧两图,由这种分解而得到的关系仍然保持树形结构。树的基本概念树的相关术语结点的度:树上任一结点所拥有的子树的数目称为该结点的度。叶子:度为 0 的结点称为叶子或终端结点。树的度:一棵树中所有结点的度的最大值称为该树的度。双亲结点:即父结点子结点(孩子):一个结点的子树的根称为该节点的孩子。兄弟:父结

2020-11-18 23:03:05 602

原创 JavaScript 函数作用域

什么是函数作用域与变量作用域类似,函数作用域指的是函数在 JavaScript 语言的执行环境中的可访问范围。全局函数:声明在全局作用域的函数内部函数:声明在某个函数作用域的函数全局函数在 ECMA-262 第 5 版本以及之前版本中,与全局变量类似,所谓全局函数就是指在全局作用域中声明的函数,是允许在 JavaScript 代码的任意位置都可以访问到的。如下示例代码:function fun(){ console.log('这是fun函数.')}fun() //在全局作用域访问f

2020-11-17 23:30:49 238

原创 JavaScript 面向对象指南 - 读书笔记

面向对象的 JavaScript从两个点开始:对 JavaScript 背后故事的简单介绍面向对象回顾历史Web 页面最初是以一些 HTML 文档形式发布的科学出版物,依靠超链接绑定在一起。并不支持任何图片随着 Web 业务的快速普及和增长,管理者希望 Web 页面能处理更多的事情,当时他们可以选择 Java applets 和 LiveScript ,LiveScript 由 Netscape 公司的 Brendan Eith 开发。Netscape 2.0 发布之后,被正式更名为 Ja

2020-11-16 22:28:47 116

原创 Ajax 异步提交表单

异步提交表单的步骤所谓异步提交表单,就是不再使用表单的提交按钮实现表单的提交功能,而是通过 Ajax 异步交互方式实现表单。具体实现步骤如下:获取表单及所有表单组件对应的数据值将所有表单组件对应的数据值拼成特定格式的字符串或是 JSON 格式数据通过 Ajax 异步交互方式提交表单<body> <form action="#"> <input type="text" id="name"> <input type=

2020-11-15 23:11:33 423

原创 JSON

JSON 数据格式JSON 是什么JSON 是 JavaScript Object Notation 的缩写,是一种轻量级的数据交换格式。JSON 是基于 JavaScript Programming Language,Standard ECMA-262 3RD Edition - December 1999 的一个子集。JSON 是独立于任何语言的文本格式。易于程序员阅读和编写,同时也易于计算机解析和生成JSON 的中文官方地址:http://www.json.org/json-zh.htmlJ

2020-11-14 23:58:37 108

原创 jQuery 库的动画用法

动画在 jQuery 中的动画一共有两种预定义动画自定义动画预定义动画显示与隐藏show() 方法和 hide() 方法是 jQuery 中最基本的动画方法。在 jQuery 中还准备了显示与隐藏的动画切换效果语法结构如下:$element.show([speed],[easing],[fn]);$element.hide([speed],[easing],[fn]);参数:speed:三种预定速度之一的字符串(“slow”、“normal” 或者 “fast”)或表示动画时

2020-11-09 22:40:56 474

原创 jQuery 的工具方法

工具方法类数组操作length 属性:jQuery 对象中元素的个数get() 方法index() 方法:搜索匹配的元素,并返回相应元素的索引值,从0开始计数。$.makeArray() 方法jQuery 中提供 $.makeArray() 方法用于将类数组对象转换为数组对象$.makeArray(obj);obj:表示类数组对象var arr = jQuery.makeArray(document.getElementsByTagName("div"));ar

2020-11-08 23:59:23 146

原创 jQuery 的事件操作

事件页面加载DOM 中提供了 load 事件用于加载页面完毕之后的执行机制,jQuery 提供了 ready() 方法实现相似功能。但 DOM 中的 load 事件与 jQuery 中的 ready() 方法的区别如下表所示:DOM 中的 load 事件:jQuery 中的 read() 方法:没有任何简写形式具有简写形式当 HTML 页面加载完毕之后触发 load 事件当 DOM 节点述加载完毕之后调用 ready() 方法一个 HTML 页面仅允许存在一个 lo

2020-11-07 22:54:58 277

原创 jQuery 中的 DOM 操作梳理

jQuery 中的 DOM 操作DOM 操作梳理我们对 jQuery 中的 DOM 操作大致做个梳理:查找节点查找元素节点:var $li = $('ul li:eq(2)'); 利用选择器做查找查找文本节点:console.log($('p').text()); text() 方法获取(设置)文本节点的文本内容text() 方法类似于 DOM 中的 textContent 属性查找属性节点:console.log($('p').attr('title'));

2020-11-05 22:57:09 209

仿音乐网站 - 静态页面

仿音乐网站静态页面

2021-02-06

利用 CSS 实现漂亮的毛玻璃效果

利用 CSS 实现毛玻璃效果

2021-02-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除