JS + Vue
前端项目经验
bst@微胖子
优秀的架构师曾这样说过:复杂的事情简单做,简单的事情重复做,重复的事情工具做,我们只做工具。这里分享给大家,希望能够帮助众多猴子们。
还有就是在工作中不管事哪级leader指派任务,都要问清楚对方三个问题:1、具体需求是什么?2、开发周期是多久什么时候启动?3、对接配合的相关团队是哪些(UI、后台、前端、测试、产品)
同样在做项目前要自己吃透需求,同时要问清楚自己三个问题:1、为什么要这么干?2、这样干有什么好处?3、还有没有更好的方式方法去做?
项目结束要及时的进行自我复盘、review。同时把做项目前问自己的三个问题在问一边。
相信时间久了,对自己的成长会有,以此鞭策自己!!!
展开
-
看板项目之vue代码分析
A:需要在vue里面引入js文件,然后就可以在vue页面调用js里面的函数了。A:通过router路由,根目录访问的话直接跳转到index页面去。A:通过process.env可以查看访问的环境。A:通过echarts实现复合饼图。原创 2024-07-25 17:51:45 · 262 阅读 · 0 评论 -
前端无样式id或者class等来定位标签
客户使用我们产品组件,发现替换文件,每次替换都会新增如下的样式,造就样式错乱,是组件的文件,目前临时处理的话就是替换文件时删除新增的样式,但是发现该div标签没有id和class属性,那要怎么定位该div呢?最终验证是正常的展示替换文件了,样式没有错乱,根据样式来定位div标签。原创 2024-05-14 11:37:01 · 252 阅读 · 0 评论 -
判断当前设备是移动端还是pc端
首先,我们使用正则表达式匹配navigator.userAgent中是否包含iPhone、iPad、iPod、Android这些关键字,如果匹配成功,则说明当前是在移动端。因此,我们可以通过判断UA中的关键字来确定页面访问者的设备类型。需要注意的是,该方法并不100%准确,因为用户可以使用PC浏览器模拟手机UA,也有可能使用移动端浏览器访问PC网站(目前pc端测试模拟手机ua,一样显示手机端,是准确的)。目前后台配置已最佳比例显示,pc和移动端都受影响,现在就是需要是移动端才调api,pc端的话不动。原创 2024-03-28 17:14:00 · 1238 阅读 · 0 评论 -
ES6中的扩展运算符(三个点)的多种用途
真名叫扩展运算符,是在ES6中新增加的内容,它可以在函数调用/数组构造时,将数组表达式或者string在语法层面展开;还可以在构造字面量对象时将对象表达式按照key-value的方式展开。字面量一般指[1,2,3]或者{name:‘chuichui’}这种简洁的构造方式,多层嵌套的数组和对象三个点就无能为力了。说白了就是把衣服脱了,不管是大括号([])、花括号({}),统统不在话下,全部脱掉脱掉!当我们想把数组中的元素迭代为函数参数时,用它!原创 2023-04-25 11:07:50 · 205 阅读 · 0 评论 -
vue使用Rules来校验密码的规则
【代码】vue使用Rules来校验密码的规则。原创 2023-04-12 09:42:50 · 398 阅读 · 0 评论 -
java登录页面验证码的生成以及展示
后端返回前端一个字节数组。原创 2023-04-06 15:09:55 · 506 阅读 · 0 评论 -
图标消失,且设置图标显示呈灰色
图标消失,且设置图标显示呈灰色转载 2020-12-24 10:38:59 · 396 阅读 · 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 · 3031 阅读 · 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 · 811 阅读 · 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 · 552 阅读 · 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 · 3386 阅读 · 0 评论 -
vue文件的基本结构
1.vue文件的结构template是模板标签,用来展示模板页面的。script是做函数处理的标签。style是样式标签。2.scope属性的用法scope属性是给当前组件以及当前组件调用其他组件下第一条html标签加上唯一标志。具体全局覆盖样式可以参考以下链接全局覆盖样式...原创 2021-12-16 17:08:39 · 1908 阅读 · 0 评论 -
vuejs和nuxtjs的异步方法
1.项目中的异步方法nuxtjs使用的异步方法2.vue中使用异步方法vuejs使用异步方法原创 2021-12-16 16:49:06 · 198 阅读 · 0 评论 -
vue中src图片路径的写法
/这个符号就是直接代表项目的根目录。原创 2021-12-16 16:25:08 · 8250 阅读 · 0 评论 -
webpack打包vue项目流程
使用webpack打包vue项目转载 2021-06-11 18:51:54 · 616 阅读 · 0 评论 -
vue使用watch监听函数
watch监听对象的时候,需要加deep:true,只有这样才能深入底层去实时监听,没有加的话,对象是监听不到变化的,添加immediate时会在侦听开始之后被立即调用。原创 2021-11-29 15:06:45 · 821 阅读 · 0 评论 -
使用webpack5+babel打包js代码 前端工程化构建
使用webpack5+babel打包js代码 前端工程化构建转载 2021-11-29 15:31:25 · 138 阅读 · 0 评论 -
前端通过src获取java上传到Linux服务器的图片
核心:就是通过ngixn将前端的src路径转发到linux目录图片的路径。前端通过src获取java上传到Linux服务器的图片转载 2021-12-10 11:34:52 · 798 阅读 · 0 评论 -
前端图片旋转以及后端图片旋转
原创 2021-01-26 08:46:30 · 559 阅读 · 0 评论 -
vue脚手架搭建,vs安装必备
vue脚手架转载 2020-07-22 09:46:27 · 250 阅读 · 0 评论 -
蓝湖的使用
蓝湖的使用转载 2020-09-04 11:20:51 · 1436 阅读 · 0 评论 -
cnpm install 之后 node_modules 中文件有非常之多,导致idea一直卡在了“scanning files to index“
亲测可用转载 2020-12-07 11:08:49 · 454 阅读 · 0 评论 -
webpack打包问题
添加链接描述添加链接描述转载 2020-11-11 21:07:34 · 80 阅读 · 0 评论 -
nodejs环境配置
nodejs环境配置转载 2020-11-11 16:00:38 · 71 阅读 · 0 评论 -
Bootstrap表单验证插件bootstrapValidator使用方法整理
Bootstrap表单验证插件bootstrapValidator使用方法整理项目中使用validators的使用示例。图中使用国际化i18进行中文显示。原创 2021-07-21 15:10:33 · 261 阅读 · 0 评论 -
from表单提交不用获取值,后台可直接获取
原创 2021-03-22 11:09:16 · 119 阅读 · 0 评论 -
阻止from表单提交
原创 2021-03-17 18:02:59 · 263 阅读 · 0 评论 -
获取select的option值及其文本
获取select的option值及其文本转载 2021-03-15 21:18:03 · 505 阅读 · 0 评论 -
iframe标签实现左侧超链接,右侧显示内容
效果图:项目图:原创 2021-03-09 15:09:30 · 1162 阅读 · 0 评论 -
JSP中window、parent、top、self详解用法
JSP中window、parent、top、self详解项目中代码示例:artdialog中刷新父窗口的三种方式转载 2021-03-09 12:37:43 · 672 阅读 · 0 评论 -
模拟a标签下载
成功后什么都不需要就可以自动触发a标签原创 2020-09-30 10:34:00 · 179 阅读 · 0 评论 -
小程序跳转第三方H5链接
小程序跳转第三方H5链接转载 2021-01-15 09:20:13 · 974 阅读 · 0 评论 -
Vue生命周期中mounted和created的区别
mounted和created的区别转载 2020-12-07 15:23:17 · 103 阅读 · 0 评论 -
jQuery多层选择
原创 2020-11-20 11:07:52 · 463 阅读 · 0 评论 -
页面刷新的几种做法
页面刷新的几种做法原创 2020-09-28 19:36:27 · 235 阅读 · 0 评论 -
vue中数组转字符串加分隔符
哈哈哈原创 2020-08-28 17:06:02 · 3838 阅读 · 0 评论 -
基本float属性使用后导致元素错位或塌陷的原因及解决方案
直接上解决方法,有兴趣知道原理的就看一下下面的内容哈。(2)在父元素标签里面的最后一行加上上面那串代码。(1)给父元素也加上相同的float就行。转载 2020-09-30 15:32:42 · 460 阅读 · 0 评论 -
css颜色字体行间距浮动清除画虚线
1.颜色2.字体大小3.行间距4.内容溢出,浮动清除5.画一条虚线原创 2020-09-29 16:00:43 · 91 阅读 · 0 评论 -
滚动条组件
滚动条原创 2020-09-29 15:38:32 · 121 阅读 · 0 评论 -
在HTML中画一条横线
在HTML中画一条横线转载 2020-09-25 17:03:26 · 1827 阅读 · 0 评论