3 程序_人生

尚未进行身份认证

我要认证

我只是一个前端的菜鸟, 程序人生即:编码;生活;感悟;总结;

等级
TA的排名 2w+

js Math对象常用方法

js 中Math对象的常用方法// 1.基本方法:  Math.round(5/2) // 把数四舍五入为最接近的整数 => 3  Math.ceil(x) // 向上取整,有小数就整数部分加1   Math.floor(5/2) // 对数进行下舍入 => 2  Math.pow(x, y) // 返回 x 的 y 次幂 Math.pow(2, 5) => 32  Math.random() // 返回 0 ~ 1 之间的随机数  Math.max(x, y) // 返回

2020-10-29 15:31:27

js中的任务调度 node-schedule

node-schedule npm和github官网https://www.npmjs.com/package/node-schedulehttps://github.com/node-schedule/node-schedule相关博客:https://www.jianshu.com/p/8d303ff8fdeb

2020-10-29 15:13:02

js 防抖和节流

https://segmentfault.com/a/1190000018428170

2020-10-29 14:03:21

vue中约束用户在短时间内多次点击按钮发送重复请求

有时候用户在操作页面时,比如点击一次按钮请求较慢,loading一直显示在加载,那么,用户有可能不耐烦,可能会不断的点击按钮,这样就会不断的请求后端接口,不断地消耗网络流量,增加http请求次数,导致网页性能问题,那么我可以通过以下方式来限制或者约束这种操作。1.// 新建avoidRepeatClick.js代码如下:全局注册指令export default { install (Vue) { // 防止重复点击 Vue.directive('avoidRepeatClick',

2020-10-29 13:59:47

ES6 Promise异步编程

Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了用法,原生提供了Promise对象。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。Promise提供统一的API,各种异步操作都可以用同样的方法进行处理。Promise对象有以下两个特点。(1)对象的状态不受外界影响。Promise

2020-10-28 10:15:50

vue 监听路由变化

在多页面开发中我们总是要通过路由来映射不同的组件,这样势必就涉及到页面与页面之间的交互,比如传参,A页面=>B页面的拦截,当A跳转成功后B页面做相应的动作等等,许多操作。Vue路由官网1.组件内监听路由的方式:watch:{ $route (to,from) { console.log(to.path) console.log(from.path) }},// 监听新老路由变化信息watch:{ $route:{ handler(newVal,

2020-10-27 15:59:31

Cmder替换cmd 是开发更高效

首先附上cmder官网地址:http://cmder.net/cmder,中文引申为:命令者cmder从字面意义上来讲解就是使用命令行的人,但是里面却蕴含了另外的一层含义:面对困难而不放弃具体的下载使用可参考此博客感觉写的很详细:https://www.jianshu.com/p/5b7c985240a7...

2020-10-24 11:50:52

前端如何优化if/else, switch 结构代码

const fruitsArr = ['apple', 'peach', 'banana', 'cherry']// Array.some() 用于检测数组中的元素是否有满足指定条件的,若满足返回true,否则返回false// Array.every() 用于检测数组中所有元素是否都符合指定条件,若符合返回true,否则返回false// Array.includes()// (1) 对多个条件使用 Array.includes()if (item === 'apple' || item ===

2020-10-23 13:52:18

ES6 数组扩展之 Array.from()

Array.fromArray.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)const arrayLike = { '0': 'apple', '1': 'banana', '2': 'mango', '3': 'grape', length: 4 // 有length 属性}// es5的写法const fruitsArr = [].slice.call(arr

2020-10-21 14:09:16

快速浏览 Vue3.0中新增的API

https://my.oschina.net/LiJiaJing/blog/4653073

2020-10-20 16:27:40

axios

http://www.axios-js.com/docs/https://github.com/axios/axios/

2020-10-16 15:43:21

vue router 中 mode 和 base 属性

首先附上官网链接:https://router.vuejs.org/zh/guide/essentials/history-mode.html在vue的路由对象中有两个属性:mode (模式) 和 base (基路径)vue-router 默认 是hash (#) 模式,使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。但是,有时候我们也想用history模式,而history模式是利用h5 history.pushState API 来完成 URL 跳转而

2020-10-16 15:21:40

Vue proxyTable

proxyTable的原理同源策略是在浏览器端要遵循的约束,而如果是在服务器端就无需遵循同源策略。vue-cli的proxyTable用的是http-proxy-middleware中间件,该中间件本质上是在本地开了一个服务器dev-server,所有的请求都通过这里转发出去,即把浏览器的发送请求代理转发到代理服务器上,再由代理服务器发送请求给目标服务器,从而解决跨域问题。这篇博客只是说明配置中最重要的内容 proxyTable1.配置代理服务器,vue-cli归根结底使用的还是webpack,所

2020-10-16 15:02:41

前端学习笔记整理

这一一篇很全面,且有内容的js笔记整理,有助于前端开发很好的检查和提升自己的js知识。https://segmentfault.com/a/1190000022014120?utm_source=sf-related

2020-10-13 13:07:47

ES6 promise

https://juejin.im/post/6844904032385892359感觉这篇写的不错,大家可以参考阅读。

2020-10-13 13:02:40

ECharts 术语速查手册

ECharts官网有一个特别实用的东西,【术语速查手册】快速了解功能名称,帮助定位到配置项手册见下图:包括以下新功能:1.常用组件说明2.系列类型文档速查3.坐标系文档速查4.组件文档速查官网地址:https://echarts.apache.org/zh/cheat-sheet.html这样可以让初学者或者让我们开发快速,提高开发效率。...

2020-09-29 15:04:51

vue 子组件调用父组件方法

子组件调用父组件方法(1) 在子组件中直接调用父组件方法:this.$parent.parentMethod();(2) 在子组件中通过emit触发定义在父组件中的方法:this.$eimt(‘parentMethod’, params)(3) 父组件传方法给子组件,子组件直接调用// 父组件中绑定一个方法<template> <div> <child :parentMethod="parentMethod"></child> &lt

2020-09-28 16:00:38

ECharts tooltip悬浮框 自定义文本及图标样式

最近在用echarts开发页面可视化数据时,用到了UI提供的echarts 样式,需要自定义tooltip悬浮提示框的样式,最初在网上找了一些例子,都是你抄我的,我抄你的。问题:如何自定义tooltip提示框中图标和文本样式?echarts官网可自行查阅:https://echarts.apache.org/zh/option.html#legend.tooltip主要时tooltip中的formatter函数通过console.log(params)我们可以在控制台看到他的内容:toolti

2020-09-28 13:52:10

dayjs

现在,Moment.js 停止开发了,这也将意味着新的bug将不再被修复,新的功能将不再被开发出来,那我们接下来该用什么呢?如果有人还在使用momentjs,可以继续查看官网,http://momentjs.cn/docs/官方推荐语:Day.js 被设计为 Moment.js 的极简替代品,拥有几乎一样的 API。如果你习惯使用 Moment 的 API 并希望快速入门,请考虑使用 Day.js。Day.js 是一个轻量的 JavaScript 时间日期处理库,和 Moment.js 的 API

2020-09-24 17:17:50

Object.keys()使用

问题:经常会有这样的场景,我们需要将多个对象放进数组,而我们一般的做法是,先创建一个新数组,然后遍历目标数组,取出数组中的每一项然后push 到这个新数组,const dataList = [ { "id":1, "name":"zhangsan", "age": 30 }, { "id":2, "name":"lisi", "age": 25 }, { "id":3, "name": "wangwu", "age": 22 } ]; const newArr = []; functio

2020-09-16 09:44:08

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。