6 Robbie丨Yang

尚未进行身份认证

life is a girl.

等级
博文 141
排名 1w+

Git 超实用指令集合

1、Gitgitlog日志类型feat:新功能(feature)fix:修补bugdocs:文档(documentation)style:格式(不影响代码运行的变动)refactor:重构(即不是新增功能,也不是修改bug的代码变动)test:增加测试build:构建过程或辅助工具的变动删除远程tags$gitpushorigin:refs/tags/xxx...

2019-04-13 11:55:53

【微信小程序】 如何生成菊花码教程

如何生成菊花码教程准备工具:postman(需要发送post数据)生成菊花码需要三个步骤:获取Accesstoken接口文档我们需要appid和secret两个字段值,其中secret可以在公众号平台获取。在浏览器发起一个GET请求,获取Accesstoken调用getWXACode接口接口文档此处我们只需关心accesstoken...

2019-04-02 10:54:45

Vue 源码详解之生命周期

Vue生命周期详解注意!!!本文是以vuev2.6版本进行讲解。源码地址前言在学习Vue的时候,应该或多或少了解过它的生命周期图示。基本可以归纳为四个阶段created【初始化创建阶段】(beforeCreate、created)mounted【挂载渲染阶段】(beforeMount、mounted)update【数据更新阶段】(beforeUpda...

2019-04-01 17:26:00

图解排序算法-快速排序 (Javascarpt 实现)

快速排序核心思想:选取一个基数,保证左边的数都小于这个基数,右边的数都大于这个基数。然后递归执行上述步骤时间复杂度O(nlgn~n^2)最好情况O(nlgn):在数组中,每次选取的基数都恰好是最数组的n/2的位置。如下图:递归的总次数就等于二叉树的层数(k)每一层的节点数等于2^(k-1)二叉树的总节点数等于:Sn=1+2+4+...+2^(k-1)...

2019-03-30 13:20:35

图解排序算法-冒泡排序 (Javascarpt 实现)

冒泡算法“冒泡”的由来按照气泡在水中上浮的顺序进行模拟的一种算法,一般较大的气泡上浮越快,较小的气泡则在其后。核心思路:在数组遍历时,当遇到较大的数值时,将较大的数往后交换,直至本轮比较结束。然后进行下一趟比较。时间复杂度O(n^2)遍历一趟需要的时间复杂度为O(n),一共需要进行n-1.因此,总的时间复杂度为O(n^2).源码实现:letarr=[20,40,...

2019-03-30 11:16:58

ES5: reduce 你不知道的黑科技

ES5:reduce你不知道的黑科技简介reduce相当于一个累加器的概念,通过遍历数组,获取上一个值与当前值,通过回调函数处理,返回一个新值。而该值将会当做下一次执行的prev返回。语法MDN文档定义arr.reduce(function(prev,cur,index,originArray){ ...},initValue)其中,initValue:指首次...

2019-03-24 14:39:49

Vue2.0 实现锚点定位网页元素位置

问题描述vue2.0:如何通过锚点定位网页元素位置?原理可以通过scrollTop属性,该属性可以获取或设置一个元素的内容垂直滚动的像素数。语法//获得滚动的像素数varintElemScrollTop=document.querySelector('.anchor')//通过类型定位锚点元素//重新设值document.documentElement.scr...

2019-03-20 15:13:23

算法:两数之和求下标(递归解法)

给定一个整数数组nums和一个目标值target,请你在该数组中找出和为目标值的那两个整数,并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是,你不能重复利用这个数组中同样的元素。示例:给定nums=[2,7,11,15],target=9因为nums[0]+nums[1]=2+7=9所以返回[0,1]递归解法:...

2019-03-16 10:31:26

vue 使用v-for 动态修改class

问题描述通过v-for指令,按照index动态生成class例如:.item-1.item-2.item-3.item-4.item-5其中,1,2,3,4,5为循环遍历的下标。源码实现<template><divclass="game"><divclass="game_item"v

2019-03-14 17:53:05

【解决方案】Webpck Tapable.plugin is deprecated. Use new API on `.hooks` instead xxx

问题在执行webpack构建过程中,出现DeprecationWarning:Tapable.pluginisdeprecated.UsenewAPIon.hooksinsteademit告警问题。分析原因这是因为使用的webpack插件中,使用了旧的API导致的。而官方文档最新提供的API如下:官方文档参考源码...

2019-03-14 10:46:03

谈谈浏览器的缓存机制

谈谈浏览器的缓存机制概述缓存是一种保存资源副本并在下次请求时直接使用该副本的技术。在开发过程中随处可见,小到Javasript作用域内的变量存储,大到使用CDN使静态资源的分布存储到缓存服务器上等。缓存的简单解释就是将我们的计算结果储存,当下一次计算时,可以将保存的结果值快速返回。(类似于CPU寄存器)什么是浏览器缓存浏览器缓存(BrowserCaching)是为了节约网络的资源加...

2019-03-03 19:11:30

MVVM框架设计分析(以vue.js为例 )

MVVM框架设计MVVM框架已经成为前端圈的主流,同时也诞生了很多优秀的前端框架,有最早的Angular,以及后起之秀Vue、React等,为我们开发者提供了极大的便利。那么,什么样的框架设计才算是MVVM框架呢?MVVM框架的前身最早使用Java开发的程序员应该了解过,当时有一种JSP动态脚本语言,是以JAVA语言作为载体,由服务端直出HTML网页的一种技术。下面是JSP的编写格式...

2019-03-02 18:04:55

浅谈Model–View–Controller(MVC)模型

MVC架构引用自WiKi:MVC模式(Model–view–controller)是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型(Model)、视图(View)和控制器(Controller)。结构示意图通过下图可以看到,视图(View)层:一般指可视化界面模型(Model)层:指业务逻辑控制器(Controller)层:用来调度View层和Mod...

2019-02-28 21:12:20

serviceworker 离线缓存化(附源码)

serviceworker离线缓存化本文源码概述ServiceWorker是HTML5的一个新特性,主要用来做持久的离线缓存。作用这个API的唯一目的就是解放主线程,WebWorker是脱离在主线程之外的,将一些复杂的耗时的活交给它干,完成后通过postMessage方法告诉主线程,而主线程通过onMessage方法得到WebWorker的结果反馈。...

2019-02-25 20:30:28

excel表格操作之数据分级统计

常见的excel表格操作概述因为近期有大量数据统计,需要用到excel进行数据分析,所以,整理一些常用操作藉以分享之。1.条件分组目标:通过fmp数据值,进行分级显示。数据源如下表:使用语句:B2是指数据表格中的第二行,等级分为:优:<=1300ms中:<3000ms差:>3000ms=IF(B2<=1300,"优",IF(B2&lt...

2019-02-25 15:56:03

socket.io 原理详解

socket.io原理详解在上一篇文章中,我们了解到socket.io是基于engine.io进行封装的库。所以对engine.io不清楚的童鞋可以点击进行了解:engine.io详解1.概述socket.io是基于Websocket的Client-Server实时通信库。socket.io底层使用engine.io封装了一层协议。两者的依赖关系可参考:...

2019-01-27 21:38:02

engine.io 原理详解

engine.io原理详解最近,业务中有使用到socket.io,进行客户端与服务端的实时通信。socket.io提供的API易上手,对新手友好,这就极大提高了开发者的效率。不过,期间也有遇到很多socket.io中的坑,例如,中文乱码问题,服务端NPE问题等。有些涉及到底层的问题,就势必要理解socket.io设计原理,进行排查。所以,总结了一下相关的概念,方便今后更快定位问题。s...

2019-01-26 22:04:03

微信小游戏登录授权流程图

微信小游戏登录授权流程图最近在做小游戏相关的业务需求,小游戏(小程序)的登录授权逻辑相对来说还是比较复杂的,因此有必要梳理一下,避免以后少踩坑。...

2019-01-22 15:37:06

微信小游戏 文字溢出处理方案,使用省略号

因为小游戏是使用canvas进行文字绘制,无法使用css的方式进行处理,必须使用js进行处理。下面是使用工具进行处理。//文字溢出处理函数spliteWord(content){lettemplateWord=''/*自定义文字内容长度*/constlen=10//默认10个字符长度if(content.lengt...

2019-01-18 11:47:46

微信小游戏填坑指南

微信小游戏因为工作需要,提前预研微信小游戏的开发流程。做了如下一个简单的demo项目,并且把实际项目中遇到的坑点都一一详细列出,方便在今后的项目中可以进行查阅。gitHub项目源码小游戏填坑指南微信小游戏只允许在调试模式下使用window全局变量,在真机模式下使用window会导致报错。如何在canvas绘制图片letimage=wx.createImage...

2019-01-13 14:24:29
奖章
  • Github
    Github
    绑定github第三方账户获取
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!