- 博客(30)
- 收藏
- 关注
原创 flutter常用插件
dio # http请求库 flutter_swiper、carousel_slider # (图片)轮播组件库 package_info、url_launcher # 系统库(app相关信息、打电话、发邮件等) pull_to_refresh、flutter_easyrefresh # 下拉刷新库 flutter_spinkit # 加载指示器 flutter_easyloading # 弹框加载中等待 toast、fluttertoast、oktoast # 土司弹框提示 f...
2021-12-02 15:26:48
3083
原创 js下载流文件
const request = new XMLHttpRequest() const resourceUrl = hostUrl request.open('POST', resourceUrl, true) request.setRequestHeader('Authorization', getToken()) request.setRequestHeader('content-type', '...
2021-11-04 10:17:01
199
原创 flutter热键
Flutter run key commands.r Hot reload.R Hot restart.v Open Flutter DevTools.s Save a screenshot to flutter.png.w Dump widget hierarchy to the console. (debugDumpApp)t Dump rendering tree to the console. ...
2021-11-01 22:26:43
1063
原创 js打包文件生成zip
使用npm i jszip、npm i file-saver、npm i axios安装插件1、下载文件流:import JSZip from 'jszip'import FileSaver from 'file-saver'import axios from 'axios'const getFile = url => { return new Promise(async (resolve, reject) => { const obj = { metho
2021-08-25 09:33:51
1401
原创 前端OSS分片上传(vue版)
使用vue前端大文件直传OSS、使用分片上传<template> <div class="big-file-upload"> <div class="el-upload el-upload--text"> <div class="el-upload-dragger" :class="isDrag?'is-dragover':''" @click.stop="onUploadFile"> <div class=
2021-08-13 17:13:42
1705
原创 element中的select加checkBox
只需要重写select的样式就看可以啦!!!// 重写el-select下拉选择框// ******************** //.dc-multiple-select .el-select-dropdown__item::before { content: ""; position: absolute; top: 9px; right: 16px; font-size: 12px; font-weight: bold; -webkit-font-smoothing
2021-07-23 11:40:01
473
原创 element-ui的el-select远程加载数据后被遮挡
可以通过使用debouncedOnInputChange() 方法重新计算el-select的可视范围例:this.$refs.selectEmploy.debouncedOnInputChange()
2021-07-13 18:07:16
334
原创 web前端开发规范
命名:1、文件名(项目中的)、方法名、字段名遵循驼峰命名法2、图片、图标(svg)采用下划线3、css的class样式采用中间横线、id采用驼峰命名书写规范:
2021-03-26 14:50:21
91
转载 vscode安装vue相关插件
一、插件安装二、设置用户首选项setting.json{ "workbench.colorTheme": "Monokai", "workbench.editor.enablePreview": false, //打开文件不覆盖 "search.followSymlinks": false, //关闭rg.exe进程 "editor.minimap.enabled": false, //关闭快速预览 "liveServer.settings.donotS
2021-03-26 11:20:49
1210
原创 前端面试(js、vue)
前端面试(偏vue):1、谈谈MVVM架构模式2、vue的computed和watch的区别3、谈谈vue的生命周期4、v-show和v-if指令的共同点和不同点5、vue路由跳转传参方式6、谈谈js的this指向问题7、谈谈js的数据类型和浅拷贝与深拷贝8、浏览器的几种数据缓存方式9、谈谈http和https请求以及请求方式和数据传输10、谈谈css、sass、less...
2021-03-17 09:14:14
108
原创 css样式汇总大全
// 单行文本省略overflow: hidden;text-overflow:ellipsis;white-space: nowrap;// 多行文本省略display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;// 首行缩进text-indent
2021-03-15 17:17:56
82
原创 js操作dom
1、获取所有子节点:el.childNodes2、删除子节点:el.removeChild(node)3、添加子节点:el.appendChild(node)4、创建节点:el.createNode(node)
2021-03-15 11:55:30
84
原创 js动态插入vue组件(代码片段)
const tipComponent = Vue.extend({ template: `<el-tooltip placement="right" effect="light" :popper-options="{ boundariesElement: 'body', gpuAcceleration: false, removeOnDestroy: true }" :open-delay="0" .
2021-03-15 10:47:04
1022
原创 vue3.0各种基本composition api
<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>{{ myObj.name }}</h2> <div></div> <van-button @click.stop="onAddCount" square type="primary">单次累加:({{ count }})</van-button>.
2020-12-07 22:23:12
147
1
原创 vue2.0 和 3.0区别
1.数据的双向绑定的异同Vue2.0使用Object.defineProperty, Vue 3.0使用ES6的新特性porxy2.0、原理:使用 Object.defineProperty 来劫持对象属性的 geter 和 seter 操作,当数据发生改变发出通知(无法深度劫持)3.0、原理:使用ES6的新特性proxy来劫持数据,当数据改变时发出通知(可以深度劫持)2.0 代码: 1 <!DOCTYPE html> 2 <html lang="en">
2020-11-30 11:04:15
366
原创 axios请求封装(多请求链接)
import axios from 'axios'import { Message, MessageBox } from 'element-ui'import store from '../store'import { getToken } from '@/utils/auth'// 正常请求链接export const hostUrl = '192.168.16.152';// crm相关请求链接// const crmHttpUrl = 'http://192.168.16.118:.
2020-07-09 17:54:03
372
原创 js通用正则表达式
export let fv = { //匹配mobile isMobile: (str) => { if(str==null||str=="") return false; let result=str.match(/^((\(\d{2,3}\))|(\d{3}\-))?((13\d{9})|(15\d{9})|(18\d{9}))$/); if(result==null)return false; return true; }, //匹配phone.
2020-06-18 18:10:13
311
原创 element的table通过后台获取功能权限控制之后的列表宽度
vue通过后台获取功能权限控制之后的列表宽度export function getWidth() { if (document.getElementsByClassName('btn-group').length <= 0) return 0; let maxIndex = 0; for(let i=0;i<document.getElementsByClassName('btn-group').length;i++) { let currentLength = doc
2020-06-18 18:07:14
214
原创 vue3.0最新初体验
vue3.0之初体验直接上代码<template> <div class="text"> <h1>当前数值:{{ count }}</h1> <h2>当前数值 * 2:{{ doubleCount }}</h2> <h3>vuex中的数值a:{{ a }}</h3> <button @click.stop="add">添加</button>
2020-05-28 15:25:29
471
原创 js对象深复制方法
//深复制(包含复杂模式) deepCopy: (obj) => { let objArray = Array.isArray(obj) ? [] : {} if (obj && typeof obj === "object") { for (let key in obj) { if (obj.hasOwnProperty(key)) { if (obj[key] && typeof obj[key].
2020-05-27 16:14:37
133
原创 JS中filter(),some(),every(),,map()各种循环的区别与理解
JS中filter(),some(),every(),,map()各种循环的区别与理解1.filter():返回一个符合func条件的元素数组(es6)2.some():返回一个Boolean,判断是否有元素符合func条件const arr = [1,2,3,4]; arr.some((item)=>{return item>1})打印结果: true3.every():返回一个Boolean,判断每个元素是否符合func条件const arr1 = [1,2,3,4];
2020-05-27 16:06:51
657
原创 element-ui的popover组件位置偏移
element-ui的Popover组件在使用的时候,如果el-popover里面的数据是动态的,有时候会出现位置偏移不在可视区域范围内的情况,主要是popper-options这个参数要设置,还请大家看看popper.js的文档,记住选着popper.js的文档哈<el-popover ref="dcPopover" placement="left" width="797...
2019-11-15 14:02:29
24152
13
原创 element的table大量数据渲染卡顿解决
B/S架构遇到很多的问题应该就是大数据渲染了(毕竟javascript单线程)在使用table的时候,用户想操作大量表格数据(别跟客户说改需求了,不行的)使用vxe-table就能解决我们的好多问题,不得不说,这是我遇到过最好的table了,完美解决了我的需求。npm install xe-utils vxe-table 让我们快点开始吧 import Vue fr...
2019-11-15 13:52:14
5680
原创 flutter中TextField光标偏移处理
在flutter中当使用localizationsDelegates国际化之后,TextField输入框的光标出现了偏移错位的情况只需要在style中加入textBaseline:TextBaseline.alphabetic就可以解决光标错位问题...
2019-11-13 09:28:33
3706
5
原创 js计算两个时间戳之间的天、时、分、秒间隔
countdownTime为两个时间的差值let runTime = parseInt(countdowmTime / 1000);let day = Math.floor(runTime / 86400);runTime = runTime % 86400;let hour = Math.floor(runTime / 3600);runTime = runTime % 3600...
2019-11-13 09:16:39
1264
原创 element-ui中table大量数据渲染卡顿
element-ui中的el-table在使用大量数据的时候卡顿、卡顿、卡顿(重要的事将三遍),特别是在table中还使用el-checkbox来进行全选的时候,点击按钮直接卡顿3s界面才渲染,有没有很痛苦(反正我是很痛苦),其实,可以使用pl-table来处理表格的(不是我写的);eg:就像这样<pl-table row-key="id" ...
2019-11-12 16:06:18
12894
3
原创 vue动态路由-后端接口
*通过获取后台用户信息的权限来进行路由的动态加载store.dispatch('GetInfo').then(res => { // 拉取用户信息 let permissionData = tool.deepCopy(store.getters.permission) let getData = (obj) => { ...
2018-11-02 09:17:45
3587
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人