
前端
sunshine641
听说远方很美,你不要害怕天黑。
展开
-
【Bug小记】antd表格高度自适应窗口高度
需求:就是标题,要求表格可以随页面窗口高度自适应,铺满。过程:项目使用的antd-Vue 组件,组件属性里可以设置表格的高度,通过设置固定高度,当表格高度大于y值时,就生成滚动条来固定表格的高度。(这里的scroll是针对表格内部数据做的限制,而不是整个组件。)但是固定值,不能像宽度一样自适应(直接设置外层容器百分比就可以实现自适应)。解决:通过Window.onresize 事件来监听窗口大小的变化,然后document.body.clientHeight 获取窗...原创 2021-11-24 17:00:56 · 4196 阅读 · 0 评论 -
微信第三方网页授权
官方文档: 微信开放文档 官方文档可以看上边。主要步骤一、获取codehttps://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect引导用户点开上面的链接,向微信请求授权获取code主要修改...原创 2021-10-20 17:26:26 · 1410 阅读 · 0 评论 -
VUE 前端html打印vue-print-nb
vue html页面打印功能vue-print-nb - 潇湘羽西 - 博客园原创 2021-09-17 14:25:39 · 305 阅读 · 0 评论 -
【AntdVue】select下拉框可输入搜索和添加
需求:在antd select组件中,既能模糊搜索选择下拉框的选项,又能输入保存不存在的选项。思路: antd的select组件案例中,已经示范了怎么搜索选择。但是如果搜索不存在的选项,失焦后输入框内容会被清空,所以我们用提供的事件方法blur,去保留输入框内容。输入内容时,触发search事件,获取的value值即为输入内容;在search事件内调用change事件,将value值赋给组件;在组件失焦时,将value输入框内容赋值给组件,防止被清空;增加选项可...原创 2021-08-17 18:36:16 · 9278 阅读 · 4 评论 -
VUE+TS+AntdVue验证码登录框实现
<template> <div class="login-box"> <a-form-model :model="user" :rules="rules" ref="loginForm"> <a-form-model-item prop="username"> <a-input placeholder="请输入账户" .原创 2021-07-20 15:48:31 · 742 阅读 · 0 评论 -
【Vue/JS】打开新页面,返回上一页面并刷新数据
跳转页面js方法: 参考链接window.open('http://www.baidu.com','_blank'); //新页面打开window.open('http://www.baidu.com','_self'); //当前页面打开html标签://在a标签中跳转,用target:<a href="http://www.baidu.com" target="_blank"><a href="http://www.baidu.原创 2021-04-07 14:29:47 · 8258 阅读 · 1 评论 -
【前端】Vue使用clearInterval()无效不起作用
在Vue使用计时器后 ,clearInterval()不起作用,并没有消除计时器搜索了下 ,大概总结一下原因:解决办法:不要直接使用setInterval(fun,5000) 和 clearInterval() 会出现clearInterval 失效的问题。建议采用window.setInterval(fun,5000) 和window.clearInterval()参考链接:原因解决...原创 2021-03-11 10:18:47 · 6108 阅读 · 0 评论 -
【前端】Antd-Vue表单校验
自定义校验HTML代码<a-form-item label="联系人电话" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-input v-decorator="['phone', validatorRules.phone]" placeholder="请输入联系人电话"></a-input> </a-form-item>data中验证定义data原创 2021-03-04 10:47:27 · 2091 阅读 · 1 评论 -
【AntdVue】下拉选择框乱回弹问题
问题:下拉选择框本来是正常的,突然变得奇怪:点击打开下拉菜单后,鼠标在菜单内移动后,滚动条会自动滚动到菜单最底部,且鼠标滚轮滚动可用,但是 滚到指定位置,还来不及鼠标单击选择,滚动条就又自动滚到最下面了。解决:原因是因为 select-option 使用v-for渲染时,key值不能重复或者为null在项目中是调用的数据库的数据,检查数据库时发现,有内容为空null,所以导致出错dictCode格式说明: 表名,文本字段,取值字段我这里 v-for key即对应的gift_id 的值原创 2021-01-26 15:12:15 · 2102 阅读 · 0 评论 -
jeecg项目部署笔记
最近要把 jeecg的前端项目部署到服务器上,结果出了错误。我一个前端超级小菜鸟啥也不会,鼓捣了好久 。项目部署打包用的是webstrom,Antd-Jeecg,写好的项目 直接 build打包,会在项目目录下生成一个dist文件将dist文件复制到服务器上的 nginx文件的HTML文件夹下我这里是复制到别的自己建的obd文件夹了,因为HTML下已经有别的项目了。到时候 修改配置 引用进去就好了。后台服务器配置nginx文件(jeecg文档参考链接 )修改 nginx下的conf原创 2021-01-18 10:29:42 · 1544 阅读 · 1 评论 -
【Echarts】echarts在Vue的安装、配置、使用
先放上echarts教程的官方文档:https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts安装:npm安装echartsnpm install echarts --save配置:全局引入,在main.js文件中添加以下配置:import echarts from 'echarts'Vue.prototype.$echarts = echar.原创 2021-01-06 15:03:49 · 4208 阅读 · 1 评论 -
【JavaScript】canvas实现可拖拽和可修改的分段进度条
半吊子前端,刚开始慢慢摸索JS,参考了很多代码,勉强实现功能,有更好的方法也希望大家能跟我分享,感激不尽!实现效果解说:要求实现一个如上图的进度条,用来设置及显示超速等级初始显示已保存的数据及对应的进度条状态,不同等级进度条会显示不同的颜色1: 鼠标按住圆形浮标拖动,可修改2中数值,同时进度条也会随之修改颜色,2也会随着移动2:这里显示数值。包括:①刚进入界面时,显示之前保存的数值 ②拖动浮标1时,随之一起变化的数值 ③此处同时是个输入框,可以输入想要的数值进行修改...原创 2021-01-06 11:03:07 · 1354 阅读 · 1 评论 -
【JEECG】修改Viser图表颜色样式
Viser真的真的真的很不行 ,最好先学完Echart再来看这个,还好理解些,或者就别看这个了 ,echart不好吗!!因为项目用的jeecg,里面图表用Viser写的,所以愁苦了好一阵以柱状图为例Vue环境: <v-chart :forceFit="true" :height="height" :data="dataSource" :scale="scale" :padding="padding"> <v-tooltip/> &l..原创 2020-12-30 17:19:50 · 3450 阅读 · 4 评论 -
JS实现点击头像上传图片修改
只贴关键代码部分:input的样式设为隐藏 ,就不会出现选择文件的按钮;事件handlefile来处理上传图片 img 点击事件根据其id绑定input的点击事件 ,这样点击图片即点击input选择图片 ; :src这里是在动态加载路径 ,不需要的直接 src=“” 就好<input type="file" id="f" accept="image/*" @change="handleFile" class="hiddenInput" style="display:none...原创 2020-12-03 16:36:35 · 1903 阅读 · 2 评论 -
【前端】实现表格奇偶行不同背景样式
在这里插入代码片@TOC实现表格奇偶行不同背景样式实现表格等奇偶行的不同样式Css实现:nth-child() 选择器::nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。tr:nth-child(odd){ background:#000;}tr:nth-child(even){ background:#fff;}纯JavaScript实现var tableDemo=document.getElementById原创 2020-11-27 17:09:00 · 591 阅读 · 0 评论 -
【Bug小记】input:-webkit-autofill:输入框自动填充背景问题
问题是这样的:本来的登录输入框是这种设置好的半透明样式但是 当选中 或者切换内容后就会自动填充白色的背景框,如下图右键检查 尝试修改了好多样式,最后找到了input:-webkit-autofill百度 发现大家都有发现这种情况,以下是我的总结:一、 设置box-shadow 用阴影覆盖input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px rgba(67,118,144,0.5)...原创 2020-09-23 15:54:07 · 2462 阅读 · 3 评论 -
【笔记】前端学习常见概念
跟随百度学院学前端。常见前端概念:HTML、CSS、JAvaScript、SQL、WebServices、PHP等。一个普通网站访问的过程先了解一个网站访问的大概过程:用户操作浏览器访问,浏览器向服务器发出一个 HTTP 请求; 服务器接收到 HTTP 请求,Web Server 进行相应的初步处理,使用服务器脚本生成页面; 服务器脚本(利用Web Framework)调用本地和客户端传来的数据,生成页面; Web Server 将生成的页面作为 HTTP 响应的 body,根据不同的处理结原创 2020-07-24 12:46:28 · 170 阅读 · 0 评论