- 博客(11)
- 收藏
- 关注
原创 开发中遇到的问题(一)window 下拿不到 $(document).scrollTop()
今天开发的过程中遇到 在window 下拿不到 $(document).scrollTop() ,这让我很郁闷因为导航头部是共用的。最终发现有两个css文件,另一个文件中把body的高度设置成了100%;在把html,body的高度样式设置为100%的情况下那麽$(window).scroll方法将检测不到正确的滚出高度(0),导致滚动监听事件失效,解决方法:设置html,body{heigh...
2019-07-31 11:03:55 1085
原创 Vue v-if和v-show的区别
使用v-if和v-else或v-else-if之间不能添加其他元素。<p v-if="type==1">正确示范</p><p v-else>索隆</p>v-else元必须紧跟在带v-if或者v-else-if后面<p v-if="type==1">错误示范</p><p>路飞</p&g...
2019-07-25 18:23:05 464
原创 三目运算符
三目运算符记录贴(一)19/7/18<body> <button class="btn">按钮</button></body><script> var a =1; a>0? $('.btn').hide():$('.btn').show() // if(a > 0){ // $('....
2019-07-18 18:10:30 200
原创 Vue中v-model的数据双向绑定
<template> <div id="app"> <div id="example-5"> <select v-model="selected"> <option disabled value>请选择</option> <option>小明</opt...
2019-07-16 16:46:08 213
原创 Vue反向代理(解决跨域问题)
在config文件中index.js文件里第13行配置;起初是这样的:module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {}, //第13行 // Various Dev Server set...
2019-07-12 10:28:17 1272
原创 Vue路由懒加载
路由懒加载当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。(官方是这样定义的) 实现懒加载起初是这样的: import HelloWorld '@/components/HelloWorld ' routes: [ { p...
2019-07-12 10:14:50 140
原创 v-for指令的使用
当在组件中使用 v-for 时,key 现在是必须的是为了给 Vue 一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key 属性1.简单插值的使用<template> <p>{{list[0]}}</p> <p>{{list[1]}}</p> <p>...
2019-07-11 14:56:56 3753
原创 Vue项目脚手架搭建
安装淘宝镜像就是为了快速的安装npm包。(网速不好的建议使用)全局安装npm install-g cnpm--registry=https://registry.npm.taobao.org 安装脚手架cnpm install vue-cli创建项目vue init webpack myapp? Project name myapp (起项目名字)...
2019-07-05 16:37:49 778
原创 定时器和延时器
//定时器 写个小栗子:var Date1 = setTimeout(function() { console.log(new Date())},1000) //间歇定时器var Date2 = window.setInterval(function() { console.log(new Date())},1000)window.clearInterval(Dat...
2019-07-03 18:02:13 1425
原创 html文本溢出显示省略字符
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;单行实现省略号display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; //控制行数overflow: hidden;多行实现省略号$(".text").ea...
2019-07-01 16:31:54 397
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人