最近做了一个类似系统操作的左滑删除的demo，用的taro框架，和大家分享一下~首先需要考虑的有以下几点：1）布局； 2）判断是左滑还是右滑，左滑时出现删除，右滑时回归原位； 3）排他性，意思是某一个时间只能有一个项出现删除，当有另一个出现删除时，上一个自动回归原位。我将列表项封装成一个组件，而整个列表是另一个组件。接下来先说列表项这个组件，逐一解决以上这些问题：1）布局我采用的是列表项最外层套一个盒子，这个盒子...
把一个日期字符串如“2007-2-28 10：18：30”转换为Date对象： 1: 代码如下: var strArray=str.split(" "); var strDate=strArray[0].split("-"); var strTime=strArray[1].split(":"); var a=new Date(strDate[0],(strDate[1]-parseInt(1)),strDate[2],strTime[0],strTime[1],strTime[2]) 2: 代码如下: var s = "2005-12-15 09:41:30"; var d = new Date(Date.parse(s.replace(/-/g, "/")));
vue官方推荐使用 axios发送请求首先上需求 1.需要封装全局调用 2.返回一个promise对象 3.错误全局统一处理 4.除了登录界面token带入头部 5.登录时候把用户信息自动存到vuex里面 首先上封装代码 /*** User: sheyude* Date: 2017/8/23 0023* Time: 下午 13:15**/import axios from axios; // 导入配置文件 配置文件就导入的请求的前缀地址 import {defaults} from @/config/import storage from ./storage// 这是一个饿了么的弹框 im...
本篇文章主要介绍了vue 实现全选全不选的示例代码，现在分享给大家，也给大家做个参考。一起过来看看吧全选功能可以说是前端开发中非常常见的一个功能，以前的项目开发用jQuery开发比较多。最近在使用vue前端框架重构之前的项目。从jQuery到vue的转变主要是一个思想想的转变，是将原有的直接操作dom的思想转变到操作数据，用数据驱动dom，也是vue框架的一个核心思想，思想转变过来，对功能的实现自然容易理解一些。例如下面这个简单...
本篇文章主要介绍了Yii2.0中使用js异步删除示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧整理文档，搜刮出一个Yii2.0中使用js异步删除示例，稍微整理精简一下做下分享。控制器：public function actionWeixinnotificationdel() {$model = WxDistributorNotification::findOne($_GET[id]);if ($model) {if($model->delete()) {echo 1;Yii::$app->end();}}echo 0;Yii::$app->end(); }视图HTML ...
本例是PHP和javascript交互的例子，php中的值赋给js变量中，前提是这个php变量必须有值才行，就算是假分支中。比如php中的$flags在本例中为true，如果js中false语句写成：$title_1.innerHTML = "";就会出错，因为$title在php中被赋值为数组尽管在php的flags=="false";$title是一个字符串，情况是$title是数组，而数组在字符串中也是不能直接显示的。 代码如下:$string = "天上and地下";$flags = "";if(strpbrk($string,"and")!=fal...
本例是PHP和javascript交互的例子，php中的值赋给js变量中，前提是这个php变量必须有值才行，就算是假分支中。比如php中的$flags在本例中为true，如果js中false语句写成：$title_1.innerHTML = "";就会出错，因为$title在php中被赋值为数组尽管在php的flags=="false";$title是一个字符串，情况是$title是数组，而数组在字符串中也是不能直接显示的。 代码如下:$string = "天上and地下";$flags = "";if(strpbrk($string,"and")!=fal...
本例是PHP和javascript交互的例子，php中的值赋给js变量中，前提是这个php变量必须有值才行，就算是假分支中。比如php中的$flags在本例中为true，如果js中false语句写成：$title_1.innerHTML = "<?php echo $title;?>";就会出错，因为$title在php中被赋值为数组尽管在php的flags=="false";$title是一个字符串，情况是$title是数组，而数组在字符串中也是不能直接显示的。 代码如下:<?php$string = "天上and地下";$flags = "";if(st...
以下Laravel中使用浏览器端上传图片到七牛云，下面只是做一些简单的流程实例。 1. 首先引入相应的js文件，下面是通过CDN引入的StaticfileCDN，当然也有其他很多方式下载， bower，git，官网的SDK 七牛js基于Plupload插件封装，所以需要下载Plupload，建议使用 2.1.1 ~ 2.1.9。 <script src="https://cdn.staticfile.org/jquery/2.2.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/plupload/2.1.9/moxie.js"...
这篇文章主要介绍了使用Vue写一个datepicker的示例，现在分享给大家，也给大家做个参考。前言写插件是很有意思，也很锻炼人，因为这个过程中能发现许多的细节问题。在前端发展的过程中，jQuery无疑是一个重要的里程碑，围绕着这个优秀项目也出现了很多优秀的插件可以直接使用，大大节省了开发者们的时间。jQuery最重要的作用是跨浏览器，而现在浏览器市场虽不完美，但已远没有从前那么惨，数据驱动视图的思想倍受欢迎，大家开始使用...
本篇文章主要介绍了实战node静态文件服务器的示例，现在分享给大家，也给大家做个参考。本篇文章主要介绍了实战node静态文件服务器的示例，分享给大家，具体如下：支持功能:读取静态文件访问目录可以自动寻找下面的index.html文件, 如果没有index.html则列出文件列表MIME类型支持缓存支持/控制支持gzip压缩Range支持，断点续传全局命令执行子进程运行1. 创建服务读取静态文件首先引入http模块，创建一个服务器，并监听配置端口:写一...
本篇文章主要介绍了用vue写一个仿简书的轮播图的示例代码，现在分享给大家，也给大家做个参考。1.先展示最终效果：2.解决思路Vue的理念是以数据驱动视图，所以拒绝通过改变元素的margin-top来实现滚动效果。写好css样式，只需改变每张图片的class即可实现轮播效果。动画效果交给transition完成。可以将轮播图看成两个（mainSlide和extraSlide），各个图片的位置如图所示：3.代码实现各个slide的样式：$width: 800px; // 容器宽度...
本篇文章主要介绍了微信小程序中实现手指缩放图片的示例代码，现在分享给大家，也给大家做个参考。公司开发微信小程序，pm想实现如下需求：用手指缩放图片。其实在实现这个需求以前，并不知道，微信公众号以及微信小程序里面有一个原生的api就自带这个特效，而且微信朋友圈也是用的这个api。wx.previewImage，就是它。预览图片。除了不能预览开发环境的本地电脑的图片外，你手机真机的图片，以及http服务器上的图片都是可以预览的，...
本篇文章主要介绍了p5.js入门教程之小球动画示例代码，现在分享给大家，也给大家做个参考。一、运动的小球本节将用p5.js做一个在屏幕上运动的小球。思路是用变量记录小球的位置，然后在draw()函数里对其做出改变，由于draw()函数会不断地运行（频率为FPS，默认60帧/秒），所以小球便产生了运动。代码如下：var x=0; function setup() { createCanvas(400, 400); } function draw() { background(220); //width和height是关键词...
下面我就为大家分享一篇在vue中实现图片和文件上传的示例代码，具有很好的参考价值，希望对大家有所帮助。html页面<input type="file" value="" id="file" @change=onUpload>//注意不能带括号js代码methods: { //上传图片 onUpload(e){var formData = new FormData(); f ormData.append(file, e.target.files[0]);formData.append(type, test);$.ajax({url: /ShopApi/util/upload.weixun，//这里是后台接口需要换掉type: POST,data...