- 博客(58)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端CSS实现响应式TimeLine效果（附源码）
文章目录纯CSS搭建，先上效果图（附有源码）视图层 index.htmlindex.css 公用样式文件Main.css 主要的样式文件纯CSS搭建，先上效果图（附有源码）本效果为纯CSS搭建，适配移动端和PC端！视图层 index.html <body class="light"> <header class="header"> <h1 class="" style="text-align: center;">漂亮的时间轴UI效果</h1>
2023-11-20 17:44:47
373
原创 Vue前端添加水印功能(附源码)
前端vue添加水印功能，组件式引入，开箱即用，颜色样式、范围、密度可修改，且有防人为干预删除或修改水印等功能！
2023-11-17 15:02:18
1432
原创 npm ERR! cb() never called 处理办法
npm install报错npm ERR! cb() never called问题解决办法
2022-07-12 15:11:11
462
原创 Vue3使用element-ui的table表格错位
vue3使用element Plus 的table表格在搜索错位<el-table ref="tableRef"></el-table>JS部分 const tableRef = ref(null);// 这里是在<el-table>上定义的ref，vue3需要用ref变成响应式数据//打印里面的结构可以用 console.log(tableRef.value),一直往下找会有doLayout方法;//重新渲染的函数const reRender =
2022-03-09 15:01:10
1114
原创 jqwidgets使用方法
4.分页展示效果当为分页为default可以自定义每页显示的条数:pagesizeoptions=" [‘50’, ‘100’, ‘150’] "加在<JqxGrid :pagesizeoptions=" [‘50’, ‘100’, ‘150’] " / >// 在mounted里面 this.$refs.myGrid.pagermode = "simple";// 默认是 default 为可选多少条展示， simple为展示出来多少个页码。 1 2 3 4 5 .... 3
2022-02-22 10:25:56
1103
原创 vue引入阿里巴巴icon
从阿里巴巴icon里面下载的包文件吧所有的图标打包下载把框里面的文件copy进入assets文件；在main.js 引入iconfont.css 即可
2022-01-06 14:48:05
486
原创 vue给list列表添加动画
Document <!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-- 引入组件库 --><script src="https://unpkg.com/element-ui/lib/index.js"></script><style...
2021-09-26 15:43:04
998
原创 流程图插件
MES ---- flowchart-vuehttps://github.com/claudewowo/welabx-g6https://github.com/caoyu48/vue-g6-editorhttps://github.com/OXOYO/X-Flowchart-Vue基于G6https://gitee.com/xiaoka2017/easy-flow
2021-08-23 14:17:37
329
原创 多维数组，递归删除children为空的项目
options: [ { id: "d04140b2-84b0-430f-a90f-cc8fc240d6cb", label: "Siemens Healthineers", children: [ { id: "e6ffabba-3082-4c94-92be-4af665b2ffaa", label: "SSME", ch.
2021-06-26 15:03:59
805
原创 Element-ui时间选择器禁止选择当月之后的月份
html<el-date-picker v-model="fixValue" type="month" class="fl" value-format="yyyy-MM" clearable size="mini" placeholder="选择日期" :picker-options="endDatePicker" > </el-date-picker>dat
2021-06-25 10:01:35
3395
3
原创 递归算法通过子节点查找当前节点的父节点。
实际场景为， 你已经获取到某一个确认的子 id ，想找到其上一级，增加一个对象或者删除一个对象。直接干代码var arr = { id: 0, name: '000', children: [ { id: 1, name: "xhh", children: [ { id: 11, n
2021-06-18 16:01:50
1292
原创 二维数组的每一项相加得到新的数组。
let result=[];let dataArr=[ [1,2,3], [3,2,5]] for (let key in dataArr) { dataArr[key].forEach((value, index) => { if (result[index] == null || result[index] == "") {//判断是否为空把result,每一项都变为0 result[index] = 0;//[0,0,0]
2021-04-26 14:04:59
436
原创 js，数组对象通过判断某一个key去重。
var arr = [{key: ‘01’,value: ‘乐乐’}, {key: ‘02’,value: ‘博博’}, {key: ‘03’,value: ‘淘淘’},{key: ‘04’,value: ‘哈哈’},{key: ‘01’,value: ‘乐乐’}];// 方法1：利用对象访问属性的方法，判断对象中是否存在keyvar result = [];var obj = {};for(var i =0; i<arr.length; i++){if(!o
2021-04-11 14:28:36
573
原创 git常用命令操作
git 查看远程仓库地址git remote -v合并分支1.从主分支（假设 main分支）切出dev分支作为开发功能分支，在main分支上执行：git checkout -b dev2.开发某个功能完成后 在当前dev分支上执行下面俩条命令：git add .git commit -m “开发完啦”git pull （如果多人开发，需要执行这一条）git push origin dev 推送到远程dev3.合并到主分支main，首先切换到主分支 再执行git checkout
2021-04-07 10:57:45
74
转载 base64文件导出，转Blob下载。
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></head><body> <script> /**封装blo
2021-03-29 09:34:24
329
原创 深浅拷贝的问题
一. vue1. vue的双向绑定原理？vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。2....
2021-01-08 11:40:05
74
原创 css让图片等比缩放，从中心往两边扩大过渡效果。
//外层容器即可视宽高 <div class="sc"> <img src="" alt /> // 换成自己的图 </div> .sc { height: 300px; width: 400px; overflow: hidden; } img { height: 100%; width: 100%; transition: transfor
2020-12-01 10:34:51
1560
原创 vue页面缓存的几种方法和keepAlive的使用场景
vue中keepAlive的使用在开发中经常有从列表跳到详情页，然后返回详情页的时候需要缓存列表页的状态（比如滚动位置信息），这个时候就需要保存状态，要缓存状态；vue里提供了keep-alive组件用来缓存状态。可以用以下几种方案解决问题；一、利用meta标签1、首先在路由中的meta标签中记录keepAlive的属性为truepath: '/classify', name: 'classify', component: () => import('@/views/classify
2020-11-30 16:28:41
2077
1
原创 前端常用组件库和Api地址
移动端Vanthttps://vant-contrib.gitee.io/vant/#/zh-CN/homePC端element-uihttps://element.eleme.cn/#/zh-CN/component/installation
2020-11-23 18:22:07
733
2
原创 一个符号大全网站。
http://www.fhdq.net/emoji.html里面是一些字体图标，直接可以当文字使用，不需要引入什么第三方插件。????????????????????????????????????????????????????????⚽⚡????????????等等
2020-11-05 10:11:11
337
原创 前端文件下载，下载流文件
这里给提供一种Blob的方式大致就是URL.createObjectURL() 静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL**new Blob 就是Blob对象是二进制数据，但它是类似文件对象的二进制数据，因此可以像操作File对象一样操作Blob对象，实际上，File继承自Blob。**// 假设你已经得到了文件类似如图 const data = res; // 后端打回来的流文件 // 第一个参数是流文件 ，第二是格式， 这个在后端会提前声明的
2020-10-30 09:47:02
796
原创 解决el-checkbox传值编辑回显问题。
{{city.name}}data() {return {value: [],cities: [{name:‘北京’，id:‘1’}, {name:‘武汉’，id:‘2’},{name:‘深圳’，id:‘3’}];};label是展示在外的text内容.如果el-checkbox标签之间不写任何内容显示也是label的内容，但是我们在el-checkbox标签里面加上{{}}name的值。这个其实就是显示的内容啦。...
2020-10-15 14:30:49
3686
原创 限制input输入的长度，input的type为number的长度，type=‘number’的maxlength不生效问题
input当为number类型是maxlength不生效，这里有两种方案 一种是把**number**改成**tel** <input type="tel" maxlength="5" /> // 可以生效或者就是 <input type="number" οninput="if(value.length>5) value=value.slice(0,5)" /> // 原生写法附上vue写法 <input placeholder="请输入联系.
2020-09-16 14:24:00
1809
原创 vue脚手架中页面使用过滤器
<span v-for='(item,tagsIndex) in scope.row.tags' :key="tagsIndex" @click="searchByTags(item)">{{item + ',' | formDataTags }}</span> filters: { formDataTags(e){ return e; } },
2020-09-09 16:24:00
484
1
原创 facebook，twitter的分享图片功能，facebook分享图片
前端工作中我们经常会遇到把网页的内容分享到别的社交网站上去，微信，qq，新浪，facebook，twitter等社交中去，这里墙内的分享方法我就不说了，圈内肯定有很多大佬，我给大家分享一个FaceBook,Twitter的图文分享（认真看完相信对你有收获。网上的例子大多包括Facebook官网上的例子是用在页面上创建meta来做分享，但是我用Vue写的前端，测是不行，并不能抓取到页面他们只是把FaceBook官网的例子粘贴下来，具体能不能实现估计作者也不知道，Vue页面只有一个html页面，怎么动态生成数
2020-09-01 17:39:03
6594
34
原创 element-u弹出刷新dialog弹出框和分页显示不对处理问题
Element-ui的弹出框是在前端开发中经常是会用的一个功能；但是我们在使用的过程中会发现每次弹出框的数据在操作后很难清除或者重置；比如文件上传，分页数据等等，这里给大家提供一种方法v-if='dialogVisible’ <el-dialog title="Insert Media" top="10vh" :visible.sync="dialogVisible" :width="activeWidth" :show-close
2020-08-28 15:45:54
1816
原创 element-ui 修改input的placeholde默认样式
.el-input__inner {&::placeholder {color: red;}&::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: red;}&:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */ color: red;}&::-moz-placeholder { /* M
2020-08-20 14:10:27
1647
原创 小程序的input绑定值的问题.
小程序的input的数据不是双向绑定的,所以需要我们手动添加监听事件<input type="text" value="{{username}}" placeholder='名称' class='username' bindinput="updateValue" data-value="{{username}}"/>bindinput=“updateValue”然后 在data里面自定义我们需要的值username updateValue(e){ console.l
2020-08-13 18:10:52
1981
Vue使用Swiper
2018-12-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人