- 博客(18)
- 收藏
- 关注
原创 数组去重的4种方法,拿走直接用
1.利用es6 set去重(使用 …扩展运算符): […new Set(arr)];3.单循环indexOf去重。
2022-08-18 16:39:31 151
原创 renderjs 高德地图的使用案例
renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和h5。高德JSAPIechartF2threejsweb。
2022-08-04 17:45:13 812
原创 async和await的使用
ES7正式纳入async/await,用来简化Promise异步操作,在async/awiat出现之前,开发者只能通过链式.then()的方式处理Promise异步操作。
2022-07-23 17:55:53 1089
原创 npm 学习之路
NPM是Node.js标准的软件包管理器,它起初是作为下载和管理Node.js包依赖的方式,但其现在也已成为前端JavaScript中使用的工具。
2022-07-23 15:14:59 229
原创 ES6 用法通俗的介绍
ES6 通俗文档CLASSCLASSES5 构造函数function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};var p = new Point(1, 2);console.log(p.x); // 1console.log(p.y); // 2class 基本语法
2021-12-10 17:44:38 794
原创 Promise 的使用(通俗理解)
PromisePromise是一个构造函数,自己身上有all、reject、resolve这几个方法,原型上有then、catch等方法。Promise的构造函数接收一个参数,是函数,并且传入两个参数:resolve,reject,分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。例子: 动态引入 js,导出一个函数,触发函数,方法存在,直接返回resolve(),否则 把js添加到 页面的head上,js加载完毕,返回resolve()。const src = 'https://
2021-12-09 18:31:22 1146
原创 vue 插槽、混入、自定义指令(附带简单例子) 通俗理解
v-bind绑定一个value属性v-on指令给当前元素绑定input事件 props : {{// 组件接收 < script > props : {inputValue// 组件接收 < script > props : {[// 组件接收 < script > props : {,
2021-11-25 17:26:53 904 1
原创 Object 常用的方法
Object.keys() 返回一个所有元素为字符串的数组。const array = ['a','b','c'];console.log(Object.keys(array)) // ['0','1','2']也可以判断 对象是否为空;const obj = {a:'1',b:'2',c:'3'};console.log(Object.keys(obj )) // ['a','b','c']Object.keys(obj).length Object.ass
2021-11-24 16:22:11 609 1
原创 遍历树,给每一项添加新的字段。
export const depthFirstEach = ({ tree, path = [], init = true}, cb) => { if (!Array.isArray(tree)) { console.warn('The tree in the first argument to function depthFirstEach must be an array'); return; } if (!tree || tree.length === 0) return;
2021-10-22 11:33:55 845
原创 渲染完毕后,执行队列。
let loaded = false;let funs = [];function init(){ loaded = true; funs.map(({fun,params})=>{ fun(params) });}function makePoints(list){ if(loaded === false) return funs.push({fun:this.makePoints,params:list});}function makeLines(list){ if(
2021-10-20 18:07:37 64
原创 操作数组的几种方法
sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字,并按升序或降序。注意:这种方法会改变原始数组。默认排序顺序为按字母升序。
2021-07-22 10:25:48 270
原创 封装 iconfont 字体图标组件
新建 组件iconfont,并将刚才下载的压缩包解压到 iconfont组件目录下其他用不到的可以删除,只需这几个文件即可,然后创建 iconfont.vue文件<template> <text class="iconfont" :class="name" :style="[{color: color}]" @click="$emit('click', $event)"></text></template><script>
2021-07-06 20:26:48 325
原创 vue中provide和inject 用法
provide() 可以传给所有子组件所有的子组件 可以用 inject 接收 可以大范围使用父组件传给子组件 data () { return { isTreeStatus: true },// 父组件中返回要传给下级的数据 provide () { return { isTreeStatus: this.isTreeStatus } },子组件可以用 inject 接收<template> <
2021-05-12 16:09:54 553
原创 new Map()使用
new Map()使用const action = new Map([ ['A', function () { console.log("A") } ], ['B', function () { console.log("B") } ], ['C', function () { console.log("C"
2021-04-23 17:18:11 640
原创 ES6新增的几个 数组 方法
ES6新增的几个 数组 方法arr.map(item => item2)等于 arr.map((item) => { return item2 })1.forEach()var arr = [1,2,3,4];arr.forEach((item,index,arr)=>{ console.log(item); //结果为1,2,3,4});//foreach遍历数组,无返回值,不改变原数组,仅仅只是遍历,常用于注册组件、指令等等。2.map()var
2021-04-23 11:54:07 367
原创 uni 自定义导航条文字、文字图标按钮及点击按钮的事件
{ "path": "pages/off-line/off-line-details/off-line-details", "style": { "navigationBarTitleText": "线下活动详情", "navigationBarBackgroundColor": "#fff", "app-plus": { "bounce": "none", "titleNView": {
2021-01-23 15:58:45 694 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人