摘要:vue增强第三方UI库(element-ui) 目前笔者了解有以下思路拓展第三方ui库,此系列以element-ui作为例子 指令. 混入. 二次封装. fork一份element-ui仓库,修改代码进行打包并引入. 实践案例 指令. el-tooltip增强:v-el-click-tooltip, 阅读全文
posted @ 2020-07-28 15:27 润润润 阅读(403) 评论(0) 推荐(0) 编辑
摘要:Vue项目中简易演示axios解耦 -api\sug.js (配置获取方法) -utils\request.js (配置自定义axios实例) -vue.config.js (解决跨域) -demo.vue (引入并调用请求方法api\sug.js__function getSug()) 步骤1: 阅读全文
posted @ 2019-10-24 22:43 润润润 阅读(328) 评论(0) 推荐(0) 编辑
摘要:参考了vue-element-admin 指令库的permission 使用Demo(demo.vue) v-permission指令代码 注册到全局(main.js) 对比 - v-show (v-show的dom不隐藏,改变display用户可以看到不该看的信息) - v-if (v-if删除节 阅读全文
posted @ 2019-10-09 00:26 润润润 阅读(8020) 评论(2) 推荐(0) 编辑
摘要:参考链接:16种方法实现水平居中垂直居中(https://juejin.im/post/58f818bbb123db006233ab2a) 水平居中(X轴) 6) 使用CSS3中新增的transform属性, 子元素设置如下: 垂直居中(Y轴) 6) 使用CSS3中新增的transform属性, 子 阅读全文
posted @ 2019-10-02 19:17 润润润 阅读(147) 评论(0) 推荐(0) 编辑
摘要:看到别人使用HBuilder X可以插入代码块,就想sublime text3有没有类似的功能呢,诶还真有。在sublime text3叫作snippet。 -snippet是干什么的?:可以在你编写js,html,vue,python...的时候快速插入自定义的代码块。 演示demo 输入bt4c 阅读全文
posted @ 2019-10-01 18:11 润润润 阅读(596) 评论(0) 推荐(0) 编辑
摘要:CSS:布局篇_用flex布局实现两边顶宽中间自适应(圣杯布局&双飞翼布局) <!DOCTYPE html> <html> <head> <title>CSS:布局篇_用flex布局实现两边顶宽中间自适应(圣杯布局&双飞翼布局)</title> <style type="text/css"> *{m 阅读全文
posted @ 2019-09-22 01:23 润润润 阅读(402) 评论(0) 推荐(0) 编辑
摘要:CSS:盒子_每个元素都有两个盒子(《CSS世界笔记》-块级元素) 1)CSS世界只有"块级盒子(block-level box)"和"内联盒子(inline box)"。块级盒子就负责结构,内联盒子就负责内容。 CSS:盒子_每个元素都有两个盒子(《CSS世界笔记》-块级元素) 1)CSS世界只有 阅读全文
posted @ 2019-09-21 23:41 润润润 阅读(252) 评论(0) 推荐(0) 编辑
摘要:CSS:布局篇_两边顶宽中间自适应(圣杯布局&双飞翼布局) 圣杯布局以及双飞翼布局解决的是两边顶宽中间自适应的三栏布局,且中间栏优先渲染。 圣杯布局实现思路: 用一个div作为容器依次包住中,左,右。中以width:100%作为主体,中左右div均以浮动float:left,左右均以margin负边 阅读全文
posted @ 2019-09-11 15:43 润润润 阅读(212) 评论(0) 推荐(0) 编辑
摘要:参考 MDN网站的运算符 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/new new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new 关键字会进行如下的操作: 1 阅读全文
posted @ 2019-09-08 16:33 润润润 阅读(341) 评论(0) 推荐(0) 编辑
摘要:Demo使用到的图片: Demo预览: 阅读全文
posted @ 2019-07-05 16:40 润润润 阅读(116) 评论(0) 推荐(0) 编辑