2019年07月_初来乍到到

原创开发中遇到的问题（一）window 下拿不到 $(document).scrollTop()

今天开发的过程中遇到在window 下拿不到 $(document).scrollTop() ，这让我很郁闷因为导航头部是共用的。最终发现有两个css文件，另一个文件中把body的高度设置成了100%；在把html,body的高度样式设置为100%的情况下那麽$(window).scroll方法将检测不到正确的滚出高度（0），导致滚动监听事件失效，解决方法：设置html,body{heigh...

2019-07-31 11:03:55 1069

原创 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 446

原创三目运算符

三目运算符记录贴（一）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 177

原创 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 190

原创 Vue反向代理（解决跨域问题）

在config文件中index.js文件里第13行配置；起初是这样的： module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {}, //第13行 // Various Dev Server set...

2019-07-12 10:28:17 1253

原创 Vue重定向

在router文件中index.js里面的routes中加入默认路径 { path:"/", redirect:"index" }

2019-07-12 10:18:39 2491

原创 Vue路由懒加载

路由懒加载当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。（官方是这样定义的）实现懒加载起初是这样的： import HelloWorld '@/components/HelloWorld ' routes: [ { p...

2019-07-12 10:14:50 125

原创 v-for指令的使用

当在组件中使用 v-for 时，key 现在是必须的是为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性 1.简单插值的使用 <template> <p>{{list[0]}}</p> <p>{{list[1]}}</p> <p&gt...

2019-07-11 14:56:56 3724

原创 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 762

原创定时器和延时器

//定时器写个小栗子： 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 1404

原创 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 363

xiao白的博客