github_39598787-CSDN博客

转载 vue + iview 中 Input 与 input 的 change 事件区别

转自：https://blog.csdn.net/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 9670

原创 vue + 图片加载 + 默认图片

需求：图片数据未返回 + 图片数据返回为空 + 图片加载出错时，图片采用默认图片展示。解决：先判断返回数据是否有，再通过img 的 load事件判断是否加载完成。现象：图片会先加载默认图片，等到请求的图片加载完成替换默认图片。注意：代码中 1 至 2 处是必须使用 v-show，若使用 v-if ，其中一个图片无效时，DOM中img标签则会全部为默认图片的img标签。...

2019-03-11 17:19:56 2795

转载替换字符串中回车键、\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 2698 1

转载 javascript构造函数及原型对象

转载于：https://www.cnblogs.com/alantao/p/5955911.html/** @ javascript中没有类的概念,所以基在对象创建方面与面向对象语言有所不同* @ 对象创建的常用方法及各自的局限性* @ 使用Object或对象字面量创建对象* @ 工厂模式创建对象* @ 构造函数模式创建对象* @ 原型模式创建对象* @ 构造与原型混合模式创建对...

2018-12-05 15:46:42 168

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

转载纯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 3059

转载 jq+scroll滚动加载

一、objHeight：滚动对象的实际高度；scrollHeight：滚动对象需要滚动的整个高度；scrollTop：滚动条所要滚动的高度占滚动对象整个需要滚动高度的比例。实际上，在js代码里，滚动条是被抽象为一个“点”来对待的。scrollHeight其实不是“滚动条的高度”（b），而是表示滚动条需要滚动的高度，即内部所有li的高度。而scrollTop表示滚动条（一...

2018-11-12 15:23:38 1173

转载 vue：计算属性、方法和侦听器对比

1、模板内的表达式非常便利，用于简单的运算，但是，放入过多的逻辑运算就显的笨重，难以维护。解决：1.1模板中使用计算属性。<template> <p>{{ reversedMessage }}</p></template><script> export default { data: {...

2018-10-29 14:26:13 154

转载页面占位图

1、为什么需要使用占位图？1.1让用户感知此处正在加载一张图片，优化体验。1.2实现文档更快的加载，js相应的更快。1.3预占位，当图片加载完成后不改变文档结构布局（需要预占位图片与真实图片大小一致）。2、依据onload事件判断图片是否加载完成，然后显隐占位图。<div v-for="(activeItem, activeIndex) in activityLis...

2018-10-26 18:12:46 3826

转载 50个必备的实用jQuery代码段（转载）

0. 如何创建嵌套的过滤器： 1 2 3 4 5 //允许你减少集合中的匹配元素的过滤器， //只剩下那些与给定的选择器匹配的部分。在这种情况下， //查询删除了任何没（:not）有（:has） //包含class为“selected”（.selected）的子节点。 .filter(":not(:ha...

2018-08-16 09:54:42 174

转载 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 511

原创 vue + iview + select + 本地搜索或远程搜索

案例<template> <div>   <Select v-model="searchData.styleId" filterable clearab...

2018-08-15 10:44:26 10832 2

原创 vue，请求获取图片code，img中产生两次src获取资源问题

示例代码：<template>  <img :src="imgUrl + MainImg + '_0x0'" alt="款式主图" v-if="MainImg != ''"><!-- 2、<table class="table-content" v-if="lis

2018-07-25 16:26:28 4066

转载 javascript，引用类型，直接赋值、浅拷贝和深拷贝（含：深入剖析深拷贝）

直接赋值、浅拷贝和深拷贝对比一、对象1、直接赋值：赋值的是引用，被复制的对象的所有变量、对象仍然指向原对象。2、浅拷贝：被复制的对象的所有变量，都含有与原对象相同的值，而所有的对其他对象的引用仍然指向原对象。3、深拷贝：被复制对象的所有变量都含有与原来的对象相同的值，把要复制的对象所引用的对象都复制了一遍。二、转载于：https://www.zhihu.com/questi...

2018-07-19 13:55:11 357

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

原创 vue中实现简单切换图片效果

实例：实现大于三张图片时，点击箭头图片切换，并有箭头置灰不可操作。html <div class="summary"> <div class="gallery"> <div class="product-img"> <div @click="prevImg" class="prev-arrow

2018-05-30 19:46:28 18945 1

vue中实例：操作dom实现参考：https://blog.csdn.net/alightman/article/details/78074687注意点：1、小图、放大图、高亮区域之间的定位以及结构。2、鼠标事件绑定在小图和高亮的父元素上。3、使用mouseenter和mouseleave事件，不使用mouseover和mouseout事件；区别：当绑定事件的元素里面有子元素的时候，鼠标经过绑定m...

2018-05-30 19:33:52 5761

转载 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 6518 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'>就相当于&lt...

2018-05-23 19:33:35 20806 3

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

转载 scroll、scrollBy和 scrollTo三种方法定位滚动条位置，以及在vue中使用的注意事项

在默认情况下，页面加载完后默认滚动在最顶端，有些时候我们需要在页面打开后，定位滚动条的位置，比如，横向和纵向滚动条居中，实现页面滚动的方法有三种：scroll、scrollBy和 scrollTo，三个方法都带两个参数：x(X轴上的偏移量)和y(Y轴上的偏移量)。因此我们只需修改x,y的偏移量来设置滚动条的位置。另外，页面的滚动高度必须在网页加载完成后才能获取到，所以触发事件用onload。方法一...

2018-05-14 16:16:10 43018

github_39598787的博客