web工具
文章平均质量分 74
web工具系列
Vam的金豆之路
开源 JavaScript 库 Strve.js 作者
展开
-
JS框架榜单官方结果令人惊讶!感谢大佬凌晨3点给 Strve.js 提交的PR!
在上面大佬说了一句话让我觉得非常好,“如果你允许的话,我愿意成为你的伙伴。你创建的程序令人兴奋,所以我阅读并探索了你的代码和提交历史,直到接近 3.00。所以我修改了三个关于生命周期钩子的文件,包括lib/diff.js、src/diff.ts和types/diff.d.ts,以允许它们被多次使用。打开之后,我从后面往前数,还是之前的名次,这下心放下了。两位大佬的PR已经合并了,将在新的版本中发布。原创 2023-07-24 23:36:25 · 233 阅读 · 0 评论 -
我是如何开发了一个前端库 or 框架?
前端发展速度已经远远超出了我们的预计范围,前端基于 JS 的框架/库更是层出不穷。那么框架与库有什么区别呢?我又是如何开发了一个前端库/框架?原创 2023-02-13 00:04:09 · 981 阅读 · 0 评论 -
使用Node.js与Strve.js@4.3.0实战一款全新的群聊应用
Strve.js现在已经基本稳定在4.3.0版本,与之前的稳定版本相比,比如增加了常用的生命周期钩子函数。另外,如果你想直接在浏览器中使用Strve.js,可以使用IIFE版本。还有很多亮点,比如支持父子组件传值等等。其他优化大家可以打开官方文档仔细查阅下。最近,把Strve.js文档又重新整理优化了下,我把它也部署到了gitee上,下面是优化后的文档。现在前端界这么多框架或者库,你有能力,有信心去和它们争一碗羹吗?你付出这么多精力值得吗?你自己能力还需提升,开发这个框架有人用吗?原创 2022-11-14 00:20:25 · 948 阅读 · 0 评论 -
Strve.js实现简单的数据双向绑定
用过Vue的小伙伴都知道,v-model指令可以实现数据双向绑定。双向绑定除了数据驱动 DOM 外, DOM 的变化反过来影响数据,是一个双向关系。那么我们今天来用Strve.js来实现一下,不到30行代码。源码:效果:Githubhttps://github.com/maomincoding/strve...原创 2022-05-23 22:30:57 · 317 阅读 · 3 评论 -
Vite2 + Strve3:从 0 到 1 实现一款 Web 聊天室应用
前几天Strve.js@3.1.0正式发布,所以想借此机会用它来实操一下。Vite 与 Strve3 到底怎么从 0 到 1 实现一款 Web 聊天室应用的。原创 2022-04-26 21:14:14 · 465 阅读 · 1 评论 -
# 每个前端同学都可以拥有自己的框架,然后去完善它——Strvejs@3.1.0正式发布 #
从 Strve.js 正式发布到现在已经将近半年了,收到很多建议,也收到很多赞扬,谢谢大家!平时抽空的时候,我也在不断地完善这个框架,希望可以更加的健壮。原创 2022-04-19 22:55:06 · 412 阅读 · 1 评论 -
基于Vite构建工具,用Strve.js开发一个简版TodoList
文件目录是不是觉得特别清爽,然后又是基于Vite搭建的,所以开发体验也是不错的。Strve底层是全面拥抱Es Modules,使用Vite搭建项目是不二之选。原创 2022-02-23 13:10:05 · 815 阅读 · 2 评论 -
Strve.js这样写法像不像React?
上周自己抽时间把Strve.js升级了一下,现在目前版本是2.3.3。有兴趣的朋友可以去官方文档查阅一下。说到官方文档,之前有位朋友说我的文档缺乏可视化界面,就是那种在线编辑插件。这位朋友提的建议很不错,就去网上调研了一下,最后选定了Codepen。选定它的原因是我只是单独的页面展示,这样简单就足够了。其次,最近连续更新了两个版本:2.3.3和2.3.2,下面我们来看看这两个版本的更新日志。v2.3.3StrveAPI的参数调整;v2.3.2HTML标签内容支持显示非字符串类型;数据绑定统原创 2022-02-22 00:09:14 · 883 阅读 · 0 评论 -
Strve.js@2.x正式发布与做open source的一些感受
尤雨溪同学近期的两段分享和Strve.js新版本更新。从90%到100%这个过程其实是很困难的,你就会发现把一个玩具做成真的能用的东西就需要投入很多。原创 2022-01-31 20:04:06 · 1572 阅读 · 0 评论 -
「create-?」每个前端开发者都可以拥有属于自己的命令行脚手架
前端项目命令行工具原创 2021-12-19 16:22:14 · 1002 阅读 · 0 评论 -
文档如何自动化部署到线上环境「每个前端都可以拥有自己的博客」
前言说起文档,我们可能会第一时间会想起很多技术文档,比如Vue.js文档、React.js文档、TypeScript文档,它们都有相似的布局和样式。那么,作为开发者的我们,怎么不也搞一个类似于技术文档的网站作为自己的博客呢?现在有很多开源的项目可以做博客,比如基于Vue.js开发的Vuepress以及同一家的Vitepress,还有基于React.js开发的Docusaurus。这么多方案,我们今天就拿Vuepress为例来搞一下线上可以访问的博客。在开始实战之前呢!透露一下最近在搞得开源库Strve原创 2021-12-16 23:51:48 · 1484 阅读 · 2 评论 -
怎样使 git clone 更快
使用国内镜像,目前已知Github国内镜像网站有github.com.cnpmjs.org和git.sdut.me。在clone某个项目的时候将github.com替换为github.com.cnpmjs.org或git.sdut.me即可。原创 2021-10-13 22:04:40 · 978 阅读 · 1 评论 -
git 命令日常积累
分支同步远程分支到本地git fetch查看本地分支git branch切换分支git checkout master合并分支git merge dev删除本地分支或者临时分支git branch -d dev推送分支git push origin master/dev原创 2021-08-27 09:18:23 · 244 阅读 · 0 评论 -
2021.8.13起,Github要求使用基于令牌的身份验证
缘起昨天晚上提交代码到GitHub时遇到了这个错误。remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.字面大体意思就是你原先的密码凭证从2021年8月13日开始就不能用了,必须使用个人访问令牌(personal access token),就是把你的密码替换成token!之前,听说过有这种机制,GitHub经常也发原创 2021-08-20 23:43:36 · 2039 阅读 · 0 评论 -
从零开始实现命令行工具自动初始化项目工程以及发布到NPM
前言这篇文章将带你从零实现一款命令行脚手架工具用于初始化项目以及如何发布到NPM。首先,我们所熟知的VueCLI就是采用命令行工具快速生成项目工程目录的,这样,我们每次开发项目前只需要在命令行中输入命令,然后就可以快速生成项目工程,非常方便。那么,这么方便的命令行工具是怎么实现的呢?下面我们就开始进入实战环节。实战我将会使用之前自己开发的一款脚手架工具strview-cli来介绍如何实现它的。这个脚手架工具的源码地址如下:https://github.com/maomincoding/strview原创 2021-08-18 14:16:20 · 523 阅读 · 0 评论 -
从给Vite2官方提了一个issues并已被认可为Bug,我学到了什么?
缘起我打算使用自己搭建的V3项目脚手架parcel-vue-app搞一搞项目,毕竟是刚出来,很多东西都不完善,只能自己不断尝试。于是,使用parcel-vue-cli开始初始化项目(如果有小伙伴对parcel-vue-app感兴趣的,文末有源码地址)。…项目搭建完毕启动地址是http://localhost:3000/,一顿操作之后,页面也能很快地更新数据。不得不觉得Parcel在这方面做得还是很不错的。于是这时,想到了尤大大开发的Vite,决定比较一下。于是进入vite官方网站,下载了vite@2.原创 2021-05-14 00:55:22 · 760 阅读 · 0 评论 -
Sublime Text 3 如何清除上次打开文件记录
sublime顶部菜单栏进入 Preferences => Settings-User修改如下:{"hot_exit": false,"remember_open_files": false,}欢迎关注我的公众号前端历劫之路回复关键词电子书,即可获取12本前端热门电子书。回复关键词红宝书第4版,即可获取最新《JavaScript高级程序设计》(第四版)电子书。关注公众号后,点击下方菜单即可加我微信,我拉拢了很多IT大佬,创建了一个技术交流、文章分享群,期待你的加原创 2021-01-21 11:25:33 · 917 阅读 · 1 评论 -
Vscode个性化设置:让一个小萌妹陪你敲代码
前言大家平时都用什么代码编辑器啊!我个人比较喜欢用vscode,因为有以下几点:开源,免费;自定义配置集成git智能提示强大支持各种文件格式(html/jade/css/less/sass/xml)调试功能强大各种方便的快捷键强大的插件扩展对前端这么友好,没理由不用。偷偷告诉你下载网址:https://code.visualstudio.com/效果图先上图,注意下图是动态的。是不是很萌萌哒~配置这么萌的效果,怎么实现呢?配置如下,Windows环境和Mac环境原创 2020-12-03 14:16:57 · 25187 阅读 · 130 评论 -
Vscode标题栏出现【不受支持】提示的完美解决方案
安装Fix VSCode Checksumscode --install-extension lehni.vscode-fix-checksums打开命令面板,快捷键 Ctrl + Shift + P 输入命令Fix Checksums:Apply重启Vscode,解决。原创 2020-12-02 16:59:01 · 2458 阅读 · 3 评论 -
如何在vscode 背景配置一个动态小女孩
D:\Microsoft VS Code\resources\app\out\vs\code\electron-browser\workbench<!-- Copyright (C) Microsoft Corporation. All rights reserved. --><!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta http-equiv="Cont原创 2020-08-04 21:55:51 · 2184 阅读 · 2 评论 -
Xshell缺失mfc110u.dll文件解决方案(有下载链接)
你好,我是Vam的金豆之路,可以叫我豆哥。2019年年度博客之星、技术领域博客专家。主要领域:前端开发。我的微信是 maomin9761,有什么疑问可以加我哦,自己创建了一个微信技术交流群,可以加我邀请你一起交流学习。最后自己也创建了一个微信公众号,里面的文章是我自己精挑细选的文章,主要介绍各种IT新技术。欢迎关注哦,微信搜索:臻美IT,等你来。欢迎阅读本博文,本博文主要讲述【】,文字通...原创 2020-04-11 17:44:25 · 10594 阅读 · 0 评论 -
Sublime Text 新建代码片段(图解)
你好,我是Vam的金豆之路,可以叫我豆哥。2019年年度博客之星、技术领域博客专家。主要领域:前端开发。我的微信是 maomin9761,有什么疑问可以加我哦,自己创建了一个微信技术交流群,可以加我邀请你一起交流学习。最后自己也创建了一个微信公众号,里面的文章是我自己精挑细选的文章,主要介绍各种IT新技术。欢迎关注哦,微信搜索:臻美IT,等你来。欢迎阅读本博文,本博文主要讲述【Subli...原创 2020-04-11 17:03:15 · 2976 阅读 · 0 评论 -
安装使用前端脚手架之前你可能遇到的问题
你好,我是Vam的金豆之路,可以叫我豆哥。2019年年度博客之星、技术领域博客专家。主要领域:前端开发。我的微信是 maomin9761,有什么疑问可以加我哦,自己创建了一个微信技术交流群,可以加我邀请你一起交流学习。最后自己也创建了一个微信公众号,里面的文章是我自己精挑细选的文章,主要介绍各种IT新技术。欢迎关注哦,微信搜索:臻美IT,等你来。欢迎阅读本博文,本博文主要讲述【安装使用前...原创 2020-04-11 16:11:20 · 2617 阅读 · 0 评论 -
你真的了解git的分支管理跟其他概念吗?
现在前端要学的只是太多了,你是不是有时会有这个想法,如果我有两个大脑。一个学Vue,一个学React,然后到最后把两个大脑学的知识再合并在一起,这样就能省时间了。哈哈,这个好像不能实现。现实点吧!年轻人。那么我们刚才那个想法就是分支的原理。你创建了一个属于你自己的分支,别人看不到,还继续在原来的分支上正常工作,而你在自己的分支上继续敲代码,想提交就提交,直到开发完毕后,再一次性合并到原来的分支...原创 2020-02-08 17:53:29 · 2381 阅读 · 1 评论 -
gulp入门第一课你需要注意的
安装1、首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp。npm install -g gulp2、初始化项目。npm init3、如果想在安装的时候把gulp写进项目package.json文件的依赖中,则可以加上–save-dev。npm install --save-dev gulp注意: 全局安装gulp后,还需要在项目中本地安装一次,大体是为了版本...原创 2020-02-03 12:36:43 · 2385 阅读 · 1 评论 -
Phantomjs实用代码段(持续更新中……)
1、下载2、解压3、配置环境变量原创 2019-12-25 18:00:47 · 7804 阅读 · 1 评论 -
使用HBuilder X编辑器安装终端窗口插件未响应的解决方案
一、打开HBuilder X根目录依次找到main.jsHBuilderX \ plugins \ builtincef3terminal \ script \ main.js二、编辑main.js将17到40行代码的powershell.exe跟cmd.exe都改为绝对路径。下面为示例:if(isWin){ shell = 'C:/Windows/System32/Windo...原创 2019-12-24 19:06:41 · 16809 阅读 · 10 评论 -
npm发布包以及更新包还有需要注意的几点问题(这里以发布vue插件为例)
前言在此之前,你需要去npm官网注册一个属于自己的账号,记住自己的账户名以及密码、邮箱,后面会用的到。第一步,安装webpack简易框架vue init webpack-simple marquee这里会用到vue init 命令,如果你的cli版本是3或者以上,那么在此之前你需要安装vue/cli-initnpm install -g @vue/cli-initvue ini...原创 2019-11-29 12:01:37 · 25870 阅读 · 12 评论 -
关于Navicat for MYSQL导入导出数据表需要注意的几点
前言我们在写数据库时,不免会遇到一些不可抗力因素,万一数据库表丢失了,那就大发了,现在我们来学习一下如何用Navicat for MYSQL导入导出数据表。一、导出1、如果将csdnurl表导出的话,右键点击对应的表。出现菜单,点击导出向导。2、一般我们会导出Excel数据表,更加方便些。点击下一步。3、点击选中对应的表,点击下一步。4、选择导出哪些列。5、勾选这两个选项。下一...原创 2019-11-08 10:23:23 · 41971 阅读 · 1 评论 -
sublime_text 3安装Emmet时出现PyV8警告
使用Emmet是需要在PyV8依赖下才可以的下面是下载网址:PyV8下载地址下载自己系统版本的压缩包,然后解压,自己创建一个名为PyV8文件夹。将解压后的文件放入该文件夹里。打开首选项里的浏览插件目录...原创 2019-11-08 08:38:36 · 39922 阅读 · 95 评论 -
推荐几个jquery实用的插件
虽然jquery在最近几年没有之前那几年火,但是有很多公司还是用它的,这里我向大家推荐几个实用的jquery插件。1、jquery.cookie.js一个简单,轻量级的jQuery插件,用于读取,写入和删除cookie。下载网址2、jquery.lazyload.js延迟加载图片或符合某些条件才开始加载图片下载网址3、jquery.fly.js添加购物车效果、实现抛物线运动下载地...原创 2019-08-06 16:38:44 · 16321 阅读 · 0 评论 -
关于webstorm更换主题
现在我们前端使用编辑器,只要用习惯就好,不过这里推荐使用webstorm,因为被称为,'js神器’的称号,不是白说的。接下来我们来看下怎么引入主题。下面有一个网站,这个网站的名字叫http://www.themesmap.com/这个网站是JetBrains全系列主题下载,支持:InteliJ IDEA, PhpStorm, PyCharm, RubyMine, WebStorm and ...原创 2019-06-27 09:46:51 · 29725 阅读 · 3 评论 -
教你用VS code 生成vue-cli代码片段
可以自定义设置名字:name.json{ "Print to console": { "prefix": "vue", "body": [ "<template>", "<div class='$2'>$5</div>", "</template>", "", "<script>", ""...原创 2019-05-29 17:22:31 · 791 阅读 · 0 评论 -
记住这几个git命令就够了
git clone: 下载初始化git add:添加git commit -m ‘ ’ :提交 带消息git push:推送git pull: 拉取原创 2019-05-27 17:20:22 · 575 阅读 · 0 评论 -
教你如何用网页开发桌面应用
这里我们需要用的nw.jshttps://nwjs.io/最好下载sdk版本。下载完之后,解压打开图中的app文件夹是我自己创建的,你也需要自己创建一个,里面放你项目文件,另外创建一个package.json文件###################################################################name:这个app的名称,可以随便...原创 2019-04-15 14:00:33 · 5948 阅读 · 4 评论 -
教你如何用网页开发APP
用到的工具:HBuilderX app开发版1.首先你得网站必须是上线的,然后明确这一点后,点击打开HBuilderX。在文件里找到新建项目,选择wap2App,将下面信息填写完整,然后创建。2.默认打开如下界面:按着箭头的方向一直填写下去然后,点击云打包打包之后,下方会出现下载链接,只能下5次。这样就下好APP了。...原创 2019-04-15 13:44:43 · 5274 阅读 · 1 评论 -
上线项目之局域网上线软件使用-----phpStudy
上面的图片是phpStudy的软件截图。那么你在哪里会下到呢?链接: https://pan.baidu.com/s/1lvX9jY_K6gGkMOqo76p4nA 提取码: h1it 复制这段内容后打开百度网盘手机App,操作更方便哦好了。接下来秀操作了!1.要使用这款软件搭建局域网环境,必须本机必须有无线连接(WLAN)。确认好了,我们就知道本机的IP地址。那么如何查看本机的ip地址...原创 2019-02-07 18:46:59 · 3418 阅读 · 0 评论 -
关于webstorm打开HTML文件出现404错误的情况
1.第一种情况是你的端口号错误。你可以到设置里面找到调试器(第四个可以展开的按钮里面),找到端口号,把端口号改成8080(默认),再勾选旁边的按钮(可以接受外部链接)。2.你的文件命名方式不对,最好的文件名中不能有不可识别的符号和汉字。3.你的文件在桌面上,没有在文件夹里。可以新建一个文件夹,把文件放在里面。...原创 2018-11-15 09:22:01 · 10054 阅读 · 35 评论