vue
飞啊飞我的骄傲放纵-未来全栈工程师
四年前端小白
展开
-
js 对数组对象进行排序
【代码】js 对数组对象进行排序。转载 2023-03-09 10:40:19 · 126 阅读 · 0 评论 -
vue表单验证之禁止input输入框输入空格
使用 v-model.trim 可以实现去除输入框的前后空格,中间内容多个空格会保留一个。原创 2023-02-13 14:10:32 · 1850 阅读 · 2 评论 -
解决JavaScript浮点数计算精度问题
/获取小数长度 var getDecimalsLength = function(num) {num . toString() . split(".") [ 1 ] . length : 0 } //获取最大长度 var getMaxLength = function(num1 , num2) {return times } //加法 this . add = function(num1 , num2) {原创 2022-10-10 14:03:54 · 282 阅读 · 0 评论 -
JS中判断一个数是否是浮点数的两个方法
【代码】JS中判断一个数是否是浮点数的两个方法。原创 2022-10-10 12:00:51 · 328 阅读 · 0 评论 -
vue2.0 MD5加密的封装及使用
md5是一种常用的哈希算法,主要用于对一些重要数据进行“签名”,得到的“签名”通常都是一个32位的十六进制字符串。一、通过npm安装md5//在使用的页面引入加密插件 let passWord = "XXXXXXX";//设置加密字符串 md5(passWord);二、用nodejs的底层crypto 加密模块(md5)把MD5方法直接引入到utils文件夹中的index.js文件中加工导出。const {/*** @Description:ASCII加密后MD5加密,再转大写字符串。转载 2022-09-27 14:50:53 · 1763 阅读 · 0 评论 -
vue路由模式及 history 模式下服务端配置
vue 项目中,我们比较常用的模式为 hash 和 history 模式 默认情况下,vue 项目默认采用的就是 hash 模式,Vue-router 中hash模式和history模式的区别(点击进入), 有些人对 history 模式下,为什么需要服务器做相应配置,以及如何配置不甚理解,所以这篇文章就对此做出分析,重点是让大家理解,为什么 history 模式下需要服务器做配置 这里会对 hash 模式和 history 模式都做出说明,通过对比,才能更好的理解我们的行为。转载 2022-09-13 17:05:24 · 176 阅读 · 0 评论 -
如何把一维数组转为二维数组
data.result是发请求求得的数据, total是一共可以分成多少页, splice(下角标从几开始, 下角标从几结束)转换后:[[1,2,3,4], [5,6,7,8]]转换前:[1,2,3,4,5,6,7,8]得到需要的数据: 把一维数组转成二维数组。原创 2022-09-13 16:58:52 · 843 阅读 · 0 评论 -
js每3位用逗号隔开的形式
js每3位用逗号隔开的形式转载 2022-06-23 11:32:10 · 320 阅读 · 0 评论 -
使用Vant完成DatetimePicker 日期的选择器操作
注意:如果是按需引入的话,记得在main.js里面引入相应的文件奥。转载 2022-06-21 11:55:52 · 1844 阅读 · 1 评论 -
vue中 this.$router.back()、this.$router.go()的区别
开发中遇到返回上一页的需求,有两个方法可选:在使用中发现,使用r o u t e r . b a c k ( ) 和 router.back()和router.back()和router.go(-1)作用相同,都是返回原页面。但如果原页面路由携带参数,使用以上两个方法返回的原页面路由参数消失,此时使用$router.back(-1)返回原页面路由参数仍存在。代码:...转载 2022-06-15 16:15:52 · 980 阅读 · 0 评论 -
web 前端 掌握 MockJs 摆脱后端同学的束缚
web 前端 掌握 MockJs 摆脱后端同学的束缚https://blog.csdn.net/JHXL_/article/details/124369121转载 2022-04-27 18:53:50 · 74 阅读 · 0 评论 -
【uni-app】从H5唤起APP
亲测有用【uni-app】从H5唤起APP转载 2022-04-08 15:49:47 · 765 阅读 · 0 评论 -
vue 计算属性传参 computed
vue 计算属性传参 computed原创 2022-03-14 15:56:35 · 993 阅读 · 0 评论 -
Vue-前端实现登陆拦截
Vue-前端实现登陆拦截转载 2022-02-22 16:11:35 · 129 阅读 · 0 评论 -
Request textDocument/codeAction failed.
Vue Language Features (Volar)回退到 v0.31.3 就好了 无语原创 2022-02-22 15:46:16 · 5873 阅读 · 3 评论 -
process.env.VUE_APP_BASE_API 获取不到
process.env.VUE_APP_BASE_API 获取不到vue-cli4/vue-cil3使用process.env.VUE_APP_BASE_API全局地址代替vue-cli2的process.env.BASE_API转载 2022-02-22 15:23:27 · 1476 阅读 · 0 评论 -
ES6三种暴露方法详解
ES6三种暴露方法详解转载 2022-02-21 18:33:00 · 781 阅读 · 0 评论 -
vue 路由跳转错误:Uncaught (in promise) Error: Redirected when going from “...“ to “...“ via a navigation
https://blog.csdn.net/weixin_46873254/article/details/119358833转载 2022-02-21 17:27:05 · 2609 阅读 · 0 评论 -
vue 3.0和vue 2.x中关闭eslink(eslink-loader)的方法
vue 3.0和vue 2.x中关闭eslink(eslink-loader)的方法转载 2022-02-18 15:31:22 · 340 阅读 · 0 评论 -
elementUI 全局修改 主题颜色 两种情况下的处理方式
https://www.cnblogs.com/arealy/p/14001375.html转载 2022-02-17 15:57:58 · 1799 阅读 · 0 评论 -
解决element的el-input 输入框浏览器自动填充账号密码问题
https://www.cnblogs.com/web-aqin/p/14929767.html转载 2022-02-15 15:54:45 · 1200 阅读 · 0 评论 -
element-UI ,Table组件实现拖拽效果 根据需要 修改class类名
https://www.cnblogs.com/jin-zhe/p/10181852.html转载 2022-02-15 10:13:33 · 249 阅读 · 0 评论 -
vue在data引入本地图片的两种方法
一、 <template> <img :src="imgsrc"> </template> <script> export default { data () { return { imgsrc: require('../../images/ICON-electronicbilling.png') } } } </script>二、 <template> <原创 2021-11-16 17:29:37 · 1137 阅读 · 0 评论 -
Vue 之获取本地IP地址
var vm = new Vue({ el:"#app", data:{ user:{ "username":"", "passwoed":"", "age":"", "hobby":"", "ip":"" } }, mounted(){ this.ready() }, methods:{ ready:function(){ //获取本地IP地址 //js 引入 <!-- 获取本机ip转载 2021-11-16 11:44:42 · 1548 阅读 · 0 评论 -
使用uniapp在前端实现支付功能 思路代码均有
https://blog.csdn.net/gg0613/article/details/105387730转载 2021-11-11 15:14:45 · 310 阅读 · 0 评论 -
uniapp 如何 刷新 初始化 当前页面
https://ask.dcloud.net.cn/question/72589我来总结一下 普通页面 redirectTo tabbar 页面 reLaunch原创 2021-11-11 10:37:24 · 1349 阅读 · 2 评论 -
uniapp实现页面左右滑动,上下滑动事件
https://blog.csdn.net/weixin_45435854/article/details/107718567转载 2021-11-03 13:56:36 · 3092 阅读 · 0 评论 -
uniapp 修改默认退出提示语‘再按一次退出应用’
在main.js 添加如下代码即可,亲测有效:let main = plus.android.runtimeMainActivity(); //为了防止快速点按返回键导致程序退出重写quit方法改为隐藏至后台 plus.runtime.quit = function(){ main.moveTaskToBack(false);};//重写toast方法如果内容为 ‘再按一次退出应用’ 就隐藏应用,其他正常toastplus.nativeUI.toast = (function(str){原创 2021-09-26 14:08:43 · 1919 阅读 · 3 评论 -
救星来了前端标注工具 实现图片 图像标注 多边形 矩形 画笔 缩放 线段 等功能 的插件 AILabel.js
一、网址以及demo官方文档:http://ailabel.com.cn/public/ailabel/api/index.html#1demo地址1: http://ailabel.com.cn/public/ailabel/demo/label/index.htmldemo地址2: http://ailabel.com.cn/public/ailabel/demo/index.html二、我的实例代码(vue环境下)三、如有不懂的添加官方qq群向大佬请教(378301400)<tem原创 2021-08-31 18:07:44 · 10827 阅读 · 42 评论 -
2021年 7月份 web 前端 面试集合 (七八家公司)
这里只是大纲,知识点不全的请自行搜索,有用请点个???????? 1. 自我介绍 - 1. 避免紧张过度紧张 - 2. 个人基本信息 工作经验 经历 所做项目 项目介绍 - 面试官您好,我叫李昂,上家公司是北京叩之问,我有两年的工作经验。在上家公司主要负责前端职位,负责什么什么工作,参与什么什么,前端bug修复,优化等 - 最最重要的是你做的项目一定要介绍细致,几人开发,负责那部分工作,开发了什么功能,使用了什么前端技术等等 2.原创 2021-08-17 19:55:19 · 317 阅读 · 0 评论 -
JS-cookie的用法
一.安装npm install js-cookie --save二.引用import Cookies from 'js-cookie'三.一般用法1.存入cookie1.Cookies.set('name','value')2.Cookies.set('name','value',{expires:7})//有效期7天3.Cookies.set('name','value',{expires:7,path:''})//设置路径2.从cookie中取1.Cookies.get('na原创 2021-07-05 17:58:18 · 296 阅读 · 0 评论 -
JS中的赋值、浅拷贝与深拷贝
拷贝是写代码中经常使用的方法。浅拷贝与深拷贝是指拷贝的两种情况。本文将深入探究JS的赋值、浅拷贝与深拷贝。数据类型在探究深拷贝与浅拷贝之前,我们先梳理一下JS的数据类型。在JavaScript中,数据类型有两大类。一类是基本数据类型,一类是引用数据类型。基本数据类型有五种:number、string、boolean、null、undefined。基本数据类型存放在栈中。存放在栈中的数据具有数据大小确定,内存空间大小可以分配、直接按值存放的特点。所以存放在栈中的数据可以直接访问。在JavaScript原创 2021-07-05 14:54:03 · 227 阅读 · 0 评论 -
前端 webpack 的认识?
一、什么是webpack?webpack的认识? 1. webpack 是现代javascript应用程序的静态模块打包器 指的是没有进行特殊配置的时候 只能处理javascript这一种语言 打包是指无需人为处理文件之间的依赖 自动处理并将其打包合并 2. 为什么要打包? 因为目前前端项目逻辑多 文件多 复杂度提高了 ( 比如一个项目依赖很多模块 )于是提出了模块化的标准 webpack就是一种优秀的模块化解决方案 此外webpack不仅强大 还非常灵活 3原创 2021-07-01 19:14:42 · 116 阅读 · 0 评论 -
vue 项目运行 报错:Error: No PostCSS Config found in: /Users/rememberme/Desktop/
查了相关问题说是缺少文件:postcss.config.js在项目根目录添加上此文件即可:// https://github.com/michael-ciniawsky/postcss-load-configmodule.exports = { 'plugins': { // to edit target browsers: use "browserslist" field in package.json 'autoprefixer': {} }}说是针对webp.原创 2021-06-22 13:52:41 · 399 阅读 · 0 评论 -
vue 2 element UI 开发后台 常用组件
1. element ui 地址https://element.eleme.cn/#/zh-CN/component/layout2. 常用的Layout 布局如图: <el-row> <el-col :span="24"><div class="grid-content bg-purple-dark"></div></el-col> </el-row> <el-row> <el-co原创 2021-06-04 14:41:51 · 303 阅读 · 2 评论 -
vue 的计算属性 和 侦听器
计算属性模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: <div id="example"> {{ message.split('').reverse().join('') }} </div>在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里是想要显示变量 message 的翻转字符串。当你想要在模板中的多处包含此翻转字符串时,就会更加难以处理。所以,对于任何复杂逻辑,你都应转载 2021-05-27 11:54:05 · 79 阅读 · 0 评论 -
vue在数据没有请求回来的时候,不渲染页面如何处理
给那些要渲染到页面上的数据,赋值一个默认值就行了,比如空或者占位符’-’。请求成功后再赋值为请求回来的值。这样是没有数据的时候还渲染页面,只不过不会出现undefined的情况。 <template> <div>{{ user.name }}</div> </template> export default { data(){ return { user: { name: '-' }原创 2021-05-26 20:02:17 · 1952 阅读 · 0 评论 -
Vue data 如何动态 添加属性 方式如下
vue现有的对象动态的添加属性:例如有数据 : data(){ return { userInfo:{ age:99 } } }如果在函数或者计算属性中为userInfo添加name属性, 我们可能会 this.userInfo['name'] = 'hangzhou';这种方式添加的属性在页面中使用时,是无法被双向绑定的,也即是当该属性发生变化时,页面不会发生更新。解决:在首次定义该属性时使用this.$set();方法,即可将该属性添加到Vue的监听中。 thi原创 2021-05-26 19:33:52 · 1123 阅读 · 0 评论 -
vue.js 组件混入 mixins 的使用 以及规则
一、vue 混入混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。// 定义一个混入对象var myMixin = { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from mixin!'转载 2021-04-13 19:22:45 · 182 阅读 · 0 评论 -
Vue 2 打包 测试 注意 事项
Vue项目打包分类分为三种运行模式生产,开发,单元测试,可以分别进行配置。项目Value电脑$1600手机$12导管$1Column 1Column 2centered 文本居中right-aligned 文本居右原创 2021-03-04 09:38:03 · 282 阅读 · 1 评论