标签: 前端相关

vip | 2022-09-21 | 前端相关后端开发环境

Caddy入门

<div class="com-markdown-collpase-main" <div <div class="rno-markdown J-articleContent rno-" <h2 id="%E5%89%8D%E8%A8%80" name="%E5%89%8D%E8%A8%80" 前言</h2 <p 日常工作中,当我们需要搭建临时文件系统或者站点的时候,我们通常会使用 <code python</code 自带的 <code http.server</code 模块或者 <code nginx</code 或者 <code node</code 来实现。但是他们都需要安装环境或者下载软件做很多的配置才可以,今天我们就来介绍一款可以不用部署环境,不用复杂配置,一个可执行文件就可以搭建生产级的 <code http</code 服务。</p <h2 id="%E5%85%B3%E4%BA%8E-caddy" name="%E5%85%B3%E4%BA%8E-caddy" 关于 caddy</h2 <p <code caddy</code 是使用 <code go<...

 139 |  0 |  0 前端相关后端开发环境

阿超 | 2022-09-03 | 前端相关JavaScript

js canvas视频截帧

礼貌是儿童和青年都应该特别小心地养成习惯的第一件大事——约翰·洛克 先放代码: javascript <script / @param src string 视频url @param currentTime double 视频截取位置,单位秒 @return 截取图片的 base64 / function getImgFromVideoUrl(src, currentTime) { if (!src) return if (!currentTime || currentTime < 0) { // 如果传入截取位置小于0, 给个默认值 currentTime = 0.001 } return new Promise(resolve = {

 120 |  1 |  0 前端相关JavaScript

阿超 | 2022-08-31 | 前端相关JavaScript

资源路径与blobUrl互转

害怕树敌的人永远得不到真正的朋友——哈兹里特 首先是普通资源 URL 转换为 blobUrl javascript // 生成blobURL const xhr = new XMLHttpRequest(); xhr.open('GET', 'https://vampireachao.gitee.io/imgs/preview/3356_3.jpg', true); xhr.responseType = 'blob'; xhr.onload = function (e) { if (this.status 200) { var blob = this.response; console.log(blob); // document.getElementById("myImg").src = URL.createObjectURL(blob);

 140 |  2 |  0 前端相关JavaScript

阿超 | 2022-07-29 | 前端相关VueJavaScript前端开发环境

vscode-vue-debug

睡在哪里都是睡在夜里。——贾平凹《废都》 今天写个node+vue的vscode里对chrome进行debug 首先确保你的路径是项目根目录,懒得踩坑或者去对应配置 我这里用[ vue-cli ](https://cli.vuejs.org/zh/index.html %E8%B5%B7%E6%AD%A5)创建一个新的 vue 项目 没有 tyarn 或者 cnpm 的话可以安装一个 shell npm i -g cnpm yarn tyarn --registry=https://registry.npm.taobao.org 查看全局依赖存储路径 yarn global dir ![image-20220319155235943](https://waibi.oss-cn-chengdu.aliyuncs.com/blog/image-20220319155235943.png) 然后是配置环境变量 对应路径注意不是在 Data 目录里: shell C:\Users\achao\AppData\Local\Yarn\bin

 169 |  1 |  1 前端相关Vue

阿超 | 2022-07-29 | 前端相关JavaScript

debugのChrome篇

我来到这个世界为的是看太阳和蔚蓝色的田野。——巴尔蒙特 chrome 中如何 debug ?我们可以打开 chrome 的控制台 ![image-20201201203437207](https://waibi.oss-cn-chengdu.aliyuncs.com/picGo/image-20201201203437207.png) 找到我们的文件 ![image-20201201203500555](https://waibi.oss-cn-chengdu.aliyuncs.com/picGo/image-20201201203500555.png) 然后在想要调试的地方打断点 ![image-20201201203527958](https://waibi.oss-cn-chengdu.aliyuncs.com/picGo/image-20201201203527958.png) 然后执行到此处的时候就会触发调试 ![image-20201201203556273](https://waibi.oss-cn-chengdu.aliyuncs.com/p...

 174 |  1 |  1 前端相关JavaScript

恩康 | 2022-07-27 | 前端相关VueJavaScript前端开发环境

Nvm Node多版本 切换工具

Nvm是什么 Nvm是管理node版本的工具、支持安装多个node版本、避免以为切换node版本需要卸载/安装,使用nvm指令即可快速切换node版本。 Nvm安装 官方地址:https://github.com/coreybutler/nvm-windows/releases 选择nvm的安装目录 选择nvm install的node版本的安装路径 Nvm使用 安装node版本 nvm install 16.16.0 查看当前所有的安装node版本 nvm list 使用 那个版本的node nvm use version 查看当前使用的node版本 nvm current

 195 |  3 |  1 前端相关Vue

没有更多啦~