- 博客(36)
- 收藏
- 关注
RSS订阅原创 关于微信小程序异步转同步方法
通常我们开发微信小程序时，是不支持async await来实现异步转同步的，那是因为async await 是es7语法，微信开发者工具不支持，但是只需要引入runtime就能轻松实现https://github.com/facebook/regenerator/blob/master/packages/runtime/runtime.js使用时也很方便，直接在对应的js文件引入就好下面贴一下runtime.js的源码,还是建议通过网址直接访问，然后复制里面的代码/***Copyrig...
2021-07-15 10:39:40
1480
原创 vuex数据共享总结
提到vuex，首先要明白vuex是干什么的，用vuex能实现哪些功能,用vuex和其他方式相比有哪些优势，明白了这几点，在做项目上才游刃有余。首先vuex是用来数据共享的。在这里先说下组件之间共享数据的方式，比如1父组件向子组件传值:v-bind属性绑定，子组件props接收2子组件向父组件传值：v-on事件绑定3兄弟组件之间共享数据 EventBus :$on接收数据，$emit发送数据4也有用缓存来传值的，比如sessionStorage.localStorage等但是一旦页面上
2021-07-15 10:26:28
375
原创 array方法总结
在实际开发中，数组是最常见的，数组方法也很多，很多时候容易搞混淆，比如什么情况下返回新数组，什么时候改变当前数组，现在我们来做个总结，方便以后查阅1.判断是否为数组 Array.isArray2.将数组参数传入数组 Array.of3.将类数组转化为数组，比如需要注意length属性必须要，不然会转化为[]相当于console.log([].slice.call(o...
2020-03-24 18:21:34
655
原创 echarts的各种配置
echarts很简单，只需要按照echarts官网的实例引入就行，但是往往给我们的设计图有设计师的各种想法，比如颜色，间距等等，基本上大部分时间都是在想该怎么调，下面来整理下曾今在做echarts时遇到的哪些坑。第一点，坐标轴离边框的距离过小导致数据显示不全,比如这样那我们只需要设置 grid:{ x: 19, y: 50, ...
2020-03-18 17:35:06
662
原创 关于百度地图打点的自定义图标，以及不同条件打不同的点
比如像这种在地图上按照条件的不同显示不同的点，同时将一些重要数据显示在点上面，图片我用的是gif图片这样会有个动画效果，上面的数字是采取的是百度地图的添加文字标签，在鼠标移动上去的时候会有个窗口显示其详细信息，相当于一个弹窗，在滚轮放大到11级别时，会显示这个市的具体信息，比如这个这里就涉及到一个事件，鼠标监控地图级别，调用不同接口，同时需要清除上一个级别的marker点，然后再进行打点，鼠标移动...
2020-03-18 16:29:07
2050
原创 关于设计图px，与rem的使用
在使用rem时，先要和ui确定设计的尺寸大小，比如是设计图是按照1920设计的，现在我们只需定义document.documentElement.style.fontSize 就行，一般为了方便比例一般是1:100，即100px为1rem,具体配置如下在vue里面newVue({el:'#app',router,store,compone...
2020-03-06 17:39:54
895
原创 百度地图api的使用
目前，越来越多的项目涉及到地图的使用，现在来梳理下地图api的相关功能1.使用，你要先申请下百度api的秘钥2.在vue的使用有两种方法，第一种是引入script标签，第二种是在模块里面下载npm install vue-baidu-map -s ，然后在main.js里面引入，像这样Vue.use(BaiduMap,{ ak:'输入你的秘钥'})然后在页面...
2020-03-05 16:14:03
446
原创 git操作步骤
1.初始化git init2.关联git线上地址git remote add origin https://.....3.拉主线代码git pull origin master4.本地代码修改后要先拉下线上的防止与解决冲突git pull5.上传本地代码到远程分支上git add .6.将代码上传到本地分支上git commit -m ''提交代码描述"...
2020-01-15 15:35:05
334
原创 axios请求get与post的封装
现在前端越来越注重统一管理api接口，如果不对axios进行封装，会出现以下问题：1对接口的地址进行管理困难；2接口成功或者失败之后统一进行处理；3代码冗余。如下分别是get请求与post请求下面我们对其进行封装。第一步对请求与响应进行拦截处理然后我们就可以专门建个api放接口路径与接口函数啦这里要注意一个问题，在get请求时是params，post请求...
2019-12-24 10:46:15
1352
原创 同一个页面点击不同按钮到列表页面，是否缓存的问题踩坑之旅
需求提了这样一个要求，当我们从列表页跳转到（详情页面，修改页面，新增页面）时，点击（详情页面，修改页面，新增页面）上面的返回按钮，可以回到列表页面，并且需要缓存最初的列表页面条件与页数。对于这种情况，第一想到的解决办法是在路由列表里面加上keepAlive属性，如下图这样在列表里面缓存问题确实解决了，但是出现了个问题，如果不是从返回按钮进入到列表页面的，我们是不需要缓存的，需要重新调接...
2019-12-16 14:39:22
423
原创 前端算法--简单选择排序
简单选择排序：在数组中从左到右，每次选取的数值与右边组成的数组进行比较，如果选取的数值大于右边数组的最小值，则与该数组的最小值进行交换。例如：arrays=[5,2,9,3,4,10,1,99,22,0,7]1-10次结果如下[0, 2, 9, 3, 4, 10, 1, 99, 22, 5, 7] 下次2和1交换[0, 1, 9, 3, 4, 10, 2, 99, 22, 5, 7] ...
2019-10-08 17:25:47
224
原创 前端算法---冒泡排序
冒泡排序：数组中相邻两个数进行比较，将数值较大或者unicode值比较大的往后排如数组 var arr = [5,2,9,3,4,10,1,99,22,0,7]，第一轮比较下来值为[2, 5, 3, 4, 9, 1, 10, 22, 0, 7, 99] 最后一个值就是这个数组的最大值，最后一个值就不需要再比较，现在再将数组里面的[2, 5, 3, 4, 9, 1, 10, 22, 0,...
2019-10-08 12:04:18
916
1
原创 每日一站：1考虑到性能问题，如何快速从一个巨大的数组中随机获取部分元素
假定巨大的数组为orgArray，从中随机取出simpleLen个不重复的样品思路如下 先随机获取下标 Math.floor(Math.random() * orgArray.length)通过下标找到对应的值，且值在样品数组中必须不存在，否则重新在取，这里可以利用set对象的has属性来实现，同事样品数组的长度不能大于simpleLen，利用了set对象的size来实现代码如下...
2019-07-18 11:43:21
460
原创 关于字符串模板的变量，函数调用以及是否包含字符串的处理
1判断字符串是否包含子串indexOf ， 返回的是数字 >-1 为包含includes ， startsWith , endsWith 返回的是 true/false,includes是字符串是否含有，startsWith，endsWith是是否以这个字符开头或结尾,也可以传第二个参数表示第n个字符是否以。。。开头let string = "apple,ban...
2019-07-03 15:41:54
1925
原创 map与set对象一览
map对象是有key与value组成的，key值可以是字符，对象，函数，NAN等，创建map对象 var myMap = new Map()myMap.set("hello","woel") ,myMap.get("hello")map对象可以用for of遍历 如 for (var [key,value] of myＭap) 或者用 myMap.forEach(functio...
2019-07-02 14:30:06
214
原创 es6总结一
一，var,const,let区别var相当于定义全局变量，存在变量提升let在块内有效，不能重复声明const一般定义常量，如简单类型，如Boolean，number,string，对于对象数组等一般不建议，定义时必须给它初始值。经典例子二，解构主要分为数组解构和对象解构，左边为解构的目标，右边为解构源数组解构可嵌套，可忽略，可不完全结构，可以赋默认值，剩余运算符，以...
2019-07-01 17:51:58
105
原创 关于代码规范和一些eslint规范
编辑器是vscode,现在首选项里面进行配置{"eslint.autoFixOnSave":true,//"workbench.colorTheme":"Monokai","editor.tabSize":4,"editor.formatOnSave":false,"prettier.eslintIntegration":...
2019-06-04 10:45:29
803
原创 vue关于多个下拉框调用同一个数组时，下拉框的值不能重复
五个下拉框，每个下拉框选中的值不能重复，选过的下拉值会置灰，代码如下五个下拉框必选，数据结构如下重点是计算与监听相关的属性下面是封装的方法// 此为多个下拉框调用同一个数组时,不能选同一个id的值,如果是id则dbSourceId改为'id',dataArray为当前下拉框的数组export function getdiabledSelect (val, old...
2019-04-23 09:35:25
6967
4
原创 防止用户连续击键，多次调用ajax时，即防抖的封装
在文本框中常常有这样的需求，键入值时，实时调用相应的接口，但是每次触发keydown都触发，会严重消耗网页的性能基于此，可以进行封装，设置键入值得间隔在一秒之内只调用一次，代码如下调用如下$("input").on("keydown",debounce(function(){ $.ajax() //此处可以调用相应的接口},1000))...
2018-11-14 12:31:42
865
原创 关于ie8背景图片不显示的问题
之前做项目，在火狐google，ie9以上都能正常显示，唯独在ie8下不能，最后发现是css样式写法的问题，将background属性分开，一项项写就木有问题啦
2018-01-30 16:03:34
933
原创 关于新开窗口有来源页无来源页的不同设置方法
对于一般的新开窗口我们一般用window.open()来进行，但是如果在移动端要求点击返回键有来源页，怎需要用到a标签的特性如下： var a = document.createElement("a"); a.setAttribute("href", lytUrl); a.click();
2018-01-30 15:50:06
245
原创 关于回调
回调函数，用我的理解来说，就是函数与函数之间的桥梁，在一个函数执行之后将执行结果作为参数传给另外一个函数，这就是我自己理解的函数。 下面简单举一个例子 var lytChat ={ searchState:function(cuId,callback){ var url=lytConfig.lytDataUrl+′/core/topicN.findSessionTopicPh
2018-01-02 11:05:03
232
原创 textarea字数进行控制与显示
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-11-10 11:17:38
288
原创 yeoman的使用
下面来将简单讲诉一下用法 1.安装yo,grunt-cli,bower npm install -g yo grunt-cli bower 2.安装生成器 npm install -g generator-webapp 3.创建工程根项目 yo webapp
2017-09-12 10:57:23
349
原创 grunt搭建自动化的web前端开发环境
1.常用的功能主要有 1.jshint js语法检查错误 2.uglify js压缩 3. csslint css语法检查 4. cssmin css压缩 5. concat 合并（多个js或者多个css文件） 6. copy 复制文件，文件夹 7. watch 时时监控文件变化grunt.registerInitTask(‘default‘,[‘jshint‘,‘cs
2017-08-23 11:42:40
159
原创 node.js中的定时模块 node-schedule应用
在项目中，我们通常会用到定时模块，如定时删除文件，定时发送邮件等。 综上所示，定时模块用途还是很普遍的，其实定时模块也挺简单， 第一， var schedule = require(‘node-schedule’); /*定时任务–每分钟执行一次/ var rule = new schedule.RecurrenceRule(); var times = [0,30]; rule.se
2017-08-23 11:30:27
745
原创 node.js中get与post请求的处理
1.get请求里面的参数获取 url.parse(request.url,true).query; get请求参数一般放在url后面传给服务器的 2 post请求中参数 var post=”“; request.on(“data”,function(chunk){ post += chunk; }) request.on(“end”,function(){ post = que
2017-08-15 17:20:12
235
原创 node.js中的文件系统
我们在开发过程中，常常会遇到，在文件夹下创建文件，读取文件内容，读取文件目录这些事情，现在咱们一起来看看 主要模块 var fs = require(“fs”); 1.创建目录 fs.mkdir(“./tma/css”,function(err){ if(err){ return console.error(err); } console.log(“目录创建成功”) }) 这就在
2017-08-15 10:16:51
170
原创 node.js中util模块
var util =require(‘util’); 两个对象obja,objb,让obja继承objb里面的原型 用法 util(obja,objb) 第二： 对象转为字符串 util.inspect(obj); 第三： 判断是否为我们想要的类型 数组：util.isArray(object) 正则:util.isRegExp(object) 日期：util.isDate(o
2017-08-14 16:46:33
207
原创 url及node.js url模块随笔
在将url之前先附上一张图，对url的结构有个清晰的认识 这就是url清晰的组成。 接下来咱们来看一下在前端常常用到的方法 例如 var url = ‘https://www.baidu.com/baidu?tn=monline_3_dg&ie=utf-8&wd=url%E6%96%87%E6%A1%A3‘, 我们想获得ie的值，怎么做呢？ 下面是我封装的函数function html_
2017-08-14 15:02:36
425
原创 json数据的转换
不管是写接口还是前端进行对接，都少不了对json格式的处理 正如豹女有人形态和兽形态两种，json也有2种形态，json字符串和json对象 下面咱们就来聊聊json { “阿里云参数1”: { “region”: “oss-cn-shenzhen”, “accessKeyId”: “LTAILX1dJyVDfG7W”, “acc
2017-08-12 11:33:32
491
原创 indexedDB存储
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-08-11 10:22:34
410
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人