- 博客(19)
- 收藏
- 关注
RSS订阅原创 element-ui 二次封装系列- button(二)
看此篇前,请阅读上一篇https://blog.csdn.net/sky2714/article/details/112494719在上一篇中, 我们用一个简单的 autoLoading属性 二次封装了el-button得到了pl-button组件,本篇中,我们继续丰富pl-button组件.和自动loading相似,我们经常会有点击按钮需要弹窗二次确认的情况,如:点击删除按钮时,我们需要使用messageBox组件进行二次确认 this.$confirm('此操作将永久删除该文件, 是否继续?',
2021-01-11 21:25:15
714
原创 element-ui 二次封装系列- button
elementUI是一个vue.js的ui框架, 在做后台管理系统等方面非常出色,然而面对重复的后台管理系统,大量重复的代码, 这里我们将使用elemnt ui做二次封装,以扩展element ui的属性 来简化代码.本文以 el-button为例el-button是最简单的组件了,所有操作都需要用到它, 它仅对外提供click事件.在平时工作中,我们经常遇到一个 重复点击的问题,点太快了接口没有返回会导致多次重复请求,这时我们会想到使用防抖或节流,或者使用el-button的loading属性, 如果
2021-01-11 21:19:38
2052
2
原创 css形状
css三角形估计大家都写过, 用border即可实现,不过五角星之类的形状估计大多人就直接用图片了吧,最近面试遇到了一个css绘制五角星的题目,没有答上来,所以在这里记录一吧: css代码:#star-five { margin: 50px 0; position: relative; display: block; color: red; width: 0...
2018-07-13 00:06:11
223
原创 vue-cli配置环境变量
在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时候这个是production.用过vue-cli开发的通常对这个都不陌生,用这个最多的基本就是我们配置ajax请求的域名头了,if (process.env.NODE_ENV ...
2018-07-08 18:30:42
3656
原创 Vue自定义指令封装节流函数
节流函数是web前端开发中经常用到的一个开发技巧,在input实时搜索,滚动事件等,为了避免过多消耗性能,我们都会使用节流函数.在《JavaScript高级程序设计》一书中有这样的一个例子: function throttle (method, context) { clearTimeout((method.tId)) method.tId = setTimeout(funct...
2018-07-07 23:45:07
2829
1
原创 使用async await 封装 axios
es6 的promise 逐步解决了层层回调的问题,es8的async await让异步变成了同步的写法,在vue中,可以通过封装axios,使得所有的请求都可以使用同步写法,同时处理错误信息等,可以建一个api.js文件,全局创建api实例.import axios from 'axios'const qs = require('qs')const api = { async g...
2018-07-07 13:18:30
10750
原创 Vue下路由History模式打包后页面空白
vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用场景.新手往往会碰到history模式打包后页面一片空白的情况,而且没有资源加载错误的报错信息.这个其实仔细研究下会发现,如果项目直接放的跟目录, 那么是没有问题的,如果是子目录,那么就会一片空白了.这个vue官...
2018-07-02 17:15:09
6207
原创 最简单的移动端适配方案(rem+vw)
rem 这个单位对于前端来说并不陌生了,在移动端适配方面,我们经常会用到它,通常我们会采用类似淘宝flexible.js 的方案, 写px,然后通过插件转化成rem,然后得出一堆小数值的rem单位.淘宝这个方案已经用了很多年,兼容性很好,然而现在已经2018年了,许多兼容性问题现在不再那么头疼了,因此我们现在有了更好的适配方案.在很早以前,vw 这个单位就已经被列入w3c规范了,如果基本都支持...
2018-06-28 22:21:24
8065
1
原创 Vue微信授权登录前后端分离较为优雅的解决方案
微信授权登录是一个非常常见的场景,利用微信授权登录,我们可以很容易获取用户的一些信息,通过用户对公众号的唯一openid从而建立数据库绑定用户身份. 微信授权登录的机制这里不做详述,微信官方文档已有详述,简述就是通过跳转微信授权的页面,用户点击确认后,微信会跳到回调页面,此时回调页面url上会携带code参数,通过code参数,后端可以拿code换取拥护openid,或者用户信息 ...
2018-06-28 13:54:14
13469
4
原创 Vue.js开发常见问题
Vue.js由于其语法简单,文档友好,而且是一个渐进式框架,因而得到了许多前端开发者的青睐.尤其对初学者而言,入门Vue.js比目前前端三大框架中的另外两个都容易的多.但是同时,简单并不意味着低级,把Vue.js弄会还是需要掌握不少东西的,尤其对于没有接触过webpack构建工具的初学者. 这里列举一些Vue.js常见的开发问题. 1.Vue项目如何部署 Vue.js 的脚手架已经为我
2017-10-05 21:05:26
584
原创 JavaScript获取url中的参数
利用JavaScript获取url中的参数是一个很常用的程序,也是前端面试常有的面试题.实现这个程序的方法有很多种,通常采用正则匹配或者字符串截取的方法. 正则匹配是一个比较好的方法,不过对于不会正则的前端初学者不太适合.这里采用转化为对象的方法.代码如下:<!DOCTYPE HTML><html lang="en"><head> <meta http-equiv="Content
2017-01-03 10:40:59
234
原创 真正的盒模型-border-box
长期以来,w3c的盒模型都是很恶心的,我们设置了一个盒子的width和height,如果我们要再去给其设置padding,border,那么它的真实大小是width/height+padding+border,如下:width: 200px;height: 200px;background: #888;text-align: center;border: 10px #5cb85c solid
2016-11-09 10:07:13
913
原创 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2016-11-09 10:04:29
166
原创 一个简单的账号密码输入框
这 是 邮 箱 登 录 界 面 ， 默 认 状 态 下 ， 邮 箱 地 址 文 本 框 和 邮 箱 密 码 框 内 分 别 有 “ 请 输 入 邮 箱 地 址 ” 和 “ 请 输 入 邮 箱 密 码 ” 的 提 示 。 当 将 鼠 标 聚 焦 到 邮 箱 地 址 文 本 框 时 ， 文 本 框 内 的 “ 请 输 入 邮 箱 地 址 ” 文 字 将 被 清 空 ， 效 果 如 图
2016-06-25 16:20:32
5727
转载 jQuery动画
在jQuery中，如果我们想要实现元素的显示和隐藏，可以使用2组方法： （1）show()和hide()； （2）toggle()；$().hide() $().show()`在jQuery中，我们还可以使用toggle()方法来“切换”元素的“显示状态”。也就是说，如果元素是显示状态，则变成隐藏状态；如果元素是隐藏状态，则变成显示状态。$().toggle()
2016-06-23 23:21:51
219
原创 jQuery选择器
jquery选择器基本选择器；元素选择器；(“元素名”)id选择器；(“元素名”) id选择器；(“#id名”) class选择器；(“.类名”)群组选择器；(“.类名”) 群组选择器；(“选择器1 , 选择器2 ,……,选择器n”) 选择器{padding:0;margin:0;}层次选择器；jQuery层次选择器 选择器 说明 (“MN”)后代选择器，选择M元素内部
2016-06-21 19:45:41
214
原创 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2016-06-21 19:41:13
163
原创 冒泡排序和选择排序
冒泡排序:并使用数组的prototype 属性 prototype 属性使您有能力向对象添加属性和方法。 本例使用调用函数方法 冒泡排序（Bubble Sort），是一种计算机科学领域的较简单的排序算法。 它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。 这个算法的名字由来是因为越大
2016-06-03 23:04:02
258
原创 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2016-06-03 22:55:29
246
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人