
前端工作
blingbling兵兵
这个作者很懒,什么都没留下…
展开
-
后台管理系统模板
Ant-Design-Pro (github上的标星数为27.5k 32.8k)基于 Ant Design 体系精心设计,提炼自中后台应用的典型页面和场景,使用 React/dva/antd 等前端前沿技术开发,针对不同屏幕大小设计, 可配置的主题满足多样化的品牌诉求, 内建业界通用的国际化方案, 良好的工程实践助你持续产出高质量代码,实用的本地数据调试方案, 支持自动化测试保障前端产品质量。集成方案:https://github.com/ant-design/ant-design-pro。原创 2023-01-09 15:09:01 · 137 阅读 · 0 评论 -
前端开发环境搭建
5、打开 git 网站,右上角用户头像,点击 settings,左侧菜单 SSH KEYS,将文件内容复制到 key 里 添加就可以了。根据日志信息里面的 SSH KEY 存储路径找到 .ssh/id_rsa.pub 文件。git config --global user.name '用户名'git config --global user.email '邮箱'ssh-keygen -t rsa -C '邮箱'4、复制 .ssh/id_rsa.pub 文件内容。2、配置一下name 、eamil。原创 2022-11-17 16:05:55 · 689 阅读 · 0 评论 -
echarts相关知识
echarts相关知识原创 2022-10-29 17:32:38 · 980 阅读 · 0 评论 -
查看浏览器的cpu占用率
1.打开控制台,到console。2.在该页面按esc。原创 2022-09-15 17:48:45 · 2291 阅读 · 0 评论 -
CSS清除浮动
2.使用after伪元素清除浮动: :after方式为空元素的升级版,好处是不用单独加标签了。必须定义width或zoom:1,同时不能定义height,使用overflow:hidden时,浏览器会自动检查浮动区域的高度。优点: 符合闭合浮动思想,结构语义化正确,不容易出现怪问题(目前:大型网站都有使用,如:腾迅,网易,新浪等等)但利用浮动后会让原本。这总是最快最方便的清除方式,但overflow: hidden还有另一个效果,,当你元素的高度或者宽度大于父级高度或者宽度的时候,溢出的部分将会被隐藏。原创 2022-08-19 17:01:02 · 114 阅读 · 0 评论 -
自己写滚动条
代码】自己写滚动条。原创 2022-08-16 18:16:48 · 174 阅读 · 0 评论 -
动态keepalive
设置meta中的不好用,结合vuex进行实现。原创 2022-08-15 15:09:54 · 116 阅读 · 0 评论 -
vue使用文件流下载表格
this.$http .post("/mgmt/ExcelFinancialProductModelDown.do",query,{responseType: 'blob'}) .then(res => { let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' });// 转化为.原创 2021-09-24 10:21:46 · 204 阅读 · 0 评论 -
vue防抖
method: { change() { if(this.timeout){ clearTimeout(this.timeout) } this.timeout = setTimeout(() => { console.log(this.answer) }, 500);.原创 2021-08-18 17:17:06 · 119 阅读 · 0 评论 -
移动端展示pdf文件
用的pdfjs-disturl为后端给的base64文件<template> <div class="structural-index"> <vx-container> <header-title :title="setlanguage('协议')"></header-title> <div class="pdf-container" v-if="showPdf"> <原创 2021-08-11 11:30:02 · 681 阅读 · 0 评论 -
this.$nextTick使用场景
input输入框,限制输入数字最大为100万 <input-validate type="money" maxlength="10" isAmount allMoney="1000000" :title="setlanguage('单笔限额')" v-model="onelimit" align="right" @..原创 2021-06-21 15:57:59 · 147 阅读 · 0 评论 -
一些小知识点汇总
正则校验varnameReg=/^[a-zA-Z][\w\W]{5,19}$/;console.log(nameReg.test(this.newUserName))手机号中间四位用*代替this.oldPhoneNumber.replace(/^(\d{3})\d{4}(\d+)/,'$1****$2');动态设置class名,实现对样式的更改: 点击时图标旋转:设置前三项背景图和字体颜色不一样:先给所有的设置统一的公共样式,然后单独...原创 2021-06-21 14:03:25 · 91 阅读 · 0 评论 -
路由传递参数
next(item) { this.goto({ name: 'branchService-branchServiceDetail', params: { item: item } }); },原创 2021-06-21 13:47:20 · 113 阅读 · 0 评论 -
组件间通信的几种方式
组件间通讯方式 1.父子组件通信 2.自定义指令原创 2021-06-21 13:40:35 · 1322 阅读 · 0 评论 -
搭建vue环境
1.安装nodejs2.安装vuenpm i vue -g3.安装vue-cli脚手架npm install vue-cli -g原创 2021-06-17 15:00:40 · 105 阅读 · 0 评论 -
前端模拟后端返回数据,mock.js
1.安装npm install mockjs --save-dev2.结构目录:index.js:import Mock from 'mockjs'Mock.mock('/meun', /post|get/i, // /post|get/i 匹配post和get模式 也可以用'post'或'get' // 属性 list 的值是一个数组,其中含有 1 到 10 个元素 {url:'https://img2.baidu.com/it/u=3566088443,371320原创 2021-06-17 14:14:37 · 245 阅读 · 0 评论 -
富文本编辑器(wangEditor)的使用(修改已经提交过的内容设置初始化内容,自定义上传图片,获取整篇图片url)
封装的组件:<template> <div :class="prefixCls"> <div ref="editor" class="editor-wrapper"></div> </div></template><script>import WEditor from "wangeditor";export default { name: "WangEditor", props: {原创 2021-06-17 14:05:26 · 1542 阅读 · 1 评论