- 博客(21)
- 收藏
- 关注
转载 vue + iview 中 Input 与 input 的 change 事件区别
转自:https://blog.youkuaiyun.com/yiifaa/article/details/524521531、vue + input<label>input:</label><input type="text" v-model="message" placeholder="Hello" /> <span>{{message}...
2019-03-28 15:05:33
9874
原创 vue + 图片加载 + 默认图片
需求:图片数据未返回 + 图片数据返回为空 + 图片加载出错 时,图片采用默认图片展示。解决:先判断返回数据是否有,再通过img 的 load事件判断是否加载完成。现象:图片会先加载默认图片,等到请求的图片加载完成替换默认图片。注意:代码中 1 至 2 处是必须使用 v-show,若使用 v-if ,其中一个图片无效时,DOM中img标签则会全部为默认图片的img标签。...
2019-03-11 17:19:56
2858
转载 替换字符串中回车键、\r\n为换行
题: var str = "你好啊 ↵测试1:你好啊啊啊啊啊啊\r\n测试2:hahahahhhhh\r\n你好啊"问:替换字符串中回车键、\r\n为换行?答:str.replace(/(\\r\\n)|(\n)/g,'<br>') ...
2019-01-21 15:28:26
2810
1
转载 javascript构造函数及原型对象
转载于:https://www.cnblogs.com/alantao/p/5955911.html/** @ javascript中没有类的概念,所以基在对象创建方面与面向对象语言有所不同* @ 对象创建的常用方法及各自的局限性* @ 使用Object或对象字面量创建对象* @ 工厂模式创建对象* @ 构造函数模式创建对象* @ 原型模式创建对象* @ 构造与原型混合模式创建对...
2018-12-05 15:46:42
198
原创 js+百度地图API
js与百度地图API实例:<div id='address'></div><script src="http://api.map.baidu.com/api?v=2.0&ak=boS5H3cIm4bD53h37GlKfhpKKBCpmjwl"></script>var map = new BMap.Map('address')...
2018-11-16 15:46:55
486
转载 纯css瀑布流、Grid布局
1、纯css瀑布流https://www.w3cplus.com/css/pure-css-create-masonry-layout.html2、Grid布局https://www.jianshu.com/p/d183265a8dad案例:<!DOCTYPE html><html><head> <meta charset...
2018-11-13 11:33:24
3151
转载 jq+scroll滚动加载
一 、objHeight: 滚动对象的实际高度;scrollHeight: 滚动对象需要滚动的整个高度;scrollTop:滚动条所要滚动的高度占滚动对象整个需要滚动高度的比例。实际上,在js代码里,滚动条是被抽象为一个“点”来对待的。scrollHeight其实不是“滚动条的高度”(b),而是表示滚动条需要滚动的高度,即内部所有li的高度。而scrollTop表示滚动条(一...
2018-11-12 15:23:38
1218
转载 vue:计算属性、方法和侦听器对比
1、模板内的表达式非常便利,用于简单的运算,但是,放入过多的逻辑运算就显的笨重,难以维护。解决:1.1模板中使用计算属性。<template> <p>{{ reversedMessage }}</p></template><script> export default { data: {...
2018-10-29 14:26:13
193
转载 页面占位图
1、为什么需要使用占位图?1.1让用户感知此处正在加载一张图片,优化体验。1.2实现文档更快的加载,js相应的更快。1.3预占位,当图片加载完成后不改变文档结构布局(需要预占位图片与真实图片大小一致)。2、依据onload事件判断图片是否加载完成,然后显隐占位图。<div v-for="(activeItem, activeIndex) in activityLis...
2018-10-26 18:12:46
3973
转载 50个必备的实用jQuery代码段(转载)
0. 如何创建嵌套的过滤器: 1 2 3 4 5 //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分。在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“selected”(.selected)的子节点。 .filter(":not(:ha...
2018-08-16 09:54:42
215
转载 jq之deferred方法
<html><script src="./jQuery-min-v3.3.1.js"></script><body> <h1 class="click-me">测试jq的$.Deferred()方法</h1> <p>摘抄于:https:/
2018-08-16 09:46:21
566
原创 vue + iview + select + 本地搜索或远程搜索
案例<template> <div> <!--1、 远程搜索 --> <!-- filterable、remote、remote-method、loading、label-in-value--> <Select v-model="searchData.styleId" filterable clearab...
2018-08-15 10:44:26
10982
2
原创 vue,请求获取图片code,img中产生两次src获取资源问题
示例代码:<template> <!-- 1、 --> <img :src="imgUrl + MainImg + '_0x0'" alt="款式主图" v-if="MainImg != ''"><!-- 2、<table class="table-content" v-if="lis
2018-07-25 16:26:28
4240
转载 javascript,引用类型,直接赋值、浅拷贝和深拷贝(含:深入剖析深拷贝)
直接赋值、浅拷贝和深拷贝对比一、对象1、直接赋值:赋值的是引用,被复制的对象的所有变量、对象仍然指向原对象。2、浅拷贝:被复制的对象的所有变量,都含有与原对象相同的值,而所有的对其他对象的引用仍然指向原对象。3、深拷贝:被复制对象的所有变量都含有与原来的对象相同的值,把要复制的对象所引用的对象都复制了一遍。 二、转载于:https://www.zhihu.com/questi...
2018-07-19 13:55:11
400
原创 vue中实现简单轮播效果
html:<div class="cate-main"> <div class="carousel-contain"> <ul class="carousel-wrap transition"> <li class="carousel-slide"> <
2018-06-20 15:14:41
3152
原创 vue中实现简单切换图片效果
实例:实现大于三张图片时,点击箭头图片切换,并有箭头置灰不可操作。html <div class="summary"> <div class="gallery"> <div class="product-img"> <div @click="prevImg" class="prev-arrow
2018-05-30 19:46:28
19105
1
转载 实现鼠标经过,产品图片的局部放大功能
vue中实例:操作dom实现参考:https://blog.youkuaiyun.com/alightman/article/details/78074687注意点:1、小图、放大图、高亮区域之间的定位以及结构。2、鼠标事件绑定在小图和高亮的父元素上。3、使用mouseenter和mouseleave事件,不使用mouseover和mouseout事件;区别:当绑定事件的元素里面有子元素的时候,鼠标经过绑定m...
2018-05-30 19:33:52
5855
转载 vue插件(自定义组件或js文件使用),vue.extend(),vue.component()注册组件
一、vue.use()自定义组件或者引用第三方组件(即vue文档中的插件)?参考:https://cn.vuejs.org/v2/guide/plugins.html1.1、使用第三方组件通常我们在vue里面使用别人开发的组件,第一步就是install,第二步在main.js里面引入,第三步Vue.use这个组件。例如:引入element-ui组件。1.2.1、自定义组件使用自定义的组件今天我简单...
2018-05-30 18:18:35
6595
1
转载 Vue2 ,v-model,以及利用 v-model 实现组件props双向绑定的解决方案
一、v-model?https://segmentfault.com/a/1190000009492595 v-model 其实是一个语法糖,这背后其实做了两个操作 v-bind 绑定一个 value 属性 v-on 指令给当前元素绑定 input 事件 在原生表单元素中<input v-model='something'>就相当于<...
2018-05-23 19:33:35
26063
1
原创 vue 不使用select,实现下拉框功能
html部分:v-for循环出的结构<div > <p @click="clickSize (item, index)">{{item.name}}</p> <transition name="opacityLeave"> <div class="condition-list"
2018-05-17 11:46:49
1808
转载 scroll、scrollBy和 scrollTo三种方法定位滚动条位置,以及在vue中使用的注意事项
在默认情况下,页面加载完后默认滚动在最顶端,有些时候我们需要在页面打开后,定位滚动条的位置,比如,横向和纵向滚动条居中,实现页面滚动的方法有三种:scroll、scrollBy和 scrollTo,三个方法都带两个参数:x(X轴上的偏移量)和y(Y轴上的偏移量)。因此我们只需修改x,y的偏移量来设置滚动条的位置。另外,页面的滚动高度必须在网页加载完成后才能获取到,所以触发事件用onload。方法一...
2018-05-14 16:16:10
43422
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人