web前端
文章平均质量分 65
HTML+CSS+JS。。。
^Being^
永远相信美好的事情即将发生
展开
-
Eggjs连接mysql数据库踩坑
使用Eggjs脚手架安装项目,需要完成简单的数据库操作,使用插件egg-mysql,正常按照官方方式进行操作,从各种踩坑一头雾水,到一步步的排错查询,终于解决,记录踩坑中的解决方案和错误信息汇总原创 2024-01-23 10:54:11 · 1362 阅读 · 0 评论 -
微信小程序【构建npm】使用记录
使用原生微信小程序开发时,通过官方 `typescript` 模板构建的小程序无法正确执行 `构建npm` 成功,从而导致想通过 `npm` 安装并使用第三方库出现问题原创 2023-08-24 11:36:52 · 2649 阅读 · 2 评论 -
解决Naive UI和Tailwindcss样式覆盖问题【日常记录,可供参考】
当项目中同时使用到 Naive UI 和 Tailwindcss 时,出现了样式覆盖问题,Tailwindcss 样式直接将 Naive UI 样式覆盖导致无法正常使用原创 2023-05-06 11:24:31 · 1805 阅读 · 1 评论 -
Angular 动态表单值设置及问题处理
使用 Angular 中的动态表单设置初始值,以及踩坑记录......原创 2023-04-20 16:57:47 · 1254 阅读 · 0 评论 -
Angular【form 表单】自动提交问题
使用 angular 中的 form 表单,表单内任意 input 输入框聚焦时,点击键盘上的 enter 键,form 表单会自动提交......原创 2023-04-19 13:29:28 · 1005 阅读 · 0 评论 -
Angular 配置api代理 proxy 实践
就前端工程化项目开发过程中,常常面临跨域CORS问题,或是同一个项目需要从多个域名下获取API接口来实现需求,那么http服务代理就是一种不错的处理手段...原创 2023-03-11 15:42:35 · 1746 阅读 · 0 评论 -
ES6 Class类 事件的注册与销毁
ES6 中使用 Class 语法糖,处理事件监听器的注册(addEventListener)和销毁(removeEventListener)时,其中遇到的、或者说需要注意的一些问题(如:注册事件无法销毁)及解决方案。原创 2023-02-17 15:29:59 · 1224 阅读 · 0 评论 -
React 实现简单的选项卡(标签页)切换效果【日常记录, 可供参考】
如果在不借助第三方库的情况下, 使用React技术应当如何实现选项卡(标签页)的基础效果呢? 一起试试吧。原创 2022-12-12 22:59:01 · 1283 阅读 · 0 评论 -
关于滚动条 scrollTo 始终为 0 的问题排查小建议【日常记录,可供参考】
关于自定义浏览器滚动条, scrollTo始终为0的问题排查小建议原创 2022-10-24 15:29:52 · 1586 阅读 · 0 评论 -
windows 使用 nvm ( 涉及管理node & npm的安装、卸载 )【日常记录,可供参考】
关于 nvm 相关概述请参阅1、下载nvm 下载找到 Assets -----> nvm-setup.zip2、安装下载完成后,解压文件,并找到 nvm-setup.exe 双击打开指定 nvm 安装路径(系统会自动将该路径添加到系统环境变量中)指定符号链(symlink --> nodejs)配置路径(系统会自动将该路径添加到系统环境变量中)这里个人推荐指定路径与 nvm 路径同一级* 3、使用 管理员身份 启动控制台查看安装结果重要:这里必须使用 管理.原创 2022-03-24 14:56:44 · 7380 阅读 · 0 评论 -
vue3 中的 ref(params) 理解【个人观点,可供参考】
刚接触 vue3.x ,在很多地方见到 ref(), 通过查阅资料更多的理解它是做什么用的场景// 1、传递一个普通值const testRef = ref(1)console.log(testRef, '======testRef=====');// 2、传递一个 `null`const testRef = ref(null)console.log(testRef, '======testRef=====');// 3、传递一个对象const testRef = ref(obj).原创 2022-03-04 11:21:32 · 1065 阅读 · 0 评论 -
vuex存储数据,刷新页面后导致数据丢失【亲测可用,可供参考】
问题描述使用vuex存储全局数据后,刷新浏览器页面导致数据丢失原因分析刷新页面时,vue实例重新加载,因此导致store也随之被重置store是用来存储组件状态的,而不是用来做本地数据存储的对于不希望页面刷新之后被重置的数据,推荐使用本地存储来进行存储解决方式本地存储cookie: 不适合存储大量的数据。localStorage: 永久存储,浏览器关闭后数据不会丢失,除非主动删除数据,关闭后重开页面,将会读取之前缓存下来的数据。sessionStorage: 在当前原创 2021-02-22 23:04:19 · 1415 阅读 · 0 评论 -
vue cli项目中简单引入 高德地图【亲测实用,可供参考】
前言第一次使用地图,开始真的很慌张,文档那么多,却无从下手,现实却是这样,没人在乎你是谁,领导交代你的任务你就得保质保量按时完成,无论你新手与否,这里只看结果,抱歉,吐槽了那么多,下面正式切入正题第一步使用npm包管理工具下载 loadernpm i @amap/amap-jsapi-loader --save推荐使用cnpm下载,下载速度会快一些,若您在这之前没有安装cnpm,可以现在安装上,此后需要下载其它东西都可以使用了,提高下载速度安装cnpmnpm i cnpm -gi 即 i原创 2020-11-08 16:54:55 · 1616 阅读 · 0 评论 -
为网页添加 ico图标
通常作为一个刚入行的前端小白写出来的网页是这样的而一般情况下,当我们打开一个新的网页时看到的却是这样的咦~~这是咋做到的呢?其实呀这并不难,一小段代码就OK啦通常将这种图标称之为 ico图标在这里推荐一个ico图标下载网站图标下载,ICON(SVG/PNG/ICO/ICNS) 图标搜索下载输入关键词选择对应的图标后下载需要的图标格式,这里选择的是 ICO图标下载...原创 2019-02-10 17:21:35 · 3565 阅读 · 0 评论 -
纯css 绘制小熊脸 float小练习
这是一篇关于float浮动的小练习,虽然代码写的很low,但感觉还挺有趣就分享下咯,哈哈。。。仅供参考哦!!!不过要注意的是 IE9以下的版本 下会不兼容先来看下效果吧如下:小熊还算可爱吧,辣么接下来就将代码呈上…1.html结构布局<div> <p class='left-ear'></p> <p class='right-ear'&g...原创 2019-01-08 13:26:00 · 598 阅读 · 0 评论 -
css动画小案例 弹力球
什么是 CSS3 中的动画?动画是使元素从一种样式逐渐变化为另一种样式的效果。可以改变任意多的样式任意多的次数。用百分比来规定变化发生的时间,或用关键词 &amp;amp;quot;from&amp;amp;quot; 和 &amp;amp;quot;to&amp;amp;quot;,等同于 0% 和 100%。0% 是动画的开始,100% 是动画的完成。小案例效果1.html结构布局&amp;amp;a原创 2019-01-19 14:02:06 · 1051 阅读 · 0 评论 -
js无缝轮播效果实现,自动轮播
轮播图,是网站首页中最为常见的一种图片切换特效,那么今天就来分享一篇前端开发实战当中经常使用到的实现无缝轮播图效果的文章,希望对您有所帮助,欢迎留言探讨。1、html结构布局:<div id="wrap"> <ul class="pic"> <li> <img src="images/1.png"&a原创 2018-12-08 17:29:10 · 1584 阅读 · 0 评论 -
选项卡切换效果,点击切换图片
今天分享一篇前端开发实战当中经常使用到的选项卡切换效果,希望对您有所帮助,欢迎留言探讨。1、html结构布局:&lt;div id="box"&gt; &lt;div class="img"&gt; &lt;ul&gt; &lt;li class="acti原创 2018-12-08 15:16:42 · 2919 阅读 · 1 评论