- 博客(18)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 前端周数计算
业务场景：在界面上点击后端回传字段如‘2020年第21周’，此时需要往后端传所选周的始末时间（年月日 时分秒）const selectTime = '2020年第21周'constyear1=selectTime .split('年')[0]//截取当前选择的周数constweek=selectTime .split('第')[1].split('周')[0]//起始日期constparams=`$...
2020-10-14 11:25:40
548
原创 对象数组按多个属性权重排序，中括号与点号取对象属性的差别
近期在大屏项目中产品对项目中柱状图的排序提出要求，首先按成绩(排序指标随意)从高到低排序，如果成绩相同按年龄从小到大排，针对该需求对后端返回的无序数据进行重排，直接上用例：需要排序的数据例如： let = arr:[{name:'尼古拉斯1',age:2,score:89},{name:'尼古拉斯2',age:6,score:81},{name:'尼古拉斯3',age:4,score:90},...
2020-09-03 14:35:39
394
原创 关于在arcgis基础底图上添加不依赖服务的热力图层
功能背景：最近项目中添加一地图展示数据功能，由于数据源由第三方提供，该数据源提供地理定位数据并非以前所接触以经纬度为单位数据（预先完成的百度echarts热力地图作废），提供给我们的是深圳本地坐标系定位坐标，问题就出现这里。在与数据源提供方协商无果后开始了arcgis js api熟悉之路。该数据源提供方有一个与之合作的地图平台服务商，该平台提供以深圳坐标系定位的底图，原本以为事情能很快对接完毕，采用该平台提供底图对接迟迟不能如愿。在知晓该平台底层开发技术采用arcgis js api后决定转换思路。最后将
2020-06-11 18:02:50
284
原创 VW布局
1.https://www.w3cplus.com/mobile/vw-layout-in-vue.html（先参阅该网址）2.postcssrc（VW布局时该文件的配置）// https://github.com/michael-ciniawsky/postcss-load-configmodule.exports = { "plugins": { // vue-cli...
2019-03-04 00:32:16
1678
原创 图片上传
<input id="upload1" class="upload1" name="file" type="file" accept="image/*" @change="fileImageFront" />一般type="file"的原生样式不是我们想要的 ，所以给opcity=0后用自己的样式覆盖。 fileImageF
2019-03-04 00:31:26
172
原创 混合开发（APP）
最近在开发一款APP，在app中嵌入H5，在配合过程中踩了两个小坑。1.由于混合开发，（登录app负责），那么在页面完成后对接接口的时候需要传一个token值，都知道token是登录时生成的，此时就需要APP将该值传给我，app大佬表示在url中有给传，截取token传值后token为null，绑到input中显示token有值，那么这是怎么回事。仔细对比发现截取的toke和url中的toke...
2019-03-04 00:30:35
1354
原创 时间戳及过滤器的使用
需求如下：（后台不给时间戳，给的时间格式是：'2019-01-12 11:01:00'；）<template> <div class="home-index"> <!--时间戳测试用--> <p style="font-size: 25px;color:red;">发布时的时间戳：{{postTime}}</.
2019-03-04 00:29:49
688
原创 localStorage
localStorage速度快，但容量只有2到5M，适合跨页参数传递，保留少量数据（文本和小图片）等。localStorage有个被忽视的优良特性，如果你的程序需要在不同的页面访问同一个值（localStorage键值），需要了解这个值是否已经被其他页面改变，可向浏览器注册storage事件来实现【window.addEventListener(‘storage’,function(...
2019-01-08 20:32:29
482
原创 VUE采用VW布局结合vant UI搭建项目流程
VUE采用VW布局结合vant UI搭建项目流程默认本地安装好了node环境及v-cli脚手架（未安装的话请行安装）,检查版本。代码编辑器（webStorm）打开项目文件夹，键入命令： vue init webpack Management根据命令提示做相应的操作：4.接下来安装vw布局需要的插件，在.postcssrc.js文件中Vue-cli默认配置了三个P...
2019-01-08 20:31:35
3144
原创 v-for中点击当前项结合$set触发当前项子项的显示与否（路由传参）
<div class="assignCont" v-for="(finish,index) in finisheData" :key="index"> <div class="assignmentList"> <!--这里路由带两个参数过去，taskId用于识别列表对应的详情页，Active用于详情页返回列表页时显示对应项--&g
2019-01-08 20:30:14
176
原创 将v-for当前项信息从列表带到详情
<WaterfallItem v-for="(item, index) in caseList" :key="index" :order="index"> <div v-if="item.num>item.sell_num" class="itemImg" :id="item.id" :data="host+item
2019-01-08 20:26:51
154
原创 js深浅拷贝
讲到深浅拷贝，涉及到JavaScript的数据类型。js中的数据类型分为基础型和引用型。基础型存储在栈中，引用类型存储在堆中。基础类型并没有深浅拷贝之说，这里所说的深浅拷贝针对的是引用类型数据而言（牢牢记住这句）。通俗点讲，区分深/浅拷贝，就是假设B复制了A，当修改A时，如果B也跟着变了，说明这是浅拷贝，如果B没变，那就是深拷贝。for..in循环遍历所有可枚举的属性的键，包括继承来的...
2019-01-08 20:22:49
375
原创 ES6中promise，new Set(),Array.from,ES7求幂运算符（**）、Array.prototype.includes(),异步函数(Async functions)
ES6还没搞明白，ES7新特新出来了，那就了解一下。1，set是一种新数据结构，它可以接收一个数组或者是类数组对象，自动去重其中的重复项目（包括NaN，正常情况下，NaN === NaN 返回的是false，但是在set里，一样能够去重）此时set返回的是一个对象，我们需要的是返回一个去重的数组，此时Array.from()就派上用场，它的作用，就是可以把类数组对象、可迭代对象转化为...
2018-09-05 12:27:52
341
原创 锚点定位及返回顶部
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery.1.9.1.min.js">
2018-08-07 15:16:10
231
原创 锚点定位及返回顶部
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery.1.9.1.min.js">
2018-08-07 15:16:06
934
原创 ES6数组去重，去空
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>qc</title> <script src="jquery.1.9.1.min.js">
2018-08-07 14:55:23
7636
原创 自选功能
最近在项目尾期时根据客户需求紧急添加一个功能（自选），现简单记录。后期整理说明。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自选</title> <link re
2018-08-06 17:23:35
230
原创 分页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .pg_content{ height: 500
2018-06-19 20:29:53
140
ie9以下placeholder失效
2018-06-19
滚动触发动画插件scrollReveal
2018-06-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人