- 博客(29)
- 收藏
- 关注
原创 vue 处理code值和文字转换
main.js 上挂载const getItemNameByCode = function(value, List, code = 'code', cname = 'cname') { if (!value && value !== 0) { return '' } const Item = List instanceof Array && List.find(item => value === item[code]) if (Item) {
2021-05-20 16:01:48
1406
原创 element-ui面包屑的用法
<template> <div class="bread"> <el-breadcrumb class="breadcrumb" separator="/"> <!-- <el-breadcrumb-item v-if="erpName">{{erpName}}</el-breadcrumb-item> --> <el-breadcrumb-item
2020-10-16 09:51:32
1719
1
原创 vue+element中table模拟树形列表
效果图 <el-select class="form-input" v-model="mapstatus" filterable multiple allow-create @change="selectChange" > <el-opt
2020-10-16 09:49:38
558
1
原创 uni-app pdf 安卓分享打不开的原因
// 因为分享的时候没有后缀,downloadFile 下载时候返回的没有文件后缀,所以要加上filePath ,这样分享之后就能解决安卓分享pdf 打不开的原因了let url = 'http://xxxx.pdf' uni.downloadFile({ url: url, filePath: wx.env.USER_DATA_PATH + '/paymentInstructions.pdf', success: function (res) {
2020-10-13 10:14:18
768
原创 input 限制只能输入数字且保留小数点后两位
/** input 限制只能输入数字且保留小数点后两位 */export function check_num(val) { let num = '' + val num = num .replace(/[^\d.]/g, '') // 清除“数字”和“.”以外的字符 .replace(/\.{2,}/g, '.') // 只保留第一个. 清除多余的 .replace('.', '$#$') .replace(/\./g, '') .replace('$#$
2020-09-18 11:00:19
1393
原创 vue 单个页面多个接口统一/顺序请求 #接口统一请求
export default { props: {}, data() { return {} }, computed: {}, components: {}, methods: { // 接口一 async test1() { let res = await this.$apis.getRiskAssessList() return new Promise((resolve, reject) => { if (re
2020-09-08 15:40:32
3756
原创 vue pdf 文件下载
<template> <div class="priview_resume_container"> <div style="font-size: 30px" @click="getResume">点这里下载</div> </div></template><script> export default { name: 'priviewResume', methods: {
2020-09-08 15:31:42
439
原创 EventLoop
任务队列分为同步任务,宏任务(定时器),微任务(Promise) 执行优先级:同步>异步,微任务>宏任务 执行顺序:按照加入队列的顺序console.log(1); // 1.第一个同步任务setTimeout(() => { console.log(2); // 7.第一个宏任务 Promise.resolve().then(() => { console.log(3) // 8.第一个宏任务中的微任务 });});
2020-09-02 11:32:13
64
原创 防抖和节流
// 区别:目的都是减少事件触发频率,节流会在固定频率内触发,防抖会只执行一次// 节流function throttle(func, delay=150){let start = +new Date(),timer = 0;return function(){ let cur = +new Date(); if (cur - start > delay){ timer = setTimeout(()=>{ func();
2020-09-02 11:30:11
239
原创 手写call, apply和bind
Object.prototype.Call = function(context){ if(typeof this != 'function'){ throw new TypeError('this is not a function') } context.fn = this; var result= []; var args = []; for(var i = 1; i< arguments.length; i++){
2020-09-02 11:29:10
89
原创 uni.showToast 设定duration不生效的原因
uni.showToast 设定duration不生效的原因:是 uni.hideLoading();的原因,给他结束了,做一个延迟setTimeout 就可以
2020-08-20 10:55:31
4661
原创 构造树型结构数据
/**构造树型结构数据@param {*} data 数据源@param {*} id id字段 默认 ‘id’@param {*} parentId 父节点字段 默认 ‘parentId’@param {*} children 孩子节点字段 默认 ‘children’@param {*} rootId 根Id 默认 0*/export function handleTree(data, id, parentId, children, rootId) {id = id || ‘id’p
2020-08-11 10:43:06
270
原创 添加日期范围,回显数据字典,通用下载方法,字符串格式化(%s ),转换字符串,undefined,null等转化为““
// 添加日期范围export function addDateRange(params, dateRange) {var search = params;search.beginTime = “”;search.endTime = “”;if (null != dateRange && ‘’ != dateRange) {search.beginTime = this.dateRange[0];search.endTime = this.dateRange[1];}ret
2020-08-11 10:42:44
400
原创 日期格式化
export function parseTime(time, pattern) {if (arguments.length === 0 || !time) {return null}const format = pattern || ‘{y}-{m}-{d} {h}:{i}:{s}’let dateif (typeof time === ‘object’) {date = time} else {if ((typeof time === ‘string’) && (/1+
2020-08-11 10:41:32
176
原创 Centos 安装 nginx
yum install -y make cmake gcc gcc-c++ pcre pcre-devel zlib zlib-devel openssl openssl-develyum install -y pcre pcre-develyum install -y zlib zlib-develyum install -y openssl openssl-develwget http://nginx.org/download/nginx-1.17.10.tar.gztar zxvf ngi
2020-08-11 10:29:03
78
原创 egg-上传图片到阿里云oss
首先需要登录阿里云服务器; 找到 新建 找到 权限管理,跨域设置 编写你的跨域规则 在要在AccessKey管理中心授权,拿到accessKeyId 和 accessKeySecret然后在项目中这么使用,如下图; ...
2020-08-11 10:27:37
279
转载 Linux常用命令大全(非常全!!!)
Linux常用命令大全(非常全!!!)最近都在和Linux打交道,感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制,当然,这也是很多人喜欢linux的原因,比较短小但却功能强大。我将我了解到的命令列举一下,仅供大家参考:系统信息arch 显示机器的处理器架构uname -m 显示机器的处理器架构uname -r 显示正在使用的内核版本dmidecod...
2020-04-10 10:45:02
74
原创 PC端兼容性问题
PC端兼容性问题 Dom Bom ecmaHTML对象获取问题FireFox:document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”).解决办法:统一使用document.getElementById(“idName”);const问题说明:Firefox下,可...
2019-12-13 18:50:48
545
原创 vue的局部刷新
vue局部刷新是对数据修改了或者删除了等操作,数据应该显示咱们操作后的状态的,但是重新请求axios是非常消耗内存的,此时应该是组件的局部刷新,那么如何实现vue组件的局部刷新呢?以下讲述了方法,希望可以帮助到大家。一、在 app.vue 中定义全局方法<template> <div id="app"> <router-view v-if="isR...
2019-12-13 18:44:07
1483
原创 css揭秘
Css3新特性css伪类和伪元素伪类包含两种:状态伪类和结构性伪类状态伪类是基于元素当前状态进行选择的。在与用户的交互过程中元素的状态是动态变化的,因此该元素会根据其状态呈现不同的样式。当元素处于某状态时会呈现该样式,而进入另一状态后,该样式也会失去。常见的状态伪类主要包括:css伪类用于向某些选择器添加特殊的效果????应用于未被访问过的链接:hover 应用于鼠标悬停到的元素...
2019-12-13 18:43:17
262
原创 vue干活
Vue总结(干货)一、Vue的指令(指的是带有“v-”前缀的特殊属性)**常见的Vue指令((v-if|v-else|v-else-if)/v-show/v-for/v-bind/v-on/v-if|v-else|v-else-if等等就不一一介绍了,下面讲解几个有意思的指令)1)、v-prev-pre主要用来跳过这个元素和它的子元素编译过程。可以用来显示原始的Mustache标签。跳过大...
2019-12-13 18:42:35
178
原创 高阶组件
概况:什么是高阶组件?高阶部件是一种用于复用组件逻辑的高级技术,它并不是 React API的一部分,而是从React 演化而来的一种模式。 具体地说,高阶组件就是一个接收一个组件并返回另外一个新组件的函数!这是官方文档说的,我没有截全,因为后面的解释会造成误解,但简单讲高阶组件(函数)就好比一个加工厂,同样的,屏幕、cpu、扬声器、键盘按键、外壳、电池,小米手机工厂组装完就是小米手机,魅族...
2019-11-29 10:03:18
1080
原创 vue组件
定义Vue组件什么是组件:组件的出现就是为了拆分Vue实例的代码量,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能或视图,就去调用相应的组件即可,可以重复使用组件化和模块化的不同模块化是从代码逻辑的角度进行划分组件化是从ui界面的角度划分,方便UI组件的复用全局组件的三种定义方式使用Vue.extend 配合 Vue.component 方法:var ...
2019-11-28 10:51:44
100
原创 vue 路由
什么是路由自己理解路由简单地说,路由就是根据不同的url地址展示不同的页面和内容说起路由,最先想到的应该就是路由器,那么路由器的工作原理是什么呢?路由器的功能就是一个中转站,就是把网络中的包通过一个一个路由器到达转发的目的实现原理:就像一个人如果要去某个地方,一定要在他的脑海里有一张地图,在每个路由器的内部也有一张地图,这张地图就是路由表。前端路由随着 ajax 的流行,异步...
2019-11-28 10:49:45
106
原创 vue3
vue3最大的改变是双向数据绑定,以前是object.defineproperty,现在是Proxy<!doctype html><html lang="`en`"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de...
2019-11-28 10:48:59
85
原创 webpack
webpack在网页中会引用那些常见的静态资源js.js .jsxcss.css .scss .lessimage.png .jpg .gif .jpeg .svgfonts.ttf .woff .eot网页中引入得静态资源多了以后有什么问题??网页加载速度慢,因为我们要发起很多得二次请求要处理错综复杂得依赖关系如何解决上述两个问题合并...
2019-11-28 10:47:40
76
原创 vue 吐司
首先创建toast.jslet BaoToast = {};import Toast from "./Toast";//Vue.use(组件,{})BaoToast.install = function (Vue, options) { //this.$bao_toast("") Vue.prototype.$bao_toast = function (message,opt...
2019-11-28 10:44:46
414
原创 Ts
TypescriptTypescript是由微软开发的一款开源的编程语言Typescript是JavaScript的超级、遵循最新的es6、es5的规范。Typescript的语法Typescript更像后端java、c+这样的面向对象语言可以让js开发大型企业项目谷歌也大力支持typescript的推广,谷歌的angular2.x+就是基于typescript语法最新的vue、reac...
2019-11-28 10:41:55
120
原创 dva的常规操作,一些样式,请求等
关于dva的一些常规操作dva与我们的create-react-app创建的两款脚手架是我们写react项目的两款优秀框架,之前一种使用create-react-app这款脚手架进行开发。然后这个框架美中不足的是redux方面着实令人书写麻烦 然而dva框架就对其进行了封装改良 使其看起来vuex相似度十分高 下面给大家介绍下用这两个框架结合起来开发的步骤吧首先利用create-react-a...
2019-11-06 16:58:18
948
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人