- 博客(15)
- 收藏
- 关注
RSS订阅原创 centos 安装nodejs
1 .先安装nvm```bashwget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash```安装成功后有上面图片的提示，红框框就是环境变量的设置方法export NVM_DIR="$HOME/.nvm"[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm[ -s "$NVM_D
2021-10-01 13:31:26
167
原创 linux 定义带参数的命令
我在服务器上运行的，centos 8首先 cd ~/.bashrc如果你使用cd ~， 发现里面没有任何一个文件， 不用担心， 因为里面的文件都是隐藏文件， 在 cd ~的前提下输入 ll -a就可以看到当前文件夹下的隐藏文件。然后编辑这个文件vim ~/.bashrc在我的服务器里面已经存在这些命令alias rm='rm -i'alias cp='cp -i'alias mv='mv -i'alias表示定义 mv表示自定义的名字，等号后面的就是执行的命令现在我想创建一个dp命令用来
2021-09-01 23:22:23
979
原创 使用canvas给图片加水印
获取本地图片效果图定义一个input用来选择文件，定义一个img标签用来显示选择的文件<input type="file" accept="image/png, image/jpeg" id="file" @change="handleImgUpload" /><img src="" alt="" id="originImg" />js用来处理选择文件后如何如何显示图片//input标签c
2021-04-02 13:58:05
1039
原创 js 小说/纯文字 编辑器
关于js的编辑器，网上大都是富文本编辑器，如果不是经常读源代码，可能无法抽丝剥茧找到自己需要的代码。需求每一段文字需要添加一个p标签，方便使用css提高阅读体验。字数统计contenteditable可以让元素处于可编辑状态，当前输入的内容是复制上一个元素的标签和类名。比如<div contenteditable> <p class="pEx"></p></div>回车输入后就会变成这样<div contenteditable
2021-03-29 15:04:52
462
原创 简易vuex
import Vue from 'vue';import Vuex from '../mvuex';Vue.use(Vuex);export default new Vuex.Store({ state: { num: 1, }, mutations: { inc(state) { state.num++; }, }, actions: {}, modules: {},});这是vuex的写法其中有两句代码Vue.use(vue
2021-03-24 16:45:08
85
原创 canvas绘制简单图形
三角形首先简单的画个三角形const canvas = document.getElementById('canvas');const ctx = canvas.getContext("2d");ctx.fillStyle = "pink"ctx.beginPath()ctx.moveTo(250, 0)ctx.lineTo(0, 500)ctx.lineTo(500, 500)ctx.closePath()ctx.stroke()ctx.fill()好了， 现在你已经学会can
2021-03-19 11:24:02
176
原创 宝塔，永远的神
部署前后端分离项目1.部署好后端，假设后端的所有接口都是以/api开头2.前端项目打包部署将文件放入服务器的某一个位置，假设为/home/siteFront点击宝塔侧边栏--网站--添加站点域名填自己的，如果没有，随便填点击设置点击配置文件，填入箭头所示的字段，其中http://127.0.0.1:3000是后端地址也可以点击配置文件的同一侧边栏的反向代理进行代理...
2021-02-16 12:38:05
147
原创 前端面试题
数组扁平化利用递归const arr = [1, [2, 3], 4, [5, 6, [7, 8, [9, 10], 11]]];const flat = (arr) => { const newArr = []; function flatArr(arrItem) { for (let i = 0; i < arrItem.length; i++) { if (arrItem[i] instanceof Array) { flatArr(ar
2021-01-04 21:18:56
74
原创 css 记录
实现一个滑动按钮，鼠标悬浮时自动向右滑动要求1.只使用一个dom元素效果链接 codepen<div class="demo"></div> .demo { width: 200px; height: 50px; position: relative; background-color: teal; } .demo::after { content: '';
2021-01-04 20:55:55
128
原创 React笔记
JSX语法构建htmlhtml变量绑定{里面是变量}const Fruit = (props) => { return ( <div>{props.name}</div> )} 注释{/*注释内容*/}无状态，意思大概是参数由外部传递，组件内部不保存无状态函数组件const Fruit = (props) => { return ( <div>{props.name}</div> )} 无状态组件
2020-12-27 20:16:34
68
原创 前端处理后端发来的验证码图片
假设后端接口为http://domainame.com/getCode因为发来的是图片，所以不能使用axios进行请求，因为axios会将图片转为json格式，乱码，我们就不能读取到img的请求可以跨域，在开发的时候可以直接使用完整接口将img的src设为接口，监听点击事件<img src="" alt="" id="code" @click="getCode" />src里面的是接口地址 getCode(e) { e.target.src =
2020-11-22 18:09:19
1240
原创 vue踩坑记录
“vue2-editor”: “^2.10.2”上传图片useCustomImageHandler @imageAdded="handleImageAdded"无效， 在handleImageAdded发现没有执行这个函数，改为@image-added="handleImageAdded错误解决
2020-10-28 17:35:48
244
原创 PyCharm运行按钮是灰色的
添加解释器按照网上的案例首次使用时上方可能出现一个绿条，让你添加解释器，有的人成功，有的人不成功（那就是我）不论我怎么设置解释器，运行按钮都是灰色的。我注意到右上角有个add Configuration，试着点进去，里面也可以设置解释器，but ，没有效果，设置了下面也不会出现结果。查遍了网上的方法，也米的办法，最终，高人指点右键运行接下来成功了使用前提已经设置好解释器（我用...
2019-01-04 13:11:27
40051
61
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人