阿蓬的个人博客

原创 Mac 终端可以使用yarn，但是vscode里面报错segmentation fault

查阅官网https://www.yarnpkg.cn/getting-started/install。但是vscode里面报错segmentation fault。Mac 终端可以使用yarn。

原创 conda 环境迁移

在本地电脑已经配好了虚拟环境A，现需要在 不同平台和操作系统 之间 复现环境，可以使用以下命令生成 .yml文件。

原创 使用Python根据文件后缀名整理文件

根据文件后缀名，将文件移动到对应的文件夹

原创 linux无法粘贴文件

无粘贴功能的主要原因是无权限复制，所以解决方案是：打开终端，输入：sudo nautilus 那么就会打开一个有管理员权限的文件夹资源器，现在右键就有粘贴功能了。

原创 git 常用命令总结

1.查看当前分支git branch2. 创建新分支testgit checkout -b test3. 将所有文件添加到暂存区git add .4. 将所有代码提交到本地仓库git commit -m '更新提交'5. 查看项目当前状态git status6. 新建远程仓库test，并将本地分支推送到远程仓库git push -u origin test7. 切换到master分支git checkout master8. 在master分支进行代码合并git

原创 Linux服务器安装nodejs

步骤：1.服务器安装nodejsyum -y install nodejs2. 安装 n，n是nodejs管理工具npm install -g n3. 安装 nodejs的最新版本n latest4. 切换nodejs到最新版本PATH="$PATH"5. 查看版本是否已切换node -v

原创 服务器运行node app.js报错 Error: listen EADDRINUSE: address already in use :::9898

服务器运行node app.js报错：node:events:371 throw er; // Unhandled 'error' event ^Error: listen EADDRINUSE: address already in use :::9898 at Server.setupListenHandle [as _listen2] (node:net:1315:16) at listenInCluster (node:net:1363:12)

原创 CSS实现图片自适应缩放，填满容器

在项目中插入图片，想按照图片比例自适应宽高缩放，填满容器使用 object-fit: cover;即可实现.goods_img { width: 100%; height: 100%; object-fit: cover;}<el-carousel v-if="details.picNums > 0" :interval="5000" arrow="always"> <el-carousel-item v-for="item in details

原创 Gitee生成/添加SSH公钥

Gitee生成/添加SSH公钥

原创 LeetCode今日刷题2021/07/01

62. 不同路径一个机器人位于一个 m x n 网格的左上角 （起始点在下图中标记为 “Start” ）。机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角（在下图中标记为 “Finish” ）。问总共有多少条不同的路径？示例:输入：m = 7, n = 3输出：28/** * @param {number} m * @param {number} n * @return {number} */var uniquePaths = function(m, n) {

原创 LeetCode今日刷题2021/06/03

49.字母异位词分组给定一个字符串数组，将字母异位词组合在一起。字母异位词指字母相同，但排列不同的字符串。示例:输入: ["eat", "tea", "tan", "ate", "nat", "bat"]输出:[ ["ate","eat","tea"], ["nat","tan"], ["bat"]]说明：所有输入均为小写字母。不考虑答案输出的顺序。/** * @param {string[]} strs * @return {string[][]} */var

原创 Javascript 实现浅拷贝与深拷贝

浅拷贝与深拷贝的区别：浅拷贝只是拷贝一层, 更深层次对象级别的只拷贝引用.深拷贝拷贝多层, 每一级别的数据都会拷贝.1.浅拷贝var obj = { id: 1, name: 'andy', msg: { age: 18 }};var o = {};for (var key in obj) { // key 是属性名 obj[key]是属性值 o[key] = obj[key];}console.log(o);//

原创 ThinkPHP3.2.3 解决跨域问题

使用前后端分离模式开发时，前端调用接口Chrome浏览器报错：解决方案：在Controller模块下新建BaseController.class.php<?phpnamespace Home\Controller;use Think\Controller;class BaseController extends Controller{ public function _initialize() { header('Content-Type:applica

原创 ThinkPHP3.2.3 实现微信小程序微信授权登录

网上找了很多教程都不好使，最后自己又研究了一番，终于成功了一、总体设计小程序登录流程：客户端通过调用wx.login()，获取登录凭证（code），将此code发往服务器，服务器通过调用 auth.code2Session 接口，使用 code 换取 openid、unionid、session_key 等信息。参考官方给出的时序图：本实例中将openid作为用户唯一标识，存入数据库中。服务器后端通过ThinkPHP框架实现两个接口：http://localhost/srclib/index.p

原创 Javascript 实现无缝切换/自动播放轮播图

一、功能需求鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。点击右侧按钮一次，图片往左播放一张，以此类推， 左侧按钮同理。图片播放的同时，下面小圆圈模块跟随一起变化。点击小圆圈，可以播放相应图片。鼠标不经过轮播图， 轮播图也会自动播放图片。鼠标经过，轮播图模块， 自动播放停止。二、实现思路1.整体分析因为js较多，我们单独新建js文件夹，再新建js文件，引入页面中。此时需要添加 load 事件。鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。显示隐藏 display 按

原创 JavaScript BOM 基础

1.BOM简介BOM(Browser Object Model)即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心 对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏 览器标准的一部分。DOM：文档对象模型DOM 就是把「文档」当做一个「对象」来看待DOM 的顶级对象是 documentDOM 主

原创 JavaScript 高级事件

1.注册事件// 1. 传统方式注册事件// 同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数btns[0].onclick = function() { alert('hi');}btns[0].onclick = function() { alert('hao a u');}// 2. 事件侦听注册事件 addEventListener 推荐使用// (1) 里面的事件类型是字符串 必定加引号 而且不带on// (2) 同一个元素

原创 JavaScript DOM 基础

1.DOM简介文档对象模型(Document Object Model，简称 DOM)，是 W3C 组织推荐的处理可扩展标记语言(HTML 或者XML)的标准编程接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。文档：一个页面就是一个文档，DOM 中使用 document 表示元素：页面中的所有标签都是元素，DOM 中使用 element 表示节点：网页中的所有内容都是节点(标签、属性、文本、注释等)，DOM 中使用 node 表示DOM 把以上内容都看做是对象2.获取元素（1）

原创 JavaScript 基础

一、简单数据类型1.声明变量特殊情况情况说明结果var age ; console.log (age);只声明 不赋值undefinedconsole.log(age)不声明 不赋值 直接使用报错age = 10; console.log (age);不声明 只赋值102.Undefined 和 Null一个声明后没有被赋值的变量会有一个默认值 undefined ( 如果进行相连或者相加时，注意结果)var variable;console.l

原创 CSS三大特性/盒子模型/浮动/定位/高级技巧

一、VS code 快捷键shift + Alt + down: 向下复制一行Alt + z: 切换换行显示方式shift + Alt + F: 格式化代码shift + Alt: 选中多行ctrl + g: 快速定位到某一行二、Emmet 语法! + Tab.demo$*5 + Tabp{内容} + Tab生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键， 就可以生成<div></div>如果想要生成多个相同标签 加

原创 响应式网页设计实战

1.设计思路在本程序设计中，<header> 或 <footer> 元素不论在哪一种情况下，宽度总时浏览窗口宽度的100%，当浏览窗口宽度小于480px为手机端，大于480px小于768px为opad端，大于768px为桌面端。2.网页截图：桌面端：ipad端：手机端：3.代码实现：test.html<!DOCTYPE html><html><head> <meta charset="utf-8">

原创 CSS3笔记(4)——鼠标指针形状|响应式网页设计

一、设置鼠标指针形状使用 cursor 属性可以更改鼠标指针样式。语法cursor: value;二、媒体查询1. 媒体类型下列是CSS中定义的媒体类型(media types).all 用于所有的媒体设备。aural 用于语音和音频合成器。braille 用于盲人用点字法触觉回馈设备。embossed 用于分页的盲人用点字法打印机。handheld 用于小的手持的设备。print 用于打印机。projection 用于方案展示，比如幻灯片。screen 用于电脑显示器。

原创 CSS3笔记(3)——过渡效果|动画|变形

一、过渡效果1. 过渡时间 transition-duration 属性transition-duration: time;time: 规定完成过渡效果需要花费的时间（以秒或毫秒计）。 默认值是 0，意味着不会有效果。2. 过渡效果 transition-property 属性transition-property: none | all | property;none: 没有属性会获得过渡效果。all: 所有属性都将获得过渡效果。property: 定义应用过渡效果的 CSS 属

原创 CSS3笔记(2)——盒子模型|多栏|定位|弹性容器

一、盒子模型1. 构成盒子模型由内容盒、内边距、边框和外边距构成二、多栏布局1. CSS3基本语法一、定位与网页排版1. CSS3基本语法一、弹性容器1. CSS3基本语法

原创 CSS3笔记(1)——基础|段落文字|项目列表|背景|表格|渐变

一、CSS3基础知识1. CSS3基本语法selector { property1:value1; proterty2:value2; }/*或*/selector { property1:value1; proterty2:value2;}/*多个选择器使用相同的声明区块*/selector1, selector2 { property1:value1; proterty2:value2;}2. CSS引入方式行内样式 <div style="

原创 HTML5笔记

一、HTML5的基本元素1. meta 元素charset: HTML编码方式http-equiv: refresh: 设定几秒后重新读取页面，或重定向至另一个页面<meta http-equiv="refresh" content="5"> <!--5秒后重新加载页面--><meta http-equiv="refresh" content="5;url"> <!--5秒后重定向至url-->2. pre 元素其内容与编辑html文件所

原创 深度学习——卷积神经网络

原创 深度学习——数学基础

原创 深度学习基础

原创 深度学习绪论

原创 Sql语句基础要点总结

一、添加向stu表中添加一条学生信息INSERT INTO stu VALUES(1008,'zhangsna12',12,'jining','123232465');另一种方式INSERT INTO stu(stuid,name,age,tel,address) VALUES(1002,'lisi',13,'31315313','jining');-- 建议用这种INSERT INTO stu(name,age,tel,address) VALUES('1',13,'31315313

原创 单链表实现一元多项式加法与乘法

程序运行效果：多项式加法实现原理：（1）如果cpa的指数<cpb的指数，则将cpa所指向的插入和多项式链中，向后移动指针；（2）如果cpa的指数>cpb的指数，则将cpb所指向的插入和多项式链中，向后移动指针；（3）如果cpa的指数=cpb的指数，则若cpa的指数+cpb的指数=0，则删除相应结点，向后移动指针，并释放内存空间；（4）否则cpa的指数+cpb的指数!=0，则...

原创 C语言实现单链表的基本操作

#include <stdio.h>#include <malloc.h>//定义链表结点结构体typedef struct node { int val; struct node* next;} MyLinkedList, node;//创建一个链表，即创建一个头结点MyLinkedList* myLinkedListCreate() { MyLin...

原创 CSS基础总结

CSS入门摘要一、CSS引入方式行间样式 <div style=" width:100px; height:100px; background-color: red; "></div>页面级css<!DOCTYPE html><html lang="en"><head> ...

原创 计算机图形学——光线追踪算法分析

1.求交光线追踪主要的计算量来源于大量的求交计算。设O代表射线起点，D方向 ，P为圆上的点，C为圆心，r半径。球的方程为:(P - C)(P - C) = r * r ，直线的参数方程: p(t) = O + tD。将直线方程代入后得D2t2+2(O-C)Dt+(O-C)2-r2=0，随后利用一元二次方程求根公式，判断有无解，有两个解时，选择>0且较小的t。求交的基本原理就是将射线的参......

原创 计算机图形学——三维图形变换和空间变换

1.图形变换void translate3dMatrix(float Tx, float Ty, float Tz){ Ccg3DTransDoc *pDoc = (Ccg3DTransDoc *)m_pView->GetDocument(); m_whoObject->transMatrix[3][0] += Tx; m_whoObject->transMatrix[...

原创 计算机图形学——二维图形变换&裁剪

算法描述1.基本变换矩阵(1).缩放矩阵void ScaleMatrix(float Sx, float Sy, float m[3][2]){ for (int i = 0; i < 3; i++) { m[i][0] *= Sx; m[i][1] *= Sy; }}(2).旋转矩阵void RotateMatrix(float S, float C, floa...

原创 计算机图形学——多边形区域填充算法

计算机图形学——区域填充算法橡皮筋效果本次实验的环境是使用vs提供的MFC框架，在鼠标交互输入中使用橡皮筋算法来实现多边形的输入。首先定义相应变量来保存输入的数据。int m_pNumbers; //输入点的个数CPoint m_pAccord[N], m_mousePoint; //保存输入的顶点信息和当前的鼠标所处位置......

原创 HTML常用总结

HTML笔记HTML 参考手册综述HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面HTML链接targ...

原创 Java文件操作API功能与Windows DOS命令和Linux Shell 命令类比

Java文件操作API功能与Windows DOS命令和Linux Shell 命令类比：Unix/Linux (Bash)Windows(MS-DOS)Java进入目录cdcd-创建目录mkdirmdmkdir( )当前目录pwdcdgetPath( )展示目录lsdirlist( )移除目录rmdeldeleteO...