- 博客(35)
- 收藏
- 关注
RSS订阅转载 vue slot插槽的使用
slot插槽的使用场景父组件向子组件传递dom时会用到插槽作用域插槽：当同一个子组件想要在不同的父组件里展示不同的状态，可以使用作用域插槽。展示的状态由父组件来决定注：想要修改父组件向子组件传递的元素的样式时，只能在对应的子组件进行修改1.具名插槽的使用父组件<template slot="header"> <...
2018-08-03 17:40:00
121
转载 横线和文字一排，文字居中显示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; ...
2018-08-03 14:10:00
209
转载 Google第三方网站登录（JavaScript SDK）
官网：https://developers.google.com/identity/sign-in/web/一、创建应用a、去谷歌控制台创建应用 网址：https://accounts.google.com/signin/v2/identifier?service=cloudconsole&passive=1209600&osid=1&cont...
2018-08-02 14:17:00
1661
转载 linkedin 第三方网站登录(JavaScript SDK)
官网：https://developer.linkedin.com/docs/oauth2一、配置LinkedIn应用程序a.创建一个应用 | https://www.linkedin.com/uas/login?session_redirect=https%3A%2F%2Fwww.linkedin.com%2Fdeveloper%2Fapps%3Fnewapp%3D...
2018-08-02 12:02:00
1567
转载 Facebook第三方网页登录（JavaScript SDK）
文档网址：https://developers.facebook.com/docs/facebook-login/web#logindialog一、应用配置https://www.facebook.com/login.php?next=https%3A%2F%2Fdevelopers.facebook.com%2Fapps1.输入跳转网址在应用面板中选择您的应用，然后前往...
2018-07-31 17:23:00
1403
转载 vue 中使用jquery
vue-cli搭建的项目第一种方式：npm 引包的方式1.安装jquerynpm install jquery --save2.webpack配置在项目根目录下的build目录下找到webpack.base.conf.js文件，在开头使用以下代码引入webpack，因为该文件默认没有引用，var webpack = require('webpack')然后在m...
2018-07-30 21:51:00
106
转载 vuex的使用步骤
第一步：安装vuex：npm install vuex --save第二步：在src下创建文件夹store及文件index.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);//导出实例对象export default new Vuex.Store({state: ...
2018-07-30 10:58:00
75
转载 vue style标签中使用less
只需要下载相应的包即可：（前提是使用vue-cli搭建的项目）1.安装less依赖，npm install less less-loader --save2.即可在相应的vue文件中使用less操作css转载于:https://www.cnblogs.com/zousaili/p/9375005.html...
2018-07-26 23:04:00
1191
转载 jquery.filter() 实现元素前3个显示，其余的隐藏
<head> <meta charset="UTF-8"> <title></title> <style> li { display: none; } </style> </head><body> <ul> <li class="inf...
2018-07-26 22:21:00
371
转载 路由信息对象Route之属性query和params的区别
query的使用第一步：在<router-link/>标签中配置如下<router-link :to="{name:'beijing',query:{id:1,user:'lisi'}}">看电影</router-link>第二步：在路由规则中配置（导航）{name:'beijing',path:'/beijing',component...
2018-07-25 17:42:00
770
转载 router-link 绑定事件的方式
实现方法如下使用.native 实现原生事件<router-link to="" @click.native="dialogWithdraw=true">跳转</router-link>转载于:https://www.cnblogs.com/zousaili/p/9366179.html...
2018-07-25 15:25:00
401
转载 Vue+element-ui 重置组件样式的写法
两种方式实现element-ui组件的样式方案1：重置的公共组件样式的写法如下然后在main.js中引入import '@/assets/css/element.css'方案2：每个.vue文件 - 组件的细节调整<template>// 给根元素绑定一个id <div id="home"> </d...
2018-07-25 15:22:00
1159
转载 vue引入css的两种方式
方案1、在main.js中引入方式import '@/assets/css/reset.css'方案2、在.vue文件的<style/>标签里面引入 @import "../assets/css/index.css";转载于:https://www.cnblogs.com/zousaili/p/9361443.html...
2018-07-24 17:37:00
423
转载 Vue文件中引入img 路径写法
把图片路径写在data里面，然后渲染模板的两种方式方案1、在data使用require将图片进入，写法如下 logo: require('../asset/admin/logo.png') 在模板中渲染 <img :src="logo">方案2、把图片放在static文件夹中，...
2018-07-24 17:33:00
1547
转载 element-ui中 table表格hover 修改背景色
增加样式级别就行啦.el-table--enable-row-hover .el-table__body tr:hover>td{background-color: #212e3e !important;}转载于:https://www.cnblogs.com/zousaili/p/9351805.html...
2018-07-22 22:36:00
1684
转载 vue 中给组建绑定原生事件@click.native=""
<template> <div class="div"> //组建使用 <v-header @click.native="handleClick"></v-header> </div></template><script>//引入组建 import...
2018-07-19 23:14:00
183
转载 Vue bus的使用（兄弟｜非父子组件传值）-->可以使用一个空的Vue实例作为中央事件总线new Vue()...
1.在main.js中注册全局的busVue.prototype.bus=new Vue();2.在组建中使用 子组建使用：this.bus.$emit('自定义事件名',data) methods:{ handleClicks(){ this.bus.$emit('openMenu',true) } }父组建使用：...
2018-07-19 23:01:00
275
转载 获取网页可视区域的宽高，不包括工具栏和滚动条（浏览器窗口可视区域大小）...
1.对于IE9+、chrome、firefox、Opera、Safari：window.innerHeight浏览器窗口的内部高度；window.innerWidth浏览器窗口的内部宽度；2.对于IE8.7.6.5:document.documentElement.clientHeight:表示HTML文档所在窗口的当前高度；document.documentElem...
2018-07-19 22:42:00
659
转载 display:inline-block 来解决盒子高度不一样，造成的盒子浮动
<style> ul{ width: 320px; //给父元素添加这两个属性 font-size: 0px; text-align: center/left; } li{ width: 100px; height: 100px; margin-right: 10px; margin-bottom: 10px;//子...
2018-07-17 23:10:00
509
转载 Jquery UI 中的datepicker() ,获取日期后的回调函数onClose()
<head>//引入相关的css/js<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="jquery-3.3.1.min.js"></script> <script ...
2018-07-17 22:56:00
1293
转载 echarts 响应式布局
<body> <!-- 为ECharts准备一个具备大小（宽高）的Dom --> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> // 基于准备好的do...
2018-07-16 22:29:00
443
转载 vue 结合mint-ui Message box的使用方法
两种方式使用：一、全局注册1.在main.js中引入//引入import { MessageBox } from 'mint-ui';//全局使用，挂载到原型上Vue.prototype.$messagebox = MessageBox 2.在xxx.vue使用//alertthis.$messagebox.alert(...
2018-07-09 17:33:00
424
转载 vue 中使用iconfont Unicode编码线上字体图标的流程
1.打开http://www.iconfont.cn官网，搜索你想要的图标。添加字体图标到购物车，点击购物车然后添加至项目，点击确定2.点击图标管理/我的项目，找到对应的文件，点击Unicode，然后生成在线链接3.新建iconfont.css文件，把在线生成...
2018-07-09 14:14:00
813
转载 手机端@media的屏幕适配
@media only screen and (width: 320px) { html { font-size: 16px; }}@media only screen and (width: 360px) { html { font-size: 18px; }}@media only screen and (width: 375px) { html { font-size...
2018-06-29 16:29:00
210
转载 @media响应式的屏幕适配
当页面小于960px的时候执行@mediascreenand(max-width:960px){body{background:#000;}}等于960px尺寸的代码@mediascreenand(max-device-width:960px){body{background:red;}}尺寸大于960px时候执行 @m...
2018-06-29 16:28:00
171
转载 如何阻止事件冒泡和默认事件
// 阻止浏览器的默认行为 window.event?window.event.returnValue=false:e.preventDefault(); //停止事件冒泡 window.event?window.event.cancelBubble=true:e.stopPropagation();转载于:https://www.cnblogs.com/zousa...
2018-06-28 16:39:00
70
转载 es5中for...in 和es6中 for..of遍历
//定义一个数组var arr=['A','B','C'];//定义一个对象var obj={name:'张三',age:20}// for..in 遍历数组 得到索引for(var x in arr ){ console.log(x) //0 1 2 }// for..in 遍历对象 得到键和值for(var x in obj){ con...
2018-06-28 16:37:00
199
转载 ajax获取的数据如何渲染到dom元素上
1.常见的字符串拼接 (对于动态创建的元素添加js时,使用事件委托，利用事件冒泡的原理,把事件添加到父级元素上，触发执行效果) $("ul").on('click','li',function(){}) 2. 使用angular vue 进行数据绑定，直接渲染到页面转载于:https://www.cnblogs.com/zousaili/p/9238761.html...
2018-06-28 15:11:00
803
转载 javascript中forEach()和jquery中each()的区别
forEach是ES5中操作数组的一种方法，主要功能是遍历数组1.forEach方法中的function回调有三个参数：第一个参数是遍历的数组内容，第二个参数是对应的数组索引，第三个参数是数组本身[].forEach(function(item,index,array){ }); 等价于 $.each([],function(index,item,...
2018-06-28 15:08:00
74
转载 xhtml和html的区别 html5和xhtml的区别
xhtml和html的区别- 分为两大类比较：一个是功能上的差别，另外是书写习惯的差别。关于功能上的差别，主要是XHTML可兼容各大浏览器、手机以及PDA，并且浏览器也能快速正确地编译网页，- XHTML的语法较为严谨。1）、 所有标签都必须小写2）、 标签必须成双成对3）、 标签顺序必须正确4）、所有属性都必须使用双引号html5和xhtml的区别 XHTML 是...
2018-03-23 21:48:00
220
转载 sessionStorage和localStorage的区别
JS的本地保存localStorage、sessionStorage用法总结 localStorage、sessionStorage是Html5的特性,IE7以下浏览器不支持 为什么要掌握localStorage、和sessionStorage。 JS中为了减少与服务器的通信，经常会用到保存的数据到本地的功能， 例如本...
2018-01-31 18:55:00
62
转载 mui 下拉刷新和上拉加载
<body>mui文档提供了两种不同模式的下拉刷新，具体情况看文档，链接：http://dev.dcloud.net.cn/mui/pulldown/单 webview 模式和双 webview 模式用统一的DOM结构<!--下拉刷新容器--><div id="pullrefresh" class="mui-content mui-scroll...
2018-01-12 10:09:00
102
转载 prop和attr的比较
prop来获取或设置固有属性removeProp() 删除固有属性attr来获取或设置自定义属性 removeAttr()删除自定义属性案例：全选与全不选 <body> <table border="1" cellpadding="5" cellspacing="0"> <thead> <tr>...
2018-01-11 14:30:00
32
转载 select 下拉选中
<body><select name="" id=""> <option value="">张三</option> <option value="">李四</option> <option value="">王五</option> </select></...
2018-01-11 14:20:00
76
转载 JS Bootstrap-DateRangePicker 如何设置默认值为空
DateRangePicker是一款时间范围选择器，界面良好，非常适合短时间范围选择的插件，具体源码可以在http://www.daterangepicker.com/找到，但是目前使用中，感觉功能不甚齐全，所以将遇到的问题和解决方法记录下来。1无法默认值为空DateRangePicker可以通过在初始化时设置startDate和endDate属性，来实现设置初始默认值。其中...
2018-01-11 14:12:00
1356
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人