2020年9月14日
摘要: 业务需求:base64位的文件,上传至服务器。 封装好的方法贴下,复制即可使用: function UploadBase64File (base64) { let bstr = window.atob(dataurl) let n = bstr.length let u8arr = new Uint 阅读全文
posted @ 2020-09-14 15:03 一粒尘土 阅读(1594) 评论(0) 推荐(0) 编辑
  2019年10月30日
摘要: 元素拖拽 作者:一粒尘土 时间:2019-10-30 使用范围:两个元素位置交换,移动元素到指定位置 涉及函数 |属性|解释 |:--|:--| |draggable|是否允许元素进行拖拽| |dragstart|拖拽开始触发的函数,可在此获取元素| |dragover|在目标元素内进行拖动时触发的 阅读全文
posted @ 2019-10-30 10:03 一粒尘土 阅读(7175) 评论(0) 推荐(0) 编辑
摘要: 试用场景:上传图片过大,需进行压缩处理。 涉及微信API |API|说明|文档| | | | | |chooseImage|选择图片|https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.htm 阅读全文
posted @ 2019-10-30 09:26 一粒尘土 阅读(1757) 评论(0) 推荐(0) 编辑
  2019年3月17日
摘要: vue+element 文件操作 作者:一粒尘土 时间:2019-3-17 注:以下操作针对 vue-cli 目录 使用 组件常用参数 组件常用方法 上传文件 上传文件格式限制 回显文件 下载文件 删除文件 使用 使用npm安装Element-ui 依赖 $ npm i element-ui -S 阅读全文
posted @ 2019-03-17 16:44 一粒尘土 阅读(23644) 评论(0) 推荐(1) 编辑
  2018年11月17日
摘要: 总结一下JS中用到的数组去重的方法 方法一: 该方法利用对象的属性值不能相同: function arrDelLikeElement (array) { const result = []; const obj = {}; for(let i in array){ if(!obj[array[i]] 阅读全文
posted @ 2018-11-17 21:50 一粒尘土 阅读(272) 评论(0) 推荐(0) 编辑
  2018年10月14日
摘要: 如何使用原生js实现轮播图效果呢,现在带着大家做一个小小的例子 先说一下这次的轮播图需要实现的功能点: 1.3s自动切换图片,图片切换时提示点跟随切换 2.鼠标划到图片上,自动切换轮播图停止 3.指示点划过切换对应的图片,图片切换时提示点跟随切换 4.点击上一页下一页按钮切换图片 css代码部分 1 阅读全文
posted @ 2018-10-14 18:51 一粒尘土 阅读(449) 评论(0) 推荐(0) 编辑
  2018年10月13日
摘要: 再平常的浏览器页面,轮播图都是必不可缺少的一个板块,在这总结了一下轮播图基本的一些样式 首先介绍一下,本文实现的轮播图的基本效果: 1. 3s自动切换图片,图片切换时提示点跟随切换 2. 鼠标划到图片上,自动切换轮播图停止 3. 指示点划过切换对应的图片,图片切换时提示点跟随切换 4. 点击上一页下 阅读全文
posted @ 2018-10-13 14:56 一粒尘土 阅读(580) 评论(0) 推荐(0) 编辑
  2018年10月10日
摘要: 需要了解的知识点: 1. 向指定元素添加事件的方法:addEventListener()方法 2. Dom2级事件中事件流的三个阶段:事件捕获阶段、目标元素、事件冒泡阶段 3. javascript中 “this与e.target”的区别 addEventListener()方法 语法:addEve 阅读全文
posted @ 2018-10-10 20:49 一粒尘土 阅读(361) 评论(0) 推荐(0) 编辑
  2018年10月9日
摘要: 关于使用css制作三角符号,网上有很多的例子了,在这里只是为了详细的向各位解释一下三角符号的原理 下图,是一个长宽为100px,边框宽度为100px的一个元素,由此可见,在css中上下左右的边框相交处并不是一个直线,所以,可以根据此属性进行编写三角符号 那么如何使用css的该属性来实现三角符号的效果 阅读全文
posted @ 2018-10-09 13:10 一粒尘土 阅读(1599) 评论(0) 推荐(2) 编辑
  2018年10月7日
摘要: 在大家在网上平常浏览网页的时候,想必各位都会看到选项卡功能,在这里给大家详解一下用原生js、jQuery如何来写一些基本的选项卡 话不多说,先给各位看一下功能图: 好了,下边开始写代码了: HTML代码: <ul> <li class="click">red</li> <li>blue</li> < 阅读全文
posted @ 2018-10-07 19:25 一粒尘土 阅读(1118) 评论(0) 推荐(0) 编辑