- 博客(26)
- 收藏
- 关注
RSS订阅原创 新版画中画documentPictureInPicture API使用
新版画中画documentPictureInPicture API使用和实际案例
2023-11-25 10:13:37
529
原创 chrome extensions mv3通过content scripts注入/获取原网站的window数据
通过事件里互相传的数据会经过插件内部的序列化，地址、Object.defineProperty都是不共享的。而且这个方法相较于script标签插入，可以绕开doc response的Content-Security-Policy。
2023-09-26 16:47:32
1439
原创 strapi入门——第三篇
本篇主要介绍strapi自带的plugin修改和permission配置同步示例，为了解决开发时设置了permission部署到线上还要再设置一遍的问题，但目前此样例只同步id==2的public用户类型请注意这个系列用的版本均为3.1.3系统自带插件首先可以先去github如图切换版本，点击packages就可以看到strapi自带的plugin列表，这篇的主要目标是strapi-plugin-users-permissions这个包本地同步代码package首先我是这么创建了packages
2022-04-18 11:10:23
1460
原创 通过frc实现ssh内网穿透功能
家里有个树莓派一直想在公司时能连上，但是苦于家里网络没公网ip，就找到了这个工具安装frp首先去frp release这边下载相对应的包，例如我的树莓派v4是armv7l用的arm包，服务器是amd64用的amd64包，不知道架构的可以输入uname -m查看穿透目标客户端和服务端以随便一个包为例，红框的是客户端用的，蓝的是服务端用的接下来把红蓝各自放在客户端和服务端单独文件夹里，然后chmod 777启动文件，唯一要修改的配置文件是客户端frpc.ini里的server_addr为服务器ip
2022-04-01 17:33:59
1190
原创 nginx 快速配置
不是什么高深的指南，只是老是忘记所以记录一下只需要创建个 web.conf到 /etc/nginx/conf.d/中就行，而且配置很简单# /path 路径反向代理server { location /path { proxy_pass http://127.0.0.1:8080; }}# 配合dns解析不同三级域名反向代理 + 前端history路由模式server { server_name cloudeve.xxx.com; loca.
2022-03-23 14:39:24
4662
原创 ffmpeg.wasm的使用教程
安装首先肯定得先安装ffmpeg.wasm到项目中yarn add @ffmpeg/ffmpeg @ffmpeg/core在web使用时最好使用ffmpeg/@ffmpeg/dist/ffmpeg.min.js，因为这个包默认环境是node，打包出的是web，或者去看看怎么配置webpack等打包工具启动这个wasm需要使用SharedArrayBuffer api，服务器的response header必须有2个字段Cross-Origin-Opener-Policy: same-origi
2021-12-13 16:38:30
8918
5
原创 嵌套git仓库
目前情况是主仓库用到了别人的包，但是有些bug不得不自己pull下来修改放到主仓库中，但主仓库的git不会检测该子仓库的修改，就找到了这个玩法具体操作官方submodule文档就已经有说明了，但为了一眼就上手还是看下面比较好创建子仓库比如我的/package里有一个react-native-image-viewer仓库是子git仓库在主仓库的根目录下创建.gitmodules文件，写法大概如下[submodule "react-native-image-viewer"] path = pac
2021-06-29 11:42:35
2195
原创 linux命令集合
自己学的服务器安装nodejs先去官方里找到想下的版本，我这用的v12.18.4# 下载curl https://nodejs.org/dist/v12.18.4/node-v12.18.4-linux-x64.tar.gz -O# 解压tar zxvf node-v12.18.4-linux-x64.tar.gz# 软链接到全局sudo ln -s ~/node-v12.18.4-linux-x64/bin/node /usr/bin/nodesudo ln -s ~/node-v1.
2021-06-10 23:00:52
333
原创 /usr/bin/env: ‘node’: Too many levels of symbolic links 错误提示
这个是自己有点蠢复制命令一直ln node到别的文件夹下导致的，把除了/usr/bin/node的其他软链接node删了就好了，比如/bin/node，/usr/sbin/node
2021-06-10 19:06:09
1089
原创 webpack + ejs开发
前言由于项目原因需要用原生三件套最小化写产品的首页，实在受不了css和整一个html的写法，自己找了个解决方案，可以一套代码套不同的语言js，但目前还不是最完美的。如果不想看我多bb，这里就先放项目地址了依赖安装# babel + tsyarn add @babel/core @babel/preset-env @babel/preset-typescript typescript -D# webpackyarn add webpack webpack-dev-server webpack-
2021-01-25 15:15:35
2134
原创 flutter配置多个开发环境变量
前言由于前端写多了老是想着用cross-env这种混入系统变量使用，然而在vscode的debugger有点行不通，就发现了一个新的方式单例模式AppConfigAppConfig.dartimport 'package:flutter/material.dart';enum DevMode { sf, ad }class AppConfig { DevMode mode; static AppConfig _appConfig; factory AppConfig(DevMo
2021-01-25 13:23:26
677
原创 webpack中使用ipcRenderer
electron创建窗口的入口const mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { //重点 preload: __dirname + '/preload.js', }, })preload.jswindow.electron = require('electron')最后webpack配置一下module.export
2021-01-11 13:06:29
476
原创 比较全面的typescript + react 开发教程
前言本教程不用react-script这种工具，用的webpack + eslint(可选) + prettier(可选) + babel，使用编辑器用的vscode。以下会涉及到ts语法和redux、react-router-dom的一些技巧，也是入门时学习到的。准备工作depend# babelyarn add @babel/core @babel/preset-reac @babel/preset-typescript @babel/preset-env -D# webpackyarn
2020-12-31 14:31:57
1091
原创 nodejs使用es语法
使用并不需要什么webpack，前面写的webpack打包后端就是个笑话，只需要安装两个包。如果是经常用node端js，建议全局安装yarn global add @babel/core @babel/node然后babel-node ./test.js就可以运行了，虽然在启动上比起原生要久一点配合web服务器开发一般node端都是搞web服务器的，再加个nodemon包就可以解决开发时更新问题nodemon --exec babel-node index.js配合vscode的Code
2020-12-11 13:46:06
1222
3
原创 strapi入门——第二篇
使用外部数据库strapi在默认下是安装了sqlite数据库，并且默认把数据放在.tmp/data.db中，并且被gitignore了在团队开发中，这个二进制文件如果不被gitignore，即使覆盖或者保留双方都会崩掉，不得不重来。所以最后就变成了单独一个人管理数据库和后台了配置官方配置文档目前本人用的mysql，数据库的配置在config/database.js中module.exports = ({ env }) => ({ defaultConnection: 'defaul
2020-08-13 16:56:34
9350
21
原创 strapi入门第一篇
前言之前因为工作缘故使用了一段时间的strapi，虽然说是第一次接触headless CMS，但是官方文档这里写一点那里又拆了一部分看着血压拉满，就自己总结了一部分使用指南。安装这里我用的是yarnyarn create strapi-app my-project首先这里有一个大坑，如果你安装过可能会遇到node-gyp或者sharp安装失败的问题比较好的解决方案就是使用某些学习软件，打开它的可能被关闭的本地局域网连接接下来在cmd中使用以下命令就可以了yarn config set
2020-08-10 01:45:07
4325
2
原创 vscode使用cmder
打开用户配置的json文件，添加以下的配置项{ "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", "terminal.integrated.shellArgs.windows": [ "/k D:\\cmder\\vendor\\init.bat" ]}第一个参数为系统cmd.exe的位置，第二个为cmder的文件夹位置，实现效果：stackoverflow...
2020-05-24 13:04:47
927
2
原创 webpack打包nodejs后端环境
webpack好多样例都是用在前端的，百度也很难找到一个像样的后端打包教程，自己从谷歌还有webpack官方文档总结一下吧。入门首先准备了一个main.js这个入口文件import request from './request'import cherrio from './query'request('https://www.baidu.com/s?ie=UTF-8&wd=axios').then(res=>{ var $ = cherrio(res) var
2020-05-24 11:22:21
2856
原创 nodejs更新后hexo没法deploy
大致错误如下FATAL Something's wrong. Maybe you can find the solution here: https://hexo.io/docs/troubleshooting.htmlTypeError [ERR_INVALID_ARG_TYPE]: The "mode" argument must be integer. Received an instance of Object at copyFile (fs.js:1890:10) at try
2020-05-24 00:58:33
1092
原创 UnhandledPromiseRejectionWarning: Error: write EPROTO 14100:error:1425F102:SSL
当时是想用nodejs爬一个漫画网站没想到出了这个ssl的问题，终于在stackoverflow上找到了是nodejs和TSL版本相关，我爬的这个破网站用的TSLv1.0，nodejs11.4后就默认是TSLv1.2，所以要用TSLv1.0就使用参数--tls-min-v1.0。例如node --tls-min-v1.0 ./request.jsstackoverflow地址...
2020-05-18 13:24:15
2104
原创 前端开发总结（一）
距离上次写的的hello world (again)有快4个月了吧，这也是过了一个学期了，借着新年的劲头写下一些关于前端开发的总结吧。关于JavaScript和V8以chrome为例，肯定都有了解它的运行js的引擎是一个名为V8的引擎，但是，V8引擎和浏览器并不是同一个东西，chrome是在V8引擎上增加了许多的安全限制（跨域）和对象（window），所以百度出来nodejs用的就是V8引擎...
2020-01-05 23:08:21
261
原创 vuex快速学习笔记
首先，需要考虑为什么上vuex这也是我在开发过程中遇到的一个小问题，如果类似下面有多个组件嵌套的话用props和:data="data"会显得太繁琐而且根据官方文档说的props的数据是单向的，想要改变数据使用$emit('xxx')也很麻烦demo目录结构前提准备vuex安装肯定的吧store.jsimport Vue from 'vue'import Vuex fr...
2019-10-14 19:15:16
195
原创 gulp4.0使用gulp-connect插件
前言虽然网上有许多类似的gulp3.0的task和series配套用法：gulp.task('server', gulp.series('connect', 'watch'))但还是莫名其妙没触发更新开始var { watch,src,dest } = require('gulp'), connect = require('gulp-connect') function...
2019-10-01 09:49:21
485
原创 简单实现vue-cli下的动态组件
前提这只是开发中简单实现的，可能会繁琐，待改进中数据data.jsexport default { "avatar": { "headIconURL": "", "name":"APAD", "description": "", "skills": [] }, "contact":{ "...
2019-09-25 10:21:16
521
原创 解决nodejs的Connection lost: The server closed the connection
前言这是由于mysql自带的一段时间无动作会自动关闭的机制解决使用闭包可以完美解决问题var mysql = require('mysql')var sqlConfig = { host: 'localhost', user: 'root', password: 'pwd', database: 'dbbase'}var conn = func...
2019-09-13 10:21:45
4004
原创 nodejs中用multer和express实现简单文件上传功能
文章目录前提准备开始前端部分htmljs后端部分server-config.jsserver.js结束前提准备expressmulter开始前端部分html<input type="file" id="file" name='img'/><div id="submit">submit</div>js因为jq的ajax用起来不习惯自己写...
2019-08-26 16:06:57
413
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人