2018年8月3日
vue slot插槽的使用
摘要： slot插槽的使用场景 父组件向子组件传递dom时会用到插槽 作用域插槽：当同一个子组件想要在不同的父组件里展示不同的状态，可以使用作用域插槽。展示的状态由父组件来决定 注：想要修改父组件向子组件传递的元素的样式时，只能在对应的子组件进行修改 1.具名插槽的使用 父组件 <template slot 阅读全文
posted @ 2018-08-03 17:40 菜鸡~大神 阅读(4833) 评论(0) 推荐(0) 编辑
横线和文字一排，文字居中显示vertical-align: middle;
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> hr { width: 33.33%; height: 1px; margin: 0; background-col 阅读全文
posted @ 2018-08-03 14:10 菜鸡~大神 阅读(468) 评论(0) 推荐(0) 编辑
2018年8月2日
Google第三方网站登录（JavaScript SDK）
摘要： 官网：https://developers.google.com/identity/sign-in/web/ 一、创建应用 a、去谷歌控制台创建应用 网址：https://accounts.google.com/signin/v2/identifier?service=cloudconsole&pa 阅读全文
posted @ 2018-08-02 14:17 菜鸡~大神 阅读(9772) 评论(1) 推荐(0) 编辑
linkedin 第三方网站登录(JavaScript SDK)
摘要： 官网：https://developer.linkedin.com/docs/oauth2 一、配置LinkedIn应用程序 a.创建一个应用 | https://www.linkedin.com/uas/login?session_redirect=https%3A%2F%2Fwww.linked 阅读全文
posted @ 2018-08-02 12:02 菜鸡~大神 阅读(2416) 评论(0) 推荐(0) 编辑
2018年7月31日
Facebook第三方网页登录（JavaScript SDK）
摘要： 文档网址：https://developers.facebook.com/docs/facebook-login/web#logindialog 一、应用配置 https://www.facebook.com/login.php?next=https%3A%2F%2Fdevelopers.faceb 阅读全文
posted @ 2018-07-31 17:23 菜鸡~大神 阅读(8813) 评论(0) 推荐(0) 编辑
2018年7月30日
vue 中使用jquery
摘要： vue-cli搭建的项目 第一种方式：npm 引包的方式 1.安装jquery npm install jquery --save 2.webpack配置 在项目根目录下的build目录下找到webpack.base.conf.js文件，在开头使用以下代码引入webpack，因为该文件默认没有引用， 阅读全文
posted @ 2018-07-30 21:51 菜鸡~大神 阅读(4448) 评论(0) 推荐(0) 编辑
vuex的使用步骤
摘要： 第一步： 安装vuex：npm install vuex --save 第二步：在src下创建文件夹store及文件index.js import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); //导出实例对象 export defa 阅读全文
posted @ 2018-07-30 10:58 菜鸡~大神 阅读(2021) 评论(0) 推荐(1) 编辑
2018年7月26日
vue style标签中使用less
摘要： 只需要下载相应的包即可：（前提是使用vue-cli搭建的项目） 1.安装less依赖，npm install less less-loader --save 2.即可在相应的vue文件中使用less操作css 阅读全文
posted @ 2018-07-26 23:04 菜鸡~大神 阅读(6797) 评论(1) 推荐(0) 编辑
jquery.filter() 实现元素前3个显示，其余的隐藏
摘要： <head> <meta charset="UTF-8"> <title></title> <style> li { display: none; } </style> </head> <body> <ul> <li class="info">1</li> <li>2</li> <li class= 阅读全文
posted @ 2018-07-26 22:21 菜鸡~大神 阅读(1873) 评论(0) 推荐(0) 编辑
2018年7月25日
路由信息对象Route之属性query和params的区别
摘要： query的使用 第一步：在<router-link/>标签中配置如下 <router-link :to="{name:'beijing',query:{id:1,user:'lisi'}}">看电影</router-link> 第二步：在路由规则中配置（导航） {name:'beijing',pa 阅读全文
posted @ 2018-07-25 17:42 菜鸡~大神 阅读(614) 评论(0) 推荐(0) 编辑