前端
MClink
最不像程序员的程序员
展开
-
教你如何使用layer快速写出好看的弹出框。
前几天写东西的时候,有个写弹出框的需求,本来是想用jqueryUI的,但是看了一下,好像比较麻烦,通过朋友接触到了layer,虽然我是写后端的,但是寒假自学了jquery和bootstrap两个比较简单的框架,听说layer很好用,于是今天尝试一下,写下自己的入门心得。 第一步:下载layer框架包 像bootstrap使用那样,我们需要下载这个框架包,并将它放在我们的网站目录下,下载的网址是...原创 2018-03-23 15:01:40 · 9983 阅读 · 0 评论 -
前端实战:教你写出简单的侧边栏功能以及返回顶部特效
前阵子博主忙着一些事情,有些时间没更新了,几天前有个侧边栏的需求,于是自己简单用几个框架简单实现了一个。原理挺简单的,在此记录一下。先放效果图出来。侧边栏功能分析:模态框展示(点击上方的最后一个按钮)点击灰色区域就会退出模态框界面这些东西对一个前端高手来说可谓是小菜一碟了,不过对一个学后端的来说,如果对前端框架不够熟悉应该是写不出来的,所以这篇文章主要是面向于后端开发人员的,看完后你就能写出...原创 2018-04-02 11:49:47 · 5191 阅读 · 0 评论 -
VUE之组件基础篇
组件注册及其通信传值(重点内容) 1.什么是组件?任何一个页面我们都可以看做成无数个组件的构成,但是组件只能有一个根元素,也就是说我们需要将一个大的div把它整个包起来,组件化的方式可以让很多代码进行复用,例如类似的表单注册一个组件后,只需要将组件名作为一个标签使用即可达到想用的效果。 2.组件中的data必须是函数可以看出,注册组件时传入的配置和创建Vue实例差不多,但也...原创 2019-01-03 19:55:53 · 584 阅读 · 0 评论 -
vue 基础语法 总结及例子说明
安装vue-cli:安装 vue-cli 脚手架目前需要node版本为 v4.0 以上;二、 vue-cli 全局安装命令行执行 : npm install -g vue-cli // 加-g是安装到全局安装完成以后可以输入命令:vue 回车,可以看到针对vue的命令行;一.创建vue新项目.开启服务安装好vue-cli后,进入vue目录后,执行vue i...原创 2019-01-02 19:11:28 · 553 阅读 · 0 评论 -
vue组件的通信机制
一.组件命名规范1.PascalCase 与 kebab-case?  PascalCase(帕斯卡命名法)即为驼峰式命名,具体可以分为大驼峰(如LastName),和小驼峰(lastName),是现在较为流行的变量命名方式,  kebab-case(短横线命名),即last-name这种命名方式,每个大写字母前都加上横杠并且全改为小写形式。2.vu...原创 2019-01-08 16:28:44 · 594 阅读 · 0 评论 -
对vue生命周期一些理解看法
1.vue的生命周期图图片来源:https://blog.csdn.net/jian_xi/article/details/79249300主要分为以下几部分:beforeCreate:el 和 data 并未初始化 created:完成了data 数据的初始化,el没有beforeMounted:完成了 el 和 data 初始化 mounted:完成挂载beforeU...原创 2019-01-30 15:11:19 · 976 阅读 · 0 评论