Web前端
文章平均质量分 76
Leo_DLi
这个作者很懒,什么都没留下…
展开
-
vue3+electron搭建桌面软件
最近有个小项目, 客户希望像打开 网易云音乐 那么简单的运行起来系统. 前端用 Vue 会比较快一些, 因此决定使用 electron 结合 Vue3 的方式来完成该项目.然而, 在实施过程中发现没有完整的博客能够记录从创建到打包的流程, 摸索一番之后, 随即梳理成文供大家参考.废话不多说, 直接开始!对了, 开始之前, 先给 Vue3 和 electron 在 package.json 中的版本号展示出来供大家参考.原创 2024-06-12 22:10:45 · 1253 阅读 · 0 评论 -
Windows安装electron卡住报错的问题
electron 安装时卡住报错原创 2024-03-27 15:51:26 · 1288 阅读 · 1 评论 -
HTML发展史
* 为什么要讲 HTML 发展史呢?**唐太宗告诉我们: 以铜为镜,可以正衣冠;以史为镜,可以知兴替;以人为镜,可以明得失。那了解了 HTML 的发展史,可以知道什么呢?答案是 ** 兼容 **国内在 淘宝网停止支持IE6、IE7浏览器 之后,关于兼容的问题热度慢慢降了下来(其实,内因也是科技进步)那 HTML 这个超文本标记语言,为什么会存在浏览器的兼容问题呢?今天我们就来聊聊 HTML 与 浏览器的那些个恩怨纠葛。原创 2024-03-20 18:30:02 · 1100 阅读 · 0 评论 -
Vue 3 + Koa2 + MySQL 开发和上线部署个人网站
记录个人的一个操作步骤, 顺序不分先后, 嫌啰嗦请出门右转!环境说明:服务器: 阿里云轻量应用服务器服务器系统: CentOS8.2本地环境: macOS 12.7.2Koa: 2.7.0pm2: 5.3.1。原创 2024-02-06 09:52:09 · 1594 阅读 · 0 评论 -
Vue项目中axios的二次封装
Vue 项目使用过程中一般会对 axios 进行二次封装, 以期在合适的时机处理一些全局的需求, 比如常见的 请求拦截器 和 响应拦截器. 接下来简单聊聊具体的操作步骤.原创 2024-01-15 11:42:00 · 739 阅读 · 0 评论 -
React Native 环境搭建
React Native 环境配置中,安装完 cocoapods 之后,没有要求执行 pod setup 指令,之前在搜索卸载安装 cocoapods 时,发现了这个指令,好像回想起来 cocoapods 需要 setup 的吧。再次输入 ruby -v 指令,获取到最新的 ruby 版本(不是步骤一中的版本,就代表路径修改完毕了,没必要再执行 which ruby 指令了)。这也算是这段折腾的收货吧。下载到某个阶段,就进行不下去,停止后,耐着性子,继续执行上述指令,在执行失败了 N 次以后,原创 2023-11-02 09:59:16 · 1547 阅读 · 0 评论 -
Homebrew 安装问题总结
安装 Homebrew 执行指令之后,报错,内容如下:意思是,连接不到 raw.githubusercontent.com 这个地址执行操作了。网上差了些方案,说是在 hosts 文件中配置 raw.githubusercontent.com 地址的就可以了。但是,配置好之后,再次执行,又报错了,内容是:其实啊,在国内能进入 Homebrew 官网的,就非等闲之辈!(八成科学上网了)原创 2023-10-30 16:16:08 · 1598 阅读 · 0 评论 -
Vue Router 刷新当前页面
Vue项目, 在实际工作中, 有些时候需要在 加载完某些数据之后对当前页面进行刷新, 以期 onMounted 等生命周期函数, 或者 数据重新加载.总之是期望页面可以重新加载一次。原创 2023-10-20 16:31:35 · 2743 阅读 · 0 评论 -
js数组遍历方法汇总
JS数组遍历方法汇总原创 2022-07-31 15:16:26 · 763 阅读 · 0 评论 -
schannel: failed to receive handshake, SSL/TLS connection failed
使用 GitHubdesktop 在fetch是突然报错,如下:错误信息:schannel: failed to receive handshake, SSL/TLS connection failed解决方式:在C盘个人用户中找到.gitconfig文件,设置或修改以下内容,然后解决。[http] sslbackend = openssl原创 2022-01-06 09:26:36 · 10723 阅读 · 1 评论 -
React+TypeScript项目创建
本文主要叙述基于 TypeScript 的 React 项目创建。可采取两个工具来创建:create-react-app(React官方提供)、vite(不仅仅是创建React项目,Vue等也可用)每种工具都列出 npm 和 yarn 两种使用方式一,create-react-app1,npmnpx create-react-app@latest XXX(项目名称) --template typescript@latest 是使用 create-react-app 的最新版本来创建原创 2022-04-27 09:52:41 · 2056 阅读 · 0 评论 -
HTML字体属性
一、常用字体HTML,CSS,font-family:中文字体的英文名称宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋_GB2312 FangSong_GB2312楷体_GB2312 KaiTi_GB2312宋体:SimSuncss中中文字体(font-family)的原创 2021-06-09 09:25:34 · 560 阅读 · 0 评论 -
npm与cnpm相互切换
今天主要是来聊一聊关于 npm 的管理这个话题。那什么是 npm 呢?NPM的全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。你可以这样理解:npm 呢就像是个管家,管理着 nodejs 的所有包(也就是资源)。那为什么存在 npm 和 cnpm 转换的话题呢?在国内,感兴趣的朋友可以去官网看看。原创 2021-06-08 14:59:34 · 1126 阅读 · 1 评论 -
React项目打包之后显示空白页
环境说明:React 16React 官网创建项目方式npm run build 打包之后, 页面空白.解决方案:package.json 文件中添加 homepage 字段:原创 2021-04-29 11:16:36 · 1931 阅读 · 0 评论 -
jquery.lazyload-1.9.3中文文档 -- 延迟加载图片的jQuery插件
最近使用 jquery.lazyload.js 这个jQuery插件的时候, 突然发现对这个插件相对全面的介绍不多.特别是对lazyload()方法中的配置选项的介绍少之又少.随机整理一份供大家参阅.废话不多少, 直接上代码:$("img.lazy").lazyload({ // placeholder,值为某一图片路径.此图片用来占据将要加载的图片的位置,待图片加载时,占位图则会隐藏 placeholder : "img/lazy.gif", //用图片提前占位 // eff原创 2021-01-07 15:54:19 · 1319 阅读 · 1 评论 -
Nodejs与CommonJS规范
一,概述Node应用由模块组成,采用CommonJS模块规范。根据这个规范,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。// example.jsvar x = 5;var addX = function (value) { return value + x;};上面代码中,变量x和函数addX,是当前文件e...原创 2019-10-13 16:51:56 · 263 阅读 · 0 评论 -
CMD规范
在学习AMD规范的过程中,顺带学习了CMD规范,随分享如下:一,CMD简介CMD(Common Module Definition),通用模块定义。CMD是SeaJS 在推广过程中对模块定义的规范化产出。因此与AMD类似的,在使用CMD时,也需要引入第三方的库文件 ---- SeaJS。SeaJS也是主要解决两个问题:多个JS文件可能有依赖关系,被依赖的文件需要早于依赖它的文件加载...原创 2019-10-13 15:46:22 · 1135 阅读 · 0 评论 -
上传代码到新浪 sea
对于前端开发工程师,在学习阶段,每每GET新技能是不是都想给你的小伙伴展示展示呢?然而,由于自己没有服务器,没办法将代码上传,也就限制了你的“展示”。这里推荐你一种简洁的方式给大家,可以在一段时间内“免费”展示你的代码,以及获得服务器支持。什么呢?新浪云sea,你可以点击这里进行注册!然后,你就可以把你的代码上传到你的“服务器”,然后就可以开心的把代码分享给你的小伙伴了。首先,...原创 2019-10-11 11:11:45 · 205 阅读 · 0 评论