缘飞梦
这个作者很懒,什么都没留下…
展开
-
微信小程序实现banner图轮播(动态获取数据),自动获取图片高度
效果图:indicator-active-color="#007aff"//当前选中的指示点颜色js:const app = getApp()Page({ data: { //-----------模拟banner图----------- imgUrls: [ '/image/1545118381903.jpg', '/imag...原创 2019-01-17 17:36:03 · 14047 阅读 · 20 评论 -
使用jquery实现多张图片的上传
最近做项目要用到上传多张图片的功能,自己用jquery写了一个图片上传,期间遇到一个麻烦,就是给后台传的时候总是会覆盖前面一张的图片,只能传过去一张图片,最后解决的办法就是创建一个空对象用来保存传入的图片,然后遍历图片,最后将图片push到这个空对象中,实现多张图片的上传,现在将代码展示出来,提供大家参考:html代码:<!DOCTYPE html><html>...原创 2017-12-05 11:10:23 · 10761 阅读 · 1 评论 -
vue 的axios请求数据2种方式 很重要
show:function(){ //post 方式 //赋值给变量self //使用axios 请求后台的数据 get和post的两种方式 var self=this; var url='xxxx.json'; axio...原创 2018-10-19 10:28:25 · 1967 阅读 · 0 评论 -
vue elementUi安装脚手架(大全)
一.安装node.js首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安装http://blog.csdn.net/s8460049/article/details/52396399安装完成后,可以命令行工具中输入node -v和npm -v,如果能显示...原创 2018-10-18 10:42:14 · 6116 阅读 · 0 评论 -
vue实现登陆功能
最近在学习vue,发现了vue的好多坑,比如怎么更好的获取input框输入的值而减少获取dom节点的消耗 ,以及怎么绑定一个函数,去执行业务逻辑。1、首先说说怎么获取input框的值vue中提供了一个ref属性,这里需要在html代码中用ref属性来绑定这个input框,再通过js代码来获取input的值:HTML代码:<input type="text" v-model=...原创 2018-09-10 16:04:24 · 17027 阅读 · 1 评论 -
echarts饼状图
使用echarts实现个人月消费统计,下面是我写的一个案例:效果图:html代码:<html> <head> <meta charset="UTF-8"> <title>扇形图</title> </head> <script type="text/javascript原创 2018-08-31 11:39:11 · 434 阅读 · 0 评论 -
echarts+百度地图
使用echarts实现百度地图功能(需要下载bmap.js):效果图如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>百度地图</title> <meta name="viewport&qu原创 2018-08-27 10:49:02 · 3776 阅读 · 0 评论 -
echarts实现动态折线图
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <!--<script type="text/javascript" sr原创 2018-08-23 14:45:09 · 6934 阅读 · 3 评论 -
jquery实现购物车全选反选功能
利用jquery实现购物车中全选(反选)换图功能,具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0" na原创 2018-08-28 17:15:58 · 3014 阅读 · 0 评论 -
es6箭头函数学习
1.具有一个简单参数的函数var single=a=>aconsole.log(single('hello word'));2.没有参数的需要在箭头前加上小括号var logs=()=>{ console.log('这个是没有参数的函数');}3.多个参数需要用到小括号,参数间用逗号隔开var add=(a,b)=>a+bconsole.log(...原创 2018-10-10 16:28:31 · 324 阅读 · 0 评论 -
canvas画出菱形进度条
效果图: 代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>canvas写的菱形进度条</title> </head><body><st原创 2018-09-27 17:12:56 · 2658 阅读 · 0 评论 -
javascript for in 循环遍历对象,对后台返回的对象进行操作取值
最近在写一个商城,商品详情页出现选择商品规格属性的功能,我们的后台就给我返回来object(对象),我又能怎么办。。。这个时候想到了JavaScript中使用for in可以循环遍历对象,可以轻松的取到后台返回来的一堆值,哈哈。。。话不多说给大家看看我们的需求:以上就是前端取到值展示的数据,以及后台接口中返回的对象 。下面我先给说一下什么是for... in:1、for...in ...原创 2018-10-24 15:14:18 · 10851 阅读 · 0 评论 -
JavaScript中清空数组的三种方式
方式1,splicevar ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 [],空数组,即被清空了定义和用法splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。注释:该方法会改变原始数组。语法arrayObject.splice(index,howmany,item1...原创 2018-10-18 11:04:23 · 3167 阅读 · 0 评论 -
js部分面试题
<!doctype html><html><head><meta charset="utf-8" /><title></title><style type="text/css"></style></head原创 2018-10-18 10:56:11 · 335 阅读 · 0 评论 -
ECMAScript中var、let、const的区别
1.let和var的区别 (1)var会存在变量提升的现象,let所声明的变量一定要在声明后使用,否则报错。 (2)let声明的变量只在它所在的代码块有效。var可以在代码块外进行调用。代码如下:{ var c = 1; let g = 2; console.log(g);//返回2} console.log(c);//返回1 console.log(b);...原创 2018-10-10 16:19:31 · 371 阅读 · 0 评论 -
layui文本框实现选择起始时间和结束时间
首先要调用layui时间插件必须下载layui.js文件,这个可以在官网去下载的(https://www.layui.com/),我这个功能是可以选择当前时间的前一天,或者后一小时的时间,这个根据具体需求可以修改的:如下图所示:html代码: <!DOCTYPE html><html> <head> <meta charset=...原创 2018-09-29 16:51:02 · 4767 阅读 · 0 评论 -
a标签添加onclick事件的几种方式
我们常用的在a标签中有点击事件:1. a href="javascript:js_method();"这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不 必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行 javascript语句2. a hre...转载 2018-11-13 17:21:04 · 1077 阅读 · 0 评论 -
js调用ajax根据后台返回的总数前端设置每页的条数实现分页功能
有时候前端需要实现分页功能,但是后台只给我们返回来总数,每页显示多少条数据需要我们前端来设置,貌似这个有点欺负人,哈哈哈。。话不多说直接上代码: (这里需要用到layui插件,js文件自己去官网下载哦)var pageNumber=1;//第几页var sumCount=0; //总共多少条数var pageSize=3; //每页显示3条//连接终端function connT...原创 2018-10-17 17:41:51 · 6014 阅读 · 2 评论 -
详解swiper轮播图的各种坑以及调用ajax实现轮播效果
Swiper常用于移动端网站的内容触摸滑动,对于前端开发人员来说使用swiper可以提高工作效率,不再需要写太多的代码,轻轻松松的实现想要的效果,工作中最常用的就是轮播图了,下面我来说说如何写一个简单的轮播图:1、首先需要下载一个swiper.css文件和一个swiper.js文件,到时候直接在页面中引入就行了(https://www.swiper.com.cn/ 在swiper官网去下载)。...原创 2018-09-30 11:06:32 · 8741 阅读 · 3 评论 -
es6箭头函数以及模板字符串的拼接
es6箭头函数: //1.具有一个简单参数的函数 var single=a=>a console.log(single('hello word')); //2.没有参数的需要在箭头前加上小括号 var logs=()=>{ console.log('这个是没有参数的函数'); } //3.多个参数需要用到小括号,参数间用逗号隔开 var add=(a,b)=&g...原创 2018-09-27 17:01:14 · 1865 阅读 · 0 评论 -
使用jquery中$.each()方法来循环一个数据列表
定义和用法jQuery.each() 函数用于遍历指定的对象和数组。语法$.each( object, callback ) 参数 描述 object Object类型 指定需要遍历的对象或数组。 callback Function类型 指定的用于循环执行的函数。 通过这个方法可以将工作中遇到的数据列表如商城里面的商品列表等很好的进行循环,简...原创 2018-08-23 10:23:05 · 24207 阅读 · 4 评论 -
mui框架实现分页功能(上拉加载,下拉刷新)以及点击事件的实现
mui是一个类似于原生的UI框架,使用它可以实现更多接近原生的功能。今天要讲的是mui的分页功能(上拉加载):1、首页需要引入mui.js这个去官网可以下载的2、需要用mui标签将大的盒子包裹起来:<div id="refreshContainer" class="mui-scroll-wrapper"> <div class="mui-scroll">...原创 2018-08-29 11:09:09 · 10953 阅读 · 1 评论