- 博客(18)
- 收藏
- 关注
RSS订阅
原创 微信小程序使用MD5加密
在微信小程序开发中，使用到MD5加密（比如登录加密password）。具体实现方法：首先在项目中找到utils文件，在该文件下新建一个js文件 md5.js然后复制下面的代码到你的文件中/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 1.1 Copyright (C) Paul
2020-08-20 10:20:08
2799
原创 vue-router 报错Error: Avoided redundant navigation to current location: “/index/user“解决方式
问题使用ivew Menu 制作的导航菜单,连续点击同一个导航时报错该报错不影响功能当前地址 http://localhost:8080/#/transfer/index连续点击–信息录入报错解决方案// router文件夹-->index.js文件import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)//添加以下代码const originalPush = Router.prototyp
2021-01-05 11:19:50
886
原创 CSS——文字溢出变成.....
/* 文字说明显示两行 溢出省略处理 */.text { height: 80rpx; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; //在第几行进行处理 -webkit-box-orient: vertical; text-overflow: ellipsis;}
2020-08-18 10:15:29
620
原创 微信小程序使用van-steps实现步骤条
效果图：vant组件 steps用法：官方教程官方网站中介绍了vue框架中vant的使用方法，但在小程序中用法有些区别具体用法：首先需要在页面的json文件中进行导入（前提是已经下载了安装了vant模块包）{ "usingComponents": { "van-steps":"/miniprogram_npm/vant-weapp/steps" }}其中vant-weapp中是没有step文件的，所以官网的写法是不能用的。正确的写法是使用steps属性绑定数据<
2020-08-14 15:30:50
13198
10
原创 为什么很多python文件中 都有这句代码if __name__ == ‘__main__‘:
最近学习python，看到大多数写的好一点的python脚本或者程序中都会有 if name == ‘main’:这句代码，然后收集了一些资料分享。1.这段代码是干嘛用的？python文件一般有两种使用方法，第一种是直接运行python文件第二种是import到另一个python文件中调用，（引用到另一个python文件作为模块使用）所以为了控制两种情况下执行代码的过程，就会使用if name == ‘main’:来判断。在if name == ‘main’:下的代码只能在第一种情况下（直接执行
2020-08-07 15:02:46
643
原创 微信小程序阻止事件冒泡行为
事件冒泡就是指嵌套事件发生微信小程序点击事件一般使用bindtap触发如果多层标签嵌套, 里层事件发生后, 其外层会相应发生, 如：//wxml：<view bindtap='handout'> outer <view bindtap='handmiddle'> middle <view bindtap='handinner'>inner</view> </view> </view>//jshan
2020-08-05 16:56:54
1295
原创 踩坑——谷歌浏览器！
项目中引用了bootstarp外部的css文件。然后项目在谷歌浏览器上打开运行，这时还没啥问题，但是再次改css文件中的样式，就出现问题了。样式没有显示，而且打开控制台，竟然没有新添加的样式，换了浏览器却能显示出来。出现这种情况的原因时由于个别谷歌浏览器会去缓存你的项目文件，而且普通刷新没什么乱用，解决方法Ctrl+F5试一下，强制刷新加载新文件。...
2020-07-14 14:08:03
175
原创 教你使用事件总线EventBus
手摸手教你使用事件总线EventBusEventBus:又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件。EventBus事件总线。可以用来组件之间通信，类似于Vuex的功能，简单的可以分为$emit()发射与 $on()监听两个方法进行组件通信。具体使用方法如下：全局使用的方法：main.js文件中：import Vue from 'vue'// 注册全局事
2020-06-02 17:11:26
532
原创 关于vuex，前端必会
什么是vuex？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来说 vuex 就是把需要共享的变量全部存储在一个对象里面，然后将这个对象放在顶层组件中供其他组件使用，它是另一种意义上的变量提升。也就是说vuex是把vue项目中的公用的数据放在一块供所有组件使用，起到管理全局变量的作用。vuex如何管理数据的？vuex存在5个属性：state 存放状态mutations s
2020-05-25 09:48:34
149
原创 如何在vue中使用jquery？
在vue项目中使用jquery1、首选通过npm安装jquerynpm install jquery --save2、在build/webpack.base.conf文件当中引入jquery（需要注意的是vue2和vue3配置可能有些差别，这里用的是vue2.X）module.exports = { ... resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/v
2020-05-21 10:29:47
2680
原创 vue项目中开启websocket功能
项目需求：使用websocket实现服务端向前端发送预警数据，前端接受并展示。什么是websocket？“WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然
2020-05-18 09:55:36
2371
1
原创 在vue中操作cookie
在vue中如果想要操作cookie，可以使用vue-cookies插件，这是一个简单的Vue.js插件，专门用于在vue中处理浏览器的cookie操作，vue-cookies没有依赖关系，它可以独立存在，对vuejs友好。使用方法安装vue-cookiesnpm install vue-cookies --save在vue中引用，进入mainjs文件中添加import Vue from 'vue'import VueCookies from 'vue-cookies'Vue.use(VueC
2020-05-15 10:20:35
814
1
原创 vue中的axios拦截，解决你的请求超时问题
项目中往往会遇到，当长时间不发送请求，或者不操作之后，我们再发送axios请求，返回的数据就会存在一个超时的标志。我们在前端接收到这个超时数据时就需要进行做出判断，大多数的操作是跳转到登录页面，让用户重新登录。前一段时间，做项目的时候，为了解决超时跳转这个问题，我把所有请求数据都加了if else去判断，进行超时天转到登录页面，简直了，所有接口。直到今天，实在不想加了，然后就去找一些解决方案，然后：就是今天要介绍的axios拦截首先了解一下axios拦截是什么请求拦截器// http reque
2020-05-14 13:56:40
4327
3
原创 vue中修改第三方组件的样式？教你一招
在vue项目中，我们会用到很多第三方组件库，当我们使用第三方组件库的时候，有时会遇到需求样式与封装的第三方组件样式有偏差。这时我们就要去改第三方的样式。在前段时间做项目就遇到了这个问题，刚开始想着在组件标签上加一个class或者id，然后通过css选择器进行style样式修改。然后我尝试了好多次，发现改不动！！！！。最后，去网上参考了一些方案，发现改不动的原因是出现在style标签中的scoped属性上。所以我想到的是去掉scoped属性。但是当我去掉scoped属性的时候，发现其他组件的样式，有一些
2020-05-13 11:58:04
3320
原创 你可以这样优化你的if-else代码结构
你可以这样优化你的if-else代码结构通常在项目中会使用很多层if-else嵌套例如，写一个returnWeekday() 方法返回 “今天是星期*”。我们通常写法：function returnWeekday(){ let string = '今天是星期'; let date = new Date().getDay(); if (date === 0) { string += '日'; } else if (date === 1) { string += '一'; } else
2020-05-12 11:20:37
183
原创 element ui 对话框中的元素获取
element ui 对话框中的元素获取代码<el-dialog :visible.sync="dialogVisible" width="30%" > <span class="title" id="1">选择分析对象</span> </el-dialog><button @click='add'>点击获取对话框中的span</button>
2020-05-11 11:30:51
2012
原创 Vue项目中main.js文件中的全局路由守卫
分享一下今天做Vue项目中使用的全局路由守卫判断用户是否已经登录，从而是否转到登录页面。整体代码：// 全局路由守卫router.beforeEach((to, from, next) => { if (to.path === '/login') { next() } else if (store.state.user) { next() } else {...
2020-01-09 12:27:32
2595
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人