JS + Vue + LayUI
关注
分享
扫一扫
前端项目经验
bst@微胖子
优秀的架构师曾这样说过：复杂的事情简单做，简单的事情重复做，重复的事情工具做，我们只做工具。这里分享给大家，希望能够帮助众多猴子们。
还有就是在工作中不管是哪级leader指派任务，都要问清楚对方三个问题：１、具体需求是什么？２、开发周期是多久什么时候启动？３、对接配合的相关团队是哪些（ＵＩ、后台、前端、测试、产品）
同样在做项目前要自己吃透需求，同时要问清楚自己三个问题：１、为什么要这么干？２、这样干有什么好处？３、还有没有更好的方式方法去做？
项目结束要及时的进行自我复盘、review。同时把做项目前问自己的三个问题在问一边。
相信时间久了，对自己的成长会有所帮助，以此鞭策自己！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
执行npm run dev 出现Error: EBUSY: resource busy or locked 错误解决方法
我的最终解决办法如下图：找到项目文件夹》右键属性只读点掉不选》应用即可。原创 2020-09-04 16:48:14 · 3573 阅读 · 0 评论 -
angular不是一个function
原创 2020-12-09 18:30:17 · 291 阅读 · 0 评论 -
iframe的src属性修改并刷新页面
最近项目需要实现替换页面内容，覆盖源文件展示。但是修改iframe的src属性后并没有刷新页面内容。验证通过此方法可以实现iframe的src属性值的替换并刷新页面，展示最新的文件内容。原创 2024-11-21 16:00:33 · 904 阅读 · 0 评论 -
network request to https://registry.npmjs.org/xxx failed, reason: connect ETIM
npm install 时，报错：npm ERR!注意：此处修改的镜像用的是npm本身，一般国内用户还是建议使用淘宝镜像，所以推荐还是设置成用淘宝镜像，执行：npm config set registry https://registry.npmmirror.com 【推荐】原创 2024-09-23 14:49:35 · 1713 阅读 · 0 评论 -
前端无样式id或者class等来定位标签
客户使用我们产品组件，发现替换文件，每次替换都会新增如下的样式，造就样式错乱，是组件的文件，目前临时处理的话就是替换文件时删除新增的样式，但是发现该div标签没有id和class属性，那要怎么定位该div呢？最终验证是正常的展示替换文件了，样式没有错乱，根据样式来定位div标签。原创 2024-05-14 11:37:01 · 471 阅读 · 0 评论 -
判断当前设备是移动端还是pc端
首先，我们使用正则表达式匹配navigator.userAgent中是否包含iPhone、iPad、iPod、Android这些关键字，如果匹配成功，则说明当前是在移动端。因此，我们可以通过判断UA中的关键字来确定页面访问者的设备类型。需要注意的是，该方法并不100%准确，因为用户可以使用PC浏览器模拟手机UA，也有可能使用移动端浏览器访问PC网站（目前pc端测试模拟手机ua，一样显示手机端，是准确的）。目前后台配置已最佳比例显示，pc和移动端都受影响，现在就是需要是移动端才调api，pc端的话不动。原创 2024-03-28 17:14:00 · 4576 阅读 · 0 评论 -
ES6中的扩展运算符（三个点）的多种用途
真名叫扩展运算符，是在ES6中新增加的内容，它可以在函数调用/数组构造时，将数组表达式或者string在语法层面展开；还可以在构造字面量对象时将对象表达式按照key-value的方式展开。字面量一般指[1,2,3]或者{name:‘chuichui’}这种简洁的构造方式,多层嵌套的数组和对象三个点就无能为力了。说白了就是把衣服脱了，不管是大括号（[]）、花括号（{}），统统不在话下，全部脱掉脱掉！当我们想把数组中的元素迭代为函数参数时，用它！原创 2023-04-25 11:07:50 · 497 阅读 · 0 评论 -
vue使用Rules来校验密码的规则
【代码】vue使用Rules来校验密码的规则。原创 2023-04-12 09:42:50 · 646 阅读 · 0 评论 -
java登录页面验证码的生成以及展示
后端返回前端一个字节数组。原创 2023-04-06 15:09:55 · 627 阅读 · 0 评论 -
前端怎么实现那种整体页面变灰色
1.所有网站页面变灰色。。。方法一html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}grayscale 英语的意思原创 2021-12-22 16:55:13 · 3227 阅读 · 2 评论 -
vue前端项目的结构分析
1.项目结构2.结构目录介绍2.1nuxt包里面放的一些nuxt的路由，组件和通用页面。2.api文件夹放的是远程请求后端交互2.3assets文件夹里面放的是样式，插件和图片。2.4components文件夹是微信组件。2.5layout文件夹放的是页尾页面。2.6middleware文件夹是空的略。2.7pages文件夹是页面的插值表达式都是使用异步方法在渲染页面之前获取到数据。<template> <div> <div cl原创 2021-12-16 18:06:38 · 950 阅读 · 0 评论 -
vue之参数校验的方法以及用户未登录页面跳转push方法
<script> import "~/assets/css/page-sj-person-loginsign.css"; import userApi from "@/api/user"; import {setUser} from "@/utils/auth"; import WechatLogin from "@/components/wechatLogin/wechatLogin"; export default { data()原创 2021-12-16 17:33:04 · 692 阅读 · 0 评论 -
Vue中使用quill-editor富文本编辑器之修改工具栏(toolbar)
1.代码中的使用方式<template xmlns:v-quill="http://www.w3.org/1999/xhtml"> <div class="wrapper release-tc"> <div class="release-box"> <h3>发布吐槽</h3> <div class="editor"> <div原创 2021-12-16 17:29:37 · 4045 阅读 · 0 评论 -
vue文件的基本结构
1.vue文件的结构template是模板标签，用来展示模板页面的。script是做函数处理的标签。style是样式标签。2.scope属性的用法scope属性是给当前组件以及当前组件调用其他组件下第一条html标签加上唯一标志。具体全局覆盖样式可以参考以下链接全局覆盖样式...原创 2021-12-16 17:08:39 · 2107 阅读 · 0 评论 -
vuejs和nuxtjs的异步方法
1.项目中的异步方法nuxtjs使用的异步方法2.vue中使用异步方法vuejs使用异步方法原创 2021-12-16 16:49:06 · 282 阅读 · 0 评论 -
vue中src图片路径的写法
/这个符号就是直接代表项目的根目录。原创 2021-12-16 16:25:08 · 8902 阅读 · 0 评论 -
webpack打包vue项目流程
使用webpack打包vue项目转载 2021-06-11 18:51:54 · 743 阅读 · 0 评论 -
vue使用watch监听函数
watch监听对象的时候，需要加deep:true，只有这样才能深入底层去实时监听，没有加的话，对象是监听不到变化的,添加immediate时会在侦听开始之后被立即调用。原创 2021-11-29 15:06:45 · 934 阅读 · 0 评论 -
使用webpack5+babel打包兼容JavaScript语法
主要用于将 ES6 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。原创 2021-11-29 15:31:25 · 271 阅读 · 0 评论 -
前端通过src获取java上传到Linux服务器的图片
核心：就是通过ngixn将前端的src路径转发到linux目录图片的路径。前端通过src获取java上传到Linux服务器的图片原创 2021-12-10 11:34:52 · 929 阅读 · 0 评论 -
前端图片旋转以及后端图片旋转
原创 2021-01-26 08:46:30 · 712 阅读 · 0 评论 -
cnpm install 之后 node_modules 中文件有非常之多,导致idea一直卡在了“scanning files to index“
亲测可用转载 2020-12-07 11:08:49 · 566 阅读 · 0 评论 -
Bootstrap表单验证插件bootstrapValidator使用方法整理
Bootstrap表单验证插件bootstrapValidator使用方法整理项目中使用validators的使用示例。图中使用国际化i18进行中文显示。原创 2021-07-21 15:10:33 · 363 阅读 · 0 评论 -
from表单提交不用获取值，后台可直接获取
原创 2021-03-22 11:09:16 · 181 阅读 · 0 评论 -
阻止from表单提交
原创 2021-03-17 18:02:59 · 358 阅读 · 0 评论 -
iframe标签实现左侧超链接，右侧显示内容
效果图：项目图：原创 2021-03-09 15:09:30 · 1373 阅读 · 0 评论 -
JSP中window、parent、top、self详解用法
JSP中window、parent、top、self详解项目中代码示例：artdialog中刷新父窗口的三种方式转载 2021-03-09 12:37:43 · 875 阅读 · 0 评论 -
模拟a标签下载
成功后什么都不需要就可以自动触发a标签原创 2020-09-30 10:34:00 · 263 阅读 · 0 评论 -
jQuery多层选择
原创 2020-11-20 11:07:52 · 537 阅读 · 0 评论 -
页面刷新的几种做法
页面刷新的几种做法原创 2020-09-28 19:36:27 · 345 阅读 · 0 评论 -
vue中数组转字符串加分隔符
哈哈哈原创 2020-08-28 17:06:02 · 4032 阅读 · 0 评论 -
css颜色字体行间距浮动清除画虚线
1.颜色2.字体大小3.行间距4.内容溢出，浮动清除5.画一条虚线原创 2020-09-29 16:00:43 · 150 阅读 · 0 评论 -
滚动条组件
滚动条原创 2020-09-29 15:38:32 · 196 阅读 · 0 评论 -
微信开发弹窗四种方法
微信开发弹窗四种方法转载 2020-12-22 11:57:09 · 3731 阅读 · 1 评论 -
VSCode敲代码时没有自动补全怎么办？
VSCode敲代码时没有自动补全怎么办？原创 2020-12-18 10:52:41 · 2979 阅读 · 0 评论 -
vue项目带webpack流程详解
vue项目带webpack流程详解原创 2020-12-18 10:03:27 · 184 阅读 · 0 评论 -
使用vue或者angular在js和html之间取值
使用ng-model可以在同一html页面绑定值原创 2020-11-16 13:58:41 · 251 阅读 · 0 评论 -
vue点击时值的获取
item就代表当前点击的值原创 2020-08-31 15:14:08 · 532 阅读 · 0 评论 -
vue定时器的写法和setTimeout和setInterval的区别
0、前言介绍setTimeout和setInterval都属于JS中的定时器，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环下去。function fun(){ alert('hello');} setTimeout(fun,1000);//参数是函数名 setTimeout('fun()',1000);//参数是字符串 setInterval(fun,1000); setInterval(原创 2020-08-31 15:07:21 · 2709 阅读 · 2 评论 -
@node-click的用途
@node-click是tree_view的一个点击事件原创 2020-08-31 14:43:29 · 11195 阅读 · 0 评论