开发中常用的小技巧
开发中会用到的提升效率的小工具以及常见问题解决的小技巧
代码搬运媛
于静 | Web3 & 前端工程化实践者
擅长 React/Next.js全栈开发 与智能合约集成,深耕前端布局及优化。
技术博客聚焦前端架构设计与区块链交互协议。
高光项目
- 设计跨链资产桥接前端方案(LayerZero协议)
- 开发企业级微前端架构,团队效率提升45%
- 可视化大屏开发,智能化数据分析
合作联系:282505458@qq.com
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
本地部署deepseek的具体方法,无需联网也能使用AI了
Ollama 是一个开源的本地大语言模型运行框架,旨在帮助用户在本地机器上轻松部署和运行大型语言模型(LLM),而无需依赖外部服务器或云服务。Ollama 为开发者和终端用户提供了简单高效的接口,使得本地运行和管理大型语言模型变得更加便捷。这里以7B模型为例,根据你的硬件配置,也可以选择其他大小的模型,如1.5B、8B、14B等。如果需要通过网页使用,可以下载并安装支持Ollama的网页应用。在终端中输入问题,即可与DeepSeek进行交互。然后在网页应用中选择Ollama作为模型提供方。原创 2025-02-05 11:07:53 · 2030 阅读 · 0 评论 -
AI 程序员的到来,程序员要失业了吗?
近期,全球首位AI程序员Devin的出场,不禁让我想到了一个有趣的问题:AI程序员会不会抢程序员的饭碗呢?面对复杂的产品需求,仍然需要人的参与,梳理需求、提出合理的创想,判断开发方式以及产品的未来发展等。我们也要与时俱进,不断更新自己的技术,突破自己的瓶颈,才能迎合市场的需要。AI程序员的到来,确实可以替代一部分程序员的工作,但是我认为如果要 AI 完全替代程序员,短时间内是不会实现的。诚如我们所看到的,AI 程序员的诞生确实对程序员的行业产生冲击,我们面临更大的挑战与竞争。原创 2024-03-21 14:14:41 · 333 阅读 · 0 评论 -
解决 js*100 的精度问题
【代码】解决 js*100 的精度问题。原创 2023-07-11 09:12:23 · 808 阅读 · 0 评论 -
JS实现全屏展示的具体方法
最近应公司的一个小需求,需要把一个 html 页面进行全屏控制的功能,虽然很简单但是苦于之前从未做过,今天就来实操一下,下边把具体的操作方法记录下来。html 页面 <div class="btns"> <button type="button" id="exitBtn" class="btn" onClick="exitFullscreen()">退出全屏</button> <button type="button" id="btn" clas原创 2022-06-01 14:29:31 · 9113 阅读 · 5 评论 -
解决火狐浏览器拖拽事件打开新页面的问题
我们在进行拖拽事件的编写时会发现,在火狐浏览器上会发生打开新窗口的问题,这是火狐浏览器的一个特性。在 created 声明周期中,阻止 FireFox 拖动打开新窗口。原创 2023-12-11 16:09:30 · 5814 阅读 · 0 评论 -
vscode 实现本地服务器部署小结
在查阅 MDN 网站的时候,偶然发现的原来 vscode 也可以实现本地化服务器部署,来模拟服务器的运行。原创 2024-05-09 08:34:21 · 1334 阅读 · 0 评论 -
如何生成 ssh 秘钥?
这个命令会提示输入保存密钥文件的路径和名称。如果省略路径和名称,密钥对通常会保存在用户主目录下的.ssh文件夹中,文件名为id_rsa和id_rsa.pub(私钥和公钥)公钥通常以.pub为扩展名,可以直接用文本编辑器打开并复制,然后粘贴到需要的地方,如GitHub、GitLab等平台的SSH密钥配置界面中。秘钥保存地址:默认会保存在 C:\Users\用户.ssh 下。原创 2024-04-10 09:12:45 · 2805 阅读 · 0 评论 -
解决 git 因输入密码错误而导致的报错无法推送问题
我这里是同时使用了 gitee 与 gitcode 两种账号,在推送的时候输入错了账号密码,但再次提交的时候一直提示报错却不再弹出输入账号密码的界面,如果你遇到的问题与我的场景类似,可以尝试一下。根本原因是本机存储的 账户密码错误。(1)打开控制面板,点击用户账户;(3)找到自己需要更改密码的账户;(4)输入正确的账户密码即可。(5)再次提交代码即可成功。(2)点击平局管理;原创 2024-05-10 15:15:35 · 1023 阅读 · 0 评论 -
windows 如何使用免安装版 node?
由于工作需要,本机无法自主安装软件,于是产生了这样一个需求。苦寻全网良久才实现,所以必须把这个过程记录下来,以防后期再次遇到同样的问题。原创 2024-09-05 11:09:17 · 1729 阅读 · 0 评论 -
VSCode AI提效工具,通义灵码前端开发体验
安装依旧很简单,vs code拓展插件中搜索就出来了,记住下边这个图标。这对程序员提效真的太哇塞了,有数据显示可以直接节省12%的开发时间。只要你描述的够详细,需求实现的越完善,这在同类产品中确实出众👍!重要的是个人版完全免费,这对普通开发者简直太友好了。(1)根据我的需求描述,进行功能需求分析。(2)生成的完整项目结构,及详细的代码。原创 2025-02-19 20:09:54 · 804 阅读 · 0 评论 -
linux 环境报错:Peer reports incompatible or unsupported protocol version
curl 不兼容或不支持的协议版本。如此继续之前的操作即可。原创 2024-07-02 17:19:19 · 708 阅读 · 0 评论 -
vscode 如何配置快速生成 vue3 模板
(1)点击 vscode 左下角的齿轮设置按钮,点击用户代码片段。使用时输入 vue3 即可快速生成 vue3 模板。(2)输入 vue,选择 vue.json 文件。(3)在注释下添加如下代码即可。原创 2024-07-08 11:46:32 · 3693 阅读 · 0 评论 -
如何同步fork的更新
当你fork。原创 2025-03-26 13:46:16 · 979 阅读 · 0 评论 -
Cursor实用开发技巧
Cursor是一款基于AI技术的编程工具,能显著提升开发效率。原创 2025-03-11 22:05:29 · 1087 阅读 · 0 评论 -
专为程序员量身定制的云 IDE,你用了吗
云IDE产品介绍云IDE是CSDN开发云为开发者打造的一款低代码开发产品,将为各位技术er一键秒级构建云开发环境,提升开发效率!云端预制了常见的开发环境。无需下载安装,一键创建项目,灵活配置代码仓和云主机。支持在线安装 VSCode 插件来增强使用体验支持从基础组件快速构建高阶组件,无需重新编写组件,提高研发效率。随时随地开发编码,拥有媲美本地IDE 的流畅编码,低代码开发,省时省力云IDE使用教程免费使用地址:点击【云IDE】,即可开始创建工作空间啦~原创 2022-10-27 13:28:13 · 492 阅读 · 0 评论 -
git add 时中文乱码的解决方法
问题复现:中文时显示如上,出现问题的原因为编码格式不对。解决方法:vi打开git的config文件vi config正确设置如下:core.quotepath=false问题已解决。原创 2022-03-07 08:35:12 · 597 阅读 · 0 评论 -
git 更换远程地址的方法
因为公司调整,需要将现有的git项目地址进行迁移,为了保证开发的顺利进行,需要将正在开发的代码远程地址改成新的地址,通过查询发现有三个方法可以实现,特此记录。具体方法如下:(1)通过命令直接修改远程仓库地址 git remote 查看所有远程仓库 git remote xxx 查看指定远程仓库地址 git remote set-url origin 你新的远程仓库地址(2)先删除在添加你的远程仓库git remote rm origingit remote add orig原创 2022-01-05 11:02:13 · 22632 阅读 · 0 评论 -
git 如何修改已提交的 commit 备注
有时候为了更好的解释提交信息,我们需要修改已经通过git commit -m '备注'提交到缓存区的备注信息。我们可以通过如下命令来修改:git commit --amend命令执行完之后会进入备注修改的界面,这个界面是 vi 环境的,需要你掌握基本的 vi 操作知识。(1).首先通过 a 或 i 键进入编辑模式,最上方的一条信息即为我们提交的备注信息,修改为我们需要的内容即可。(2).然后按 ESC 键退出编辑模式,按 ctrl + : 进入命令模式。输入wq保存并退出 vi 环境。w为写入原创 2021-12-10 11:15:17 · 6699 阅读 · 1 评论 -
Eslint报错含义及解决方案汇总
(1)Strings must use singlequote quotes表示变量使用了双引号,把表示变量的双引号改为单引号即可。(2)Expected to be enclosed by double quotes (vue/html-quotes)这个报错代表让你要将单引号改为双引号(3)Trailing spaces not allowed no-trailing-spaces代表有的地方空格多余,比如标签结尾处,只要删除多余空格即可(4)Unexpected tab character原创 2021-05-07 17:26:59 · 6019 阅读 · 0 评论 -
将本地项目推送到码云远程的基本步骤
这里指的是已经配置了 秘钥,需要本地项目与码云建立联系并推送项目的基本方法。(1)使用 git init 命令,初始化本地仓库 git init (2)与远程仓库建立联系git remote add origin https://gitee.com/你的码云用户名/XXXX(3)将码云上的仓库pull到本地文件夹git pull origin master(4)将要上传的文件,添加到刚刚创建的文件夹(5)将文件保存到缓存区git add *(6)提交到本地库git commit原创 2021-05-01 09:31:22 · 593 阅读 · 0 评论 -
mockjs使用指南
mockjs简介Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能:根据数据模板生成模拟数据模拟 Ajax 请求,生成并返回模拟数据基于 HTML 模板生成模拟数据在前后端分离式开发中起着很重要的作用。安装及使用方法1、node(commenJS)// 安装npm install mockjs// 使用 Mockvar Mock = require('mockjs')var data = Mock.mock({原创 2020-12-06 14:58:52 · 522 阅读 · 0 评论 -
前端模块化知识汇总
JS模块化模块化的理解什么是模块?将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信一个模块的组成数据—>内部的属性操作数据的行为—>内部的函数模块化编码时是按照模块一个一个编码的, 整个项目就是一个模块化的项目模块化的进化过程全局function模式 :编码: 全局变量/函数问题: 污染全局命名空间, 容易引起命名冲突/数据不安全n原创 2020-12-01 16:03:54 · 339 阅读 · 0 评论 -
ES6模块化教程
ES6-Babel-Browserify使用教程定义package.json文件{ "name" : "es6-babel-browserify", "version" : "1.0.0"}安装babel-cli, babel-preset-es2015和browserifynpm install babel-cli browserify -gnpm install babel-preset-es2015 --save-dev定义.babelrc文件{"pres原创 2020-12-01 16:01:44 · 416 阅读 · 0 评论 -
CMD:SeaJS模块化教程
sea.js简单使用教程阿里内部一小部分人在用,已经卖给国外了。所以使用并不是很广泛,作为前端开发,了解即可。它同样是用于浏览器端的模块化规范,模块加载也是异步的。模块使用时才会加载执行。下载sea.js, 并引入官网: http://seajs.org/github : https://github.com/seajs/seajs将sea.js导入项目: js/libs/sea.js创建项目结构|-js |-libs |-sea.js |-modules原创 2020-12-01 16:00:26 · 376 阅读 · 0 评论 -
AMD:RequireJS模块化教程
require.js使用教程专门用于浏览器端模块化的规范,模块的加载是异步的。下载require.js, 并引入官网: http://www.requirejs.cn/github : https://github.com/requirejs/requirejs将require.js导入项目: js/libs/require.js创建项目结构|-js |-libs |-require.js |-modules |-alerter.js |-dat原创 2020-12-01 15:58:37 · 340 阅读 · 0 评论 -
CommonJS Browserify模块化教程
Browserify模块化使用教程创建项目结构|-js |-dist //打包生成文件的目录 |-src //源码所在的目录 |-module1.js |-module2.js |-module3.js |-app.js //应用主源文件|-index.html|-package.json { "name": "browserify-test", "version": "1.0.0" }下载browserify全局: n原创 2020-12-01 15:52:21 · 392 阅读 · 0 评论 -
webpack 快速入门教程
文章目录webpack 是什么webpack 的五个核心感念webpack 安装与命令行打包全局安装本地安装使用方法webpack 配置文件入口起点webpack 基础目录(context)资源入口 entry常见场景分离 应用程序(app) 和 第三方库(vendor) 入口多页面应用程序输出publicPath模式loader**安装 loader**使用plugins用法webpack 初体验初始化配置编译打包应用开发环境基本配置打包样式资源打包 html 资源打包图片资源打包其他资源**devser原创 2020-07-24 10:02:49 · 1096 阅读 · 0 评论 -
详解如何使用nvm管理Node.js多版本
安装nvmMac OS:如果已经安装了node,在安装nvm之前,不需要卸载这个版本的node。这个版本的node后续会成为nvm中的system版本的node。具体步骤如下:首先安装C++编译器,使用XCode 的命令行工具,在Terminal中输入: xcode-select --install然后在Terminal里输入:1curl -o- https://raw.github...原创 2020-06-29 14:05:18 · 1833 阅读 · 1 评论 -
VS CODE 实用快捷键
VS CODE 实用快捷键按 Press功能 FunctionCtrl + Shift + P,F1显示命令面板 Show Command PaletteCtrl + P快速打开 Quick OpenCtrl + Shift + N新窗口/实例 New window/instanceCtrl + Shift + W关闭窗口/实例 Close window/instance基础编辑按 Press功能 FunctionCtrl+X剪切原创 2020-06-29 10:53:23 · 513 阅读 · 0 评论 -
【小工具】提升开发效率:sourceTree for Mac 可视化 git 工具
sourceTreeSourceTree 是 Windows 和Mac OS X 下免费的 Git 和 Hg 客户端管理工具,同时也是Mn版本控制系统工具。支持创建、克隆、提交、push、pull 和合并等操作。SourceTree拥有一个精美简洁的界面,大大简化了开发者与代码库之间的Git操作方式,这对于那些不熟悉Git命令的开发者来说非常实用。SourceTree拥有完整的Git功能:sourceTree官网下载地址mac 下载的版本可能会有问题,现提供 我下载的版本供大家使用下载连接.原创 2020-06-24 18:13:07 · 605 阅读 · 0 评论 -
【小工具】程序员不可不知的 【贴图+截图软件】:Snipaste
作为程序员开发,尤其是前端开发,经常会在项目过程中反复查看设计稿的元素,不断切屏可能是最痛苦的事了。但是,如果你知道 Snipaste 的存在,那么这一切都变得如此简单。!!!!它的最厉害的功能:将截取的图片贴在屏幕上,甚至可以随意移动。强大的功能介绍:自动检测界面元素区域像素级的鼠标移动控制、截图范围控制取色器 (试试 F1, C, F3)历史记录回放 (,/.)支持多屏支持高分屏重要的是,它**免费,免费,免费!**同时,它也很安全,没有广告、不会扫描你的硬盘、更不会上传用户数据。原创 2020-05-25 16:57:50 · 822 阅读 · 0 评论 -
[MAC 新手扫盲] 解决 mac 系统中 finder 菜单中设置的菜单不显示
最近因为开发需要安装了很多软件,不知道误操作了什么地方在 finder 中找不到常用的菜单了担心了好久还以为电脑中病毒了,结果闹了个大笑话。解决方案:鼠标悬浮在个人收藏上,会出现 “显示” 字样,点击即可显示。...原创 2020-05-22 09:32:41 · 1073 阅读 · 0 评论 -
webp图片介绍及用法总结
一、什么是webp,它有什么用?webp是谷歌推出的一种图片格式,它的优点就是同等画面质量下,体积比jpg、png这些少了25%以上。大家都知道移动互联网时代,页面大小和用户留存息息相关,更快的加载页面才能让更多用户关注到你的内容,而图片一直都是页面体积的大头,拿我们的活动页面来说,图片占据了80%以上的页面大小。所以使用webp的话,可以瞬间让页面大小下降1/4,不得不说是一个极具性价比的优...原创 2020-01-07 11:37:19 · 14561 阅读 · 0 评论 -
MAC常用快捷方式及手势
请用 Option 键代替 Alt 键,用 Command 标志键代替 Windows 键,control键代替ctrl键。剪切、拷贝、粘贴和其他常用快捷键Ctrl+A:到行首(达到Home键的效果)Ctrl+E:到行尾(达到End键的效果)Ctrl+N:到下一行Ctrl+P:到上一行Ctrl+K:从光标处开始删除,直到行尾Command-X:剪切所选项并拷贝到剪贴板。Comman...原创 2019-12-30 11:42:14 · 920 阅读 · 0 评论
分享