- 博客(41)
- 资源 (3)
- 收藏
- 关注
原创 Mac 终端可以使用yarn,但是vscode里面报错segmentation fault
查阅官网https://www.yarnpkg.cn/getting-started/install。但是vscode里面报错segmentation fault。Mac 终端可以使用yarn。
2024-01-31 18:46:45
827
原创 linux无法粘贴文件
无粘贴功能的主要原因是无权限复制,所以解决方案是:打开终端,输入:sudo nautilus 那么就会打开一个有管理员权限的文件夹资源器,现在右键就有粘贴功能了。
2022-09-27 09:17:04
5104
2
原创 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
2021-08-03 15:50:56
150
原创 Linux服务器安装nodejs
步骤:1.服务器安装nodejsyum -y install nodejs2. 安装 n,n是nodejs管理工具npm install -g n3. 安装 nodejs的最新版本n latest4. 切换nodejs到最新版本PATH="$PATH"5. 查看版本是否已切换node -v
2021-08-03 15:33:29
206
原创 服务器运行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)
2021-08-02 21:24:40
1274
原创 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
2021-07-26 17:14:27
4184
原创 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) {
2021-07-01 20:13:19
141
2
原创 LeetCode今日刷题2021/06/03
49.字母异位词分组给定一个字符串数组,将字母异位词组合在一起。字母异位词指字母相同,但排列不同的字符串。示例:输入: ["eat", "tea", "tan", "ate", "nat", "bat"]输出:[ ["ate","eat","tea"], ["nat","tan"], ["bat"]]说明:所有输入均为小写字母。不考虑答案输出的顺序。/** * @param {string[]} strs * @return {string[][]} */var
2021-06-03 21:25:24
138
原创 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);//
2021-06-03 15:07:00
176
1
原创 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
2021-04-14 17:10:20
1030
1
原创 ThinkPHP3.2.3 实现微信小程序微信授权登录
网上找了很多教程都不好使,最后自己又研究了一番,终于成功了一、总体设计小程序登录流程:客户端通过调用wx.login(),获取登录凭证(code),将此code发往服务器,服务器通过调用 auth.code2Session 接口,使用 code 换取 openid、unionid、session_key 等信息。参考官方给出的时序图:本实例中将openid作为用户唯一标识,存入数据库中。服务器后端通过ThinkPHP框架实现两个接口:http://localhost/srclib/index.p
2021-04-07 19:22:57
3427
6
原创 Javascript 实现无缝切换/自动播放轮播图
一、功能需求鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。点击右侧按钮一次,图片往左播放一张,以此类推, 左侧按钮同理。图片播放的同时,下面小圆圈模块跟随一起变化。点击小圆圈,可以播放相应图片。鼠标不经过轮播图, 轮播图也会自动播放图片。鼠标经过,轮播图模块, 自动播放停止。二、实现思路1.整体分析因为js较多,我们单独新建js文件夹,再新建js文件,引入页面中。此时需要添加 load 事件。鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。显示隐藏 display 按
2021-03-13 12:26:30
3687
原创 JavaScript BOM 基础
1.BOM简介BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心 对象是 window。BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是Netscape 浏 览器标准的一部分。DOM:文档对象模型DOM 就是把「文档」当做一个「对象」来看待DOM 的顶级对象是 documentDOM 主
2021-03-12 10:34:28
172
原创 JavaScript 高级事件
1.注册事件// 1. 传统方式注册事件// 同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数btns[0].onclick = function() { alert('hi');}btns[0].onclick = function() { alert('hao a u');}// 2. 事件侦听注册事件 addEventListener 推荐使用// (1) 里面的事件类型是字符串 必定加引号 而且不带on// (2) 同一个元素
2021-03-09 20:20:28
374
原创 JavaScript DOM 基础
1.DOM简介文档对象模型(Document Object Model,简称 DOM),是 W3C 组织推荐的处理可扩展标记语言(HTML 或者XML)的标准编程接口,通过这些 DOM 接口可以改变网页的内容、结构和样式。文档:一个页面就是一个文档,DOM 中使用 document 表示元素:页面中的所有标签都是元素,DOM 中使用 element 表示节点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM 中使用 node 表示DOM 把以上内容都看做是对象2.获取元素(1)
2021-03-09 16:22:11
206
原创 JavaScript 基础
一、简单数据类型1.声明变量特殊情况情况说明结果var age ; console.log (age);只声明 不赋值undefinedconsole.log(age)不声明 不赋值 直接使用报错age = 10; console.log (age);不声明 只赋值102.Undefined 和 Null一个声明后没有被赋值的变量会有一个默认值 undefined ( 如果进行相连或者相加时,注意结果)var variable;console.l
2021-03-07 11:15:07
208
原创 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>如果想要生成多个相同标签 加
2021-03-04 21:09:11
567
1
原创 响应式网页设计实战
1.设计思路在本程序设计中,<header> 或 <footer> 元素不论在哪一种情况下,宽度总时浏览窗口宽度的100%,当浏览窗口宽度小于480px为手机端,大于480px小于768px为opad端,大于768px为桌面端。2.网页截图:桌面端:ipad端:手机端:3.代码实现:test.html<!DOCTYPE html><html><head> <meta charset="utf-8">
2020-11-17 22:20:39
4241
6
原创 CSS3笔记(4)——鼠标指针形状|响应式网页设计
一、设置鼠标指针形状使用 cursor 属性可以更改鼠标指针样式。语法cursor: value;二、媒体查询1. 媒体类型下列是CSS中定义的媒体类型(media types).all 用于所有的媒体设备。aural 用于语音和音频合成器。braille 用于盲人用点字法触觉回馈设备。embossed 用于分页的盲人用点字法打印机。handheld 用于小的手持的设备。print 用于打印机。projection 用于方案展示,比如幻灯片。screen 用于电脑显示器。
2020-11-08 22:34:09
448
原创 CSS3笔记(3)——过渡效果|动画|变形
一、过渡效果1. 过渡时间 transition-duration 属性transition-duration: time;time: 规定完成过渡效果需要花费的时间(以秒或毫秒计)。 默认值是 0,意味着不会有效果。2. 过渡效果 transition-property 属性transition-property: none | all | property;none: 没有属性会获得过渡效果。all: 所有属性都将获得过渡效果。property: 定义应用过渡效果的 CSS 属
2020-11-08 20:11:09
528
1
原创 CSS3笔记(2)——盒子模型|多栏|定位|弹性容器
一、盒子模型1. 构成盒子模型由内容盒、内边距、边框和外边距构成二、多栏布局1. CSS3基本语法一、定位与网页排版1. CSS3基本语法一、弹性容器1. CSS3基本语法
2020-11-05 21:44:31
1334
原创 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="
2020-11-03 22:46:38
448
1
原创 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文件所
2020-11-01 21:28:28
394
1
原创 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
2020-09-20 14:43:13
1580
原创 单链表实现一元多项式加法与乘法
程序运行效果:多项式加法实现原理:(1)如果cpa的指数<cpb的指数,则将cpa所指向的插入和多项式链中,向后移动指针;(2)如果cpa的指数>cpb的指数,则将cpb所指向的插入和多项式链中,向后移动指针;(3)如果cpa的指数=cpb的指数,则若cpa的指数+cpb的指数=0,则删除相应结点,向后移动指针,并释放内存空间;(4)否则cpa的指数+cpb的指数!=0,则...
2020-09-19 09:45:51
1556
原创 C语言实现单链表的基本操作
#include <stdio.h>#include <malloc.h>//定义链表结点结构体typedef struct node { int val; struct node* next;} MyLinkedList, node;//创建一个链表,即创建一个头结点MyLinkedList* myLinkedListCreate() { MyLin...
2020-04-01 10:46:39
554
原创 CSS基础总结
CSS入门摘要一、CSS引入方式行间样式 <div style=" width:100px; height:100px; background-color: red; "></div>页面级css<!DOCTYPE html><html lang="en"><head> ...
2020-02-19 23:52:22
710
原创 计算机图形学——光线追踪算法分析
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。求交的基本原理就是将射线的参......
2020-02-10 17:03:51
2590
原创 计算机图形学——三维图形变换和空间变换
1.图形变换void translate3dMatrix(float Tx, float Ty, float Tz){ Ccg3DTransDoc *pDoc = (Ccg3DTransDoc *)m_pView->GetDocument(); m_whoObject->transMatrix[3][0] += Tx; m_whoObject->transMatrix[...
2020-02-10 16:47:12
2274
原创 计算机图形学——二维图形变换&裁剪
算法描述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...
2020-02-10 16:34:23
3980
原创 计算机图形学——多边形区域填充算法
计算机图形学——区域填充算法橡皮筋效果本次实验的环境是使用vs提供的MFC框架,在鼠标交互输入中使用橡皮筋算法来实现多边形的输入。首先定义相应变量来保存输入的数据。int m_pNumbers; //输入点的个数CPoint m_pAccord[N], m_mousePoint; //保存输入的顶点信息和当前的鼠标所处位置......
2020-02-10 15:45:28
8137
2
原创 HTML常用总结
HTML笔记HTML 参考手册综述HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言,而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面HTML链接targ...
2020-02-10 15:09:02
945
原创 Java文件操作API功能与Windows DOS命令和Linux Shell 命令类比
Java文件操作API功能与Windows DOS命令和Linux Shell 命令类比:Unix/Linux (Bash)Windows(MS-DOS)Java进入目录cdcd-创建目录mkdirmdmkdir( )当前目录pwdcdgetPath( )展示目录lsdirlist( )移除目录rmdeldeleteO...
2019-10-30 21:16:06
240
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人