摘要： 演示地址：http://runjs.cn/detail/zk1oarmm 前几天发布了一个轮播图实现的版本，并不是当时面试官的要求，今天有时间整理了轮播图实现的另一种思路： 动态改变父元素中的内容，设置父元素身上的left值，实现切换效果！ html: <div class="container" 阅读全文

摘要： 演示地址：http://runjs.cn/detail/qzawzm8y 前几天参加了zuoyebang的面试，其中的一道面试题要求实现百度百科的轮播图，今天有时间整理了一下轮播图中的其中的一种，无缝滚动轮播图，话不多说上代码。 HTML: CSS: *{margin: 0px;padding: 0 阅读全文

摘要： 这里我用了tinymce，主要解决的是上传图片回调处理 效果预览： 第一步：下载tinymce资源， 把tinymce放到static目录 在index.html中引入tinymce.min.js文件 第二步：新建tinymce组件 template: script: 在父组件中引入tinymce组 阅读全文

摘要： 前端工作中，经常需要图片裁剪的场景，cropper.js是一款优秀的前端插件，api十分丰富。 本文是在vue-cli项目下封装图片裁剪插件，效果图如下： 话不多说，看步骤吧。 第一步：准备开发环境 cropper.js是基于jquery的，所以要先安装jquery 执行命令： npm instal 阅读全文

摘要： 演示地址 html: css: <style> .drag-wrapper{ width:100%; height: 300px; border: 4px dashed lightblue; text-align: center; line-height: 300px; color: lightgr 阅读全文

摘要： 这里实现的是用<input type='file'>元素实现多文件上传 演示地址 第一步： html: input元素加上mutiple属性 css: <style> .file-list{ padding: 20px; background: lightblue; list-style-type: 阅读全文

摘要： 今天在使用gulp 压缩js时，遇到了这样的错误： 从网上找了找原因，有网友说： js不知道哪里用到了es6语法，为了解决压缩js报错抱着试一试的心态，步骤如下： 1.全局安装Babel。 npm install -g babel-cli npm install -g babel-cli --sav 阅读全文

摘要： 最近一个项目中用到了webuploader, 一款优秀的文件上传的插件。 API介绍很详细。详情见官网 但是在FAQ中并没有找到回显文件列表的解决办法，又看了看api,找出了解决办法。 话不多说，上代码： dom结构 html: js: 第一步：定义本地变量接收上传成功的回调数据 第二步:实例化 w 阅读全文

摘要： reduce 方法 对数组中的所有元素调用指定的回调函数。 该回调函数的返回值为累积结果，并且此返回值在下一次调用该回调函数时作为参数提供。 语法 array1.reduce(callbackfn[, initialValue]) array1 必需。一个数组对象。 callbackfn 必需。一个 阅读全文

摘要： 这款工具能定位错误到具体的文件，行数和第几个字 首先确保你的电脑装了nodejs,npm 全局安装： 在项目下安装，并存为依赖项： 使用： 在项目目录下直接输入命令 就会出现错误的定位： 这款工具能定位错误到具体的文件，行数和第几个字。 对比 vue-cli创建的项目报错： FAQ&具体介绍请看： 阅读全文