自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 vux scroller在iOS上,一停止滑动就跳到顶部

vux scroller在iOS上滑动列表,滑完就会跳到顶部,然后去查了下vux的文档,没有解决办法,百度了一大堆,也没有相关问题,只能看下源码到底是哪除了问题。经过一层层的查找,终于发现是ios13上面获取transform的结果跟老版本的结果不一样// 老版本:'matrix(1, -2.4492935982947064, 2.4492935982947064, 1, 0, 19.48200035095215)' //新版本'matrix(1, -2.4492935982947064e

2020-06-26 17:14:54 537

原创 vue笔记

1.$setvue2.0 给data对象新增属性,并触发视图更新如下代码,给 student对象新增 age 属性data () { return { student: { name: '', sex: '' } }}众所周知,直接给student赋值操作,虽然可以新增属性,但是不会触发...

2019-12-23 14:56:26 192

原创 前端常用公共方法工具类

1.去除对象中为空的属性function handleValue(data) { for ( var key in data ){ if ( data[key] === '' || data[key] === undefined ){ delete data[key] } } return data;}2...

2019-12-13 14:17:55 446

原创 el-input 数值输入限制,非负数且只有一个小数点

以下是使用全局指令的案例(也可以使用局部指令,可以参考文档 https://cn.vuejs.org/v2/guide/custom-directive.html):1.文件结构:文件夹结构, src 下新建一个 directive 文件夹directive文件夹下又新建一个 el-input 文件夹el-input 文件夹下,新建 index....

2019-12-13 11:27:16 3644

原创 element table组件表头样式错乱问题

element table组件,设置高度后,列很多的时候,出现滚动条,表头错位,加了fixed也没用,样式还是错乱,在网上找了很多方法都没用,真是蓝瘦,body.el-tableth.gutter{display:table-cell!important;}//这种没用的后面终于找到一个方法,数据请求回来后直接执行下面这个方法;this.$re...

2019-11-14 16:41:34 1636

原创 CSS浏览器兼容性写法小结

由于每个浏览器都有自己的UA样式,并且这些样式还不太统一,所以需要做样式reset,常见的reset有以下:/* IE浏览器对输入控件有自己的font-family,需要统一 */input,textarea,button{ font-family: inherit;}/* Chrome浏览器会在输入控制聚集的时候添加一个蓝色的outline*/input:focus,...

2019-02-23 11:37:20 214

原创 Sass用法及常用方法整理

父选择器 & (Referencing Parent Selectors: &)a { font-weight: bold; text-decoration: none; &:hover { text-decoration: underline; } body.firefox & { font-weight: normal; }}编译为...

2019-02-16 11:27:37 793

原创 meta viewport相关

<!DOCTYPE html> H5标准声明,使用 HTML5 doctype,不区分大小写<head lang="en"> 标准的 lang 属性写法<meta charset=’utf-8′> 声明文档使用的字符编码<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1&quo

2019-02-13 10:05:00 207

原创 Pug学习笔记

pug模板的好处:1.无需结束标签在html中,几乎每个标签都需要写相应的结束标签,这既耗费时间和精力又使代码更加冗长,而且万一忘了写结束标签会导致不可预期又难以定位的错误。相比之下,pug没有结束标签,代码更加简洁高效。2.强制缩进强制缩进有人喜欢有人不喜欢,但是它带来的好处却是无可置疑的:它使得团队中所有人的风格都统一了起来,使得阅读别人的代码不再那么恐怖,让所有人都养成了缩进代码的...

2019-01-30 15:46:35 4200

原创 typescript学习笔记----基本数据类型

在TypeScript中有以下基本数据类型• 布尔类型(boolean)• 数字类型(number)• 字符串类型(string)• 数组类型(array)// 在元素类型后面加上[]let arr: number[] = [1, 2];// 或者使用数组泛型let arr: Array<number> = [1, 2];• 元组类型(tuple)元组...

2019-01-28 15:27:46 232

原创 vue重置鼠标右键,自定义菜单。

vue-context-menuVue 2.0 右键菜单组件,菜单内容可以随意自定义安装npm install @xunlei/vue-context-menu在线Demohttps://xunleif2e.github.io/vue-context-menu/demo/dist使用1. 注册组件方式1 利用插件方式全局注册import VueCon...

2019-01-02 17:18:46 16649 9

原创 vue+element+Ueditor部署百度富文本框的那些坑

前言:这段时间在用Ueditor富文本编辑器,出现了一些坑,在网上找了很多,都没怎么解决,主要问题是将Ueditor封装成组件后,放在element-ui的el-dialog里时,内容写不进去,原因大概就是组件没有加载完成,就调用了方法,用了this.$nextTick()同样报错,后来用了感觉最笨的方法setTimeout虽然可以解决,但感觉不太好,后来重新封装了一下,大概思路就是等待组件加载完...

2018-12-26 17:09:29 12261 9

原创 js异步队列和setTimeout

JS的异步机制由事件循环和任务队列构成.JS本身是单线程语言,所谓异步依赖于浏览器或者操作系统等完成. JavaScript 主线程拥有一个执行栈以及一个任务队列,主线程会依次执行代码,当遇到函数时,会先将函数入栈,函数运行完毕后再将该函数出栈,直到所有代码执行完毕。JavaScript是单线程执行的,无法同时执行多段代码。当某一段代码正在执行的时候,所有后续的任务都必须等待,形成一个队列。一...

2018-12-20 15:25:51 703

原创 easyui数据表格datagrid,树形表格treegrid使用总结

前言:       最近在开发后台系统时用到easyui,现在用这个框架的应该很少了吧,在网上查找方法案列的时候,总是找不到想要的答案,所以对最近开发做一个简单小结,希望可以帮助到你。       常用组件当然离不开datagrid和tree树及treegrid树形表格,两者基本上原理一样,easyui组件会有相互依赖继承关系,包括方法事件的继承,大家在开发的时候,注意阅读官方文档,这里简...

2018-07-24 15:04:02 10262 1

原创 扩展运算符

用三个点(...)表示,把数组或类数组对象展示成一系列用逗号隔开的值。基本使用var foo = function(a, b, c) {          console.log(a);          console.log(b);          console.log(c);        }        var arr = [1, 2, 3];        // 传统写法     ...

2018-05-31 16:54:08 885

原创 CSS动画简单小结

    最近在做项目的时候,需要开发一些小的交互体验,在网上搜索了一下,css3的transform和annimation的使用,以下是对两种方法的总结:    Transition 强调过渡,Transition + Transform = 两个关键帧的Animation    Animation 强调流程与控制,Duration + TransformLib + Control = 多个关键帧...

2018-05-30 11:17:59 522

转载 什么是Promise,我们用它来做什么?

一、什么是Promise?我们用Promise来解决什么问题?Promise 是异步编程的一种解决方案:从语法上讲,promise是一个对象,从它可以获取异步操作的消息;从本意上讲,它是承诺,承诺它过一段时间会给你一个结果。promise有三种状态:pending(等待态),fulfiled(成功态),rejected(失败态);状态一旦改变,就不会再变。创造promise实例后,它会立即执行。我...

2018-05-29 09:59:53 71589 2

原创 手把手教你Windows 平台安装 MongoDB

 与关系型数据库对比(MySQL)这里用 MySQL 来做为关系型数据库的代表MySQL步骤 安装 MySQL 启动数据库服务器 连接数据库服务器 新建数据库,一台数据库服务器可新建多个数据库 切换到要操作的数据库,可进行表的新建、修改、删除操作。一个数据库可以有多张表 对当前数据库的表进行记录的增、删、查、改操作 关系 一台数据库服务器可对应多个数据库(...

2018-05-28 16:37:44 214

原创 VUE事件修饰符

对事件添加一些通用的限制,比如阻止事件冒泡,Vue 对这种事件的限制提供了特定的写法,称之为修饰符 用法:v-on:事件.修饰符 <!--阻止事件冒泡.stop--> <div id="div1" class="stop" @click.stop="event1(1)"> <!--使用事件捕获模式.capture--> <

2018-05-25 10:50:01 1724

原创 字符串的一些操作

我们经常需要使用的操作无非是这么几点:读取字符串、转换字符串、清空字符串、拼接字符串、截取字符串。以前我们经常使用indexOf()来检测字符串中是否包含另外一段字符串。在ES6中,新增了3个新方法。每个方法都接收2个参数,需要检测的子字符串,以及开始匹配的索引位置。**includes(str, index):**如果在字符串中检测到指定文本,返回true,否则false。 let t =...

2018-05-23 17:53:45 122

原创 vue一些常用指令

指令指令(Directive),换句话说就是元素的自定义属性,在 Vue 中是以 v- 为前缀的自定义属性,属性值为对象或 js 表达式指令类型用法v-textstring <span v-text="msg"></span> <!--效果等同于--> <!--v-text 的权重高于 {{}}--> <span>{{msg...

2018-05-23 09:42:24 263

原创 vue不同组件传参,非父子组件通信。

当我们需要通过不同的组件来传递数据的时候:1.父组件传递数据给子组件,可以通过props属性来实现;2.子组件与父组件通信,这时候我们可以通过触发事件来通知父组件改变数据,从而达到改变父组件数据的目的;3.有时候我们会出现非父子组件通信,比如当我们在A页面的某个按钮上面绑定事件,点击后需要将信息传入B页面。当然在vue中有推荐了我们去使用vuex去数据交互,Vuex会让你的Vue代码足够灵活可控,...

2018-05-22 12:27:47 569

原创 favicon.ico设置及修改问题

最近用vue构建前端项目时,需要将网页打开时显示小图标,在网上大概搜了一下,希望对大家有帮助。1.favicon.ico图标的制作favicon.ico图标大小选取:浏览器默认的 favicon.ico 大小是16×16,不过为了显示的更加清楚通常采用32×32如果手上没有ico格式的图片,也可以用一些在线favicon.ico制作工具。将准备好的jpg, png 或者 gif的图标“上传——制作...

2018-05-21 10:35:10 12890 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除