![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
小趴菜呢
风生水起靠自己
展开
-
websocket使用
webSocket原创 2023-03-07 16:44:53 · 286 阅读 · 0 评论 -
树形数据的增、删、改、查、排序
树形数据进行上下排序,修改,新增原创 2023-02-23 17:11:19 · 662 阅读 · 0 评论 -
实现一个带有不一样样式的滑块
普通的滑块:如果要设置带有特别样式的滑块,如类似于这样的:你可以设置滑块的透明度为0,样式用图片代替,滑动到某一段距离,展示另一张图片。具体例子如下:在微信小程序中实现: <view class="slider"> <view class="img"> <image :src="sliderSrc" mode="" style="width: 100%;height: 100%;"></image> </view>原创 2022-05-05 15:26:48 · 189 阅读 · 0 评论 -
vue中使用微信jssdk语音聊天功能
原创 2022-03-22 14:53:48 · 2633 阅读 · 0 评论 -
js、jquery操作原生dom常用方法总结
1、给标签的某个属性赋值,获取某个属性的值$('#id').attr('属性','值');$('#id').attr('属性');documnet.getElementById('').getAttribute("");documnet.getElementById('').setAttribute('属性','值');//例如 <input id="range" type="range" min="0" value="0" class="slider" oninput="change(原创 2022-02-17 16:12:07 · 350 阅读 · 0 评论 -
jq+html+css实现普通的轮播图
//首先要在head中引入jq,大家可自行下载到项目中<script src="./js/jquery.min.js"></script> //html代码 <div class="banner"> <div class="pic"> <ul> <li><a><img src="./images/banner-1@2x.png"原创 2021-01-06 16:56:50 · 252 阅读 · 0 评论 -
2020、2021、2022年常用总结
一、常用的css样式总结(1)使用标签上传文件图片设置type='file’时,去除input自带的原有的样式 input[type="file"] { display: none; }(2)设置文字超出一行隐藏或者超出多行隐藏显示省略号white-space:nowrap; /* 强制文本一行显示 */text-overflow:ellipsis; /*添加省略号*/word-wrap:break-word;/*英文长单词换行,默认长单词是不换行的*//* 超出原创 2020-12-22 18:51:13 · 612 阅读 · 2 评论 -
promise.all和promise.race
1.Promise.all可以将多个promise实例包装成一个新的promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。Promise.all在处理多个异步的时候非常有用,比如当一个页面需要多个ajax的数据加载完成之后才显示,之前都只显示loading状态等等。需要特别注意的是,Promise.all获取的成功结果的数组里面的数据顺序和Promise.all接收到的数组顺序是一致的。即function1接收的结果在前。原创 2020-11-02 13:58:24 · 319 阅读 · 0 评论 -
前端加密js库--CryptoJs
前端有的时候为了信息安全,我们需要对一些数据进行接口加密处理,如编码、将明文转化为暗文,加密对比,AES+BASE64算法加密等。使用步骤:1.使用npm安装$ npm install crypto-js2.在until文件下新建crypto.js文件,粘贴下列代码:import CryptoJS from "crypto-js";//密钥const key = CryptoJS.enc.Utf8.parse("1234567890000000"); //16位//加密向量const i原创 2020-09-21 10:16:32 · 2710 阅读 · 3 评论 -
用户登录保存用户信息,退出清理用户信息
1.使用sessionStorage的时候登录时保存用户的登录信息:如果只是想单纯的保存用户的token或者id的话可以这样写:window.sessionStorage.setItem('userid', result.data.userid);window.sessionStorage.setItem('token', result.data.userid);但是当我们需要保存整个用户信息的时候,我们可以把返回的JSON对象转化为JSON字符串进行保存: window.sessionSto原创 2020-07-23 16:53:45 · 1176 阅读 · 1 评论 -
vue页面中引入css
1.当你的css样式中没有使用sass的时候,可以直接引用后缀名为.css的样式文件<style>@import '../../satic/index.css';</style>或者使用<style>@import url('../../static/index.css');</style>2.当你使用了sass的时候,引入的样式文件后缀名一定要是.scss<style lang="scss">@import '../../原创 2020-07-09 10:01:51 · 1967 阅读 · 0 评论 -
处理时间常用方法
首先需要定义一个时间datatime,在vue的生命周期函数中原创 2020-07-09 09:47:20 · 380 阅读 · 1 评论 -
扁平地址数据转化为树形结构,并使用elementui的级联选择器,或者使用懒加载的方式选择地址
先了解几个函数的用途Array.isArray(object);参数:object是要检测的内容,返回值是布尔类型的,用于判断传进来的object是否为数组,如果是数组则返回true,否则返回false转化为树形结构代码:changeToTree(list){let result=[];//不是数组则返回resultif(!Array.isArray(list)){return result}list.forEach(item => {delete item.children;原创 2020-07-07 18:38:52 · 452 阅读 · 0 评论 -
在使用elementui重置时遇到的坑
在使用elementui的表单重置时发现使用了官方的this.$refs[formName].resetFields();一直不起作用,经过我的百度查看发现:在使用时一定要注意设置prop属性,prop的名字要和v-model绑定的一致。同时不要忘记设置表单的ref属性。...原创 2020-07-02 14:55:23 · 345 阅读 · 0 评论 -
vue中this.$router.push路由传参和获取的方法
首先要了解route和routesroute它是一条路由,router可以理解为一个容器,或者说一种机制,它管理了一组route,简单的来说,route只是进行了url和函数的映射,而在当接收到一个URL之后,去路由映射表中查找相应的函数,这个过程是由router来处理的。vue中route为当前的router跳转对象里面可以获取name、path、query、params等。想要导航到不同的URL中,则使用route为当前的router跳转对象里面可以获取name、path、query、params等原创 2020-07-02 14:48:38 · 1218 阅读 · 0 评论 -
uni-app微信小程序实现分享到微信和小程序内嵌h5的分享
在uni-app中有与onLoad()等同级的一个生命周期函数:onShareAppMessage()小程序中用户点击分享后,在js中定义onShareAppMessage处理函数,设置该页面的分享信息。用户点击分享按钮的时候会调用。这个分享按钮可能是小程序右上角原生菜单自带的分享按钮,也可能是开发者在页面中放置的分享按钮。具体的使用可以查看uni-app官网:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage例子:onSha原创 2020-06-10 09:19:20 · 2993 阅读 · 6 评论 -
前端页面刷新的方法
1.当不跳转页面的时候进行添加、删除、修改操作时,可以在方法结束之后再次调用一下获取数据的方法,就可以实现页面的刷新了2.当添加和编辑时,需要调转页面,在添加和编辑完成后回到首页,首页数据要进行自动刷新,可以使用监听路由的方法,具体代码如下:watch: { // 监听,当路由从添加界面返回到全部界面时,获取缓存中的数据 $route: { handler: functio...原创 2020-04-30 11:52:55 · 1875 阅读 · 0 评论 -
微信小程序生成详情页面二维码
在获取二维码之前我们首先要获取到access_token。1.获取access_token官方接口:https://api.weixin.qq.com/cgi-bin/token?appid= ‘’&secret=’’ ;appid和secret就是小程序的appid和密钥,可以在微信公众号平台上面查看自己的小程序信息。2.生成详情页面的二维码,可以传递参数的那种在这里我使用的官...原创 2020-04-30 10:27:32 · 2503 阅读 · 0 评论 -
elementui分页插件使用总结
1.在后端数据不进行分页时,前端分页的办法:第一种情况:需要分页的数据是表格时,使用elementui的分页组件,并对table绑定的 :data进行计算具体代码如下所示:...原创 2020-04-29 09:18:08 · 1477 阅读 · 0 评论 -
PWA理解
PWA的理解1.PWA的全拼是progressive web app,是提升web App的体验的一种新的方法,能给用户原生应用的体验。PWA能做到原生应用的体验不是特指某一项技术而是应用一些新技术进行改进,在安全,性能和体验三个方面都有很大的提升,PWA本质上是web App,借助一些新技术也具备了Native App的一些特性,兼具WEB App和Native App的优点。2.技术依赖:...原创 2020-04-29 08:59:10 · 270 阅读 · 0 评论