1.vue组件都是由这三部分组成
<template>
<div>
</div>
</template>
<script>
exportdefault{}
</script>
<style>
</style>
2.组件...…
在开发后台项目的时候产品那边提出了这个一个需求:用户点击“选择模板”的时候会弹出一个新窗口,在新窗口选择模板点击确定后,会关闭当前的新窗口,并且原来的那个窗口自动显示用户在新窗口的选择项。
这样会涉及到一个技术点,就是怎么通过JS来实现关闭子窗口并且刷新上一个窗口。
百度了很久,尝试了以下几种方案:
方案一:通过在...…
一、JavaScriptsplice()方法
splice()方法向/从数组中添加/删除项目,然后返回被删除的项目。
方法实例
//在数组指定位置插入
varfruits=["Banana","Orange","Apple","Mango"];
fruits.splice(2,0,"Lemon","Kiwi");...…
写在前面
小记,就简单写了。问题:VUE开发时因为要访问后端的接口所以要配置请求转发,如果直接转发全部请求,那么VUE动态绑定的src也会转发到后端,因为图片在前端,所以会收到404NOTFOUND的报错。
常规的请求转发
在vue-cli3内,直接编辑vue.config.js,如下:
letproxyObj={...…
在页面search.wxml中,定义一个input输入框以及搜索的点击按钮,分别为它们绑定点击事件handleInputChange()和handleSearch()的事件,同时在它们的下面定义搜索的列表,代码如下所示:
<viewclass="search-header">
<inputclas...…
影响网页响应速度的因素有很多,例如:http请求次数太多、服务器本身处理请求太久、请求内容太大、JS脚本执行耗时过长、浏览器回流重绘等。网站页面的响应速度与用户体验息息相关,直接影响到用户是否愿意继续访问你的网站。对于Vue项目而言,最普遍的问题可能在于打包后的文件太大,导致加载时间过长。
我的一个小项目,仅有三四个页...…
vue简单实现瀑布流布局的一种方式(vue瀑布流组件),供大家参考,具体内容如下
vue中的瀑布流布局组件
需求:图片容器宽度固定,高度根据图片自适应,图片一行不能排列时候,换行依次从左往右排列。(瀑布流概念)
另外结合vue-lazy实现懒加载(npmivue-lazyload--save-dev)
使用也很简单,...…
原生JS实现烟花效果,点击页面生成烟花,向四周扩散,然后再坠落下去。(这里的烟花我是用的特殊字符爱心形状)
基础css代码
/*设置基础的css样式*/
body{background:#000;overflow:hidden;}
.fire{position:absolute;width:4px;height:...…
本文实例讲述了JavaScript观察者模式原理与用法。分享给大家供大家参考,具体如下:
观察者模式
观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己。
*它...…
本文实例讲述了JS实现iframe中子父页面跨域通讯的方法。分享给大家供大家参考,具体如下:
在非跨域的情况下,iframe中的子父页面可以很方便的通讯,但是在跨域的情况下,只能通过window.postMessage()方法来向其他页面发送信息,其他页面要通过window.addEventListener()监听事件...…