- 博客(18)
- 收藏
- 关注
RSS订阅
原创 移动端H5页面开发坑点指南
前言在平时的H5移动端开发时，我们难免会遇到各种各样的坑点，这篇文章就带着大家来看看怎么解决，文章较长，建议收藏方便以后查阅！前方高能！视频兼容相关在安卓中，直接使用原生 video 会导致全屏播放，盖住所有元素，因此使用 x5 播放器。但是 x5 播放器还是存在问题，虽然不会盖住元素，但是会自己添加特效（盖一层导航栏蒙层）。<video id='live-player' ...
2019-12-06 13:42:28
975
1
原创 6个有用的Vue开发技巧
前言在平时的开发中，我们用vue可能很久了，但是对于有的新特性或者技巧没有发现，本文就带着大家一起看看常用的vue技巧1.状态共享随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js 2.6新增加的Observable API ，通过使用这个api我们可以应...
2019-12-06 13:41:56
193
1
原创 Ant-Design-Vue快速上手指南+排坑
前言公司要开发一个后台管理系统，对于UI库的选择上选择了颜值爆表的Ant-Design-Vue作为整个项目UI库，但谁曾想，暗中的坑一个接一个，文档也不怎么详细，可能习惯了element-ui的掘友们也许不怎么好适应，本文就带大家一起学习如何高效使用Ant-Design-Vue。NO.1 表单组件首先就来说说最常用的Form组件的正确使用姿势：先来看官方一段话述：第一、我们不推荐在For...
2019-12-06 13:41:17
32842
1
原创 扁平数组与JSON树结构互转
前言在工作中我们往往可能会遇到无限级别的分类等等的需求，往往后端返回的数据结构可能不是我们想要的数据结构，所以我们来看怎么进行处理扁平数据结构转换为JSON树型结构let flatArr = [ {id: 1, title: "解忧杂货铺1", parent_id: 0}, {id: 2, title: '解忧杂货铺2', parent_id: 0}, {id: 3, title...
2019-08-23 12:48:45
583
原创 JS数据结构之BST(二叉搜索树）
前言二叉搜索树可以帮我们按照一定的规则存储数据，方便我们能够快速操作，最差的情况也是O(n)的时间复杂度。代码实现节点定义class Node { constructor(key) { this.key = key; //结点值 this.left = null; //左结点引用 this.right = null; //右结点引用 }}...
2019-12-06 13:43:33
343
原创 JS数据结构之二叉堆
前言在我们的日常开发中可能并不太需要这种数据结构，但如果我们要在海量的数据中寻找最大或者最小的数据，就可以利用最大堆最小堆来快速找出想要的数据(反正学就对了 手动狗头~)代码实现class MaxHeap { constructor(arr = []) { this.data = arr; //heapify方式创建堆结构 for (let i = th...
2019-12-06 13:43:04
404
原创 如何优雅实现无感知令牌刷新(小程序+单页应用)
前言在平时工作中，我们难免会遇到使用Token的场景，一般来讲是后台给我们一个Token,我们将这个Token存储到本地，每次请求去携带，但这样会有什么问题存在呢？小程序场景Token过期后的处理方式假如现在我们在小程序中已经存储好了Token,那么每次请求会带上后台返回给我们的Token令牌:令牌一般来讲，可能会存在过期的行为，那么我们这里也是要讨论Token过期后如何处理？那么最笨...
2019-09-02 20:10:41
2823
3
原创 开开森森学前端之函数式组件和JSX
前言我们接着上篇学习完render函数，下面我们来看下Vue中的函数式组件这也是Vue进阶中一个重要的知识点，下面我们一起来学习下吧(我也不是很熟
2019-08-23 12:50:44
158
原创 javascript代码风格指北
前言在我们平时工作中写代码是最频繁的事情了，但我们的代码真的"好看"吗？预计本文阅读时间(10分钟)正文1.1–语句结尾我们来看一段代码//合法的代码var name = "Dreams";function sayName() { alert(name);}//合法的代码，但不推荐这样写var name = "Dreams"function sayName() {...
2019-08-23 12:47:43
64
原创 9102了，快来了解webpack4！
前言在当今的前端开发中，我们使用的打包工具可能会有很多种，当然webpack就是其中一种，那么webpack中的配置实际上是很多的，所以今天来整理下常用的配置以及它的作用。如何开始我们创建一个空的文件夹，然后使用npm init webpack-demo，下面一路回车,然后他会在我们的文件夹下创建一个package.json这样的文件在当前项目中安装webpack4我们可以执行这条命令：...
2019-08-23 12:47:10
77
原创 Git中~你必须掌握的！
前言:大佬直接进入下面正题，前言可以略过！我相信有很多童鞋在刚开始使用git或者使用了许久之后还是对git不怎么熟悉，尤其是出现了一大堆英文提示的时候手足无措，又或者代码"莫名其妙"的发生改动，导致团队无法继续正常工作的时候真恨不得不继续使用git了.不要慌！这篇文章将带你完完全全掌握平时常见的场景以及出现的问题如何解决的本领！(同时我自己也可以再复习一遍~
2019-08-23 12:46:48
761
原创 开开森森学前端之this
前言大家好，今天我们来探究下this,我们都清楚一句话：this的指向取决于是谁调用它，接下来我们来看几个例子。独立函数调用var a = 2;function foo(){ console.log(this.a);}foo();//答案是多少呢解析：这是最常见的独立函数调用。是谁调用了它？当然是window，window.foo嘛。所以this指向了window，windo...
2019-08-23 12:45:36
62
原创 开开森森学前端之async原理
前言大家在工作中可能用了很多次async了，但可能由于时间精力原因没有研究过async的原理，今天我来给大家简单介绍下async的原理，讲的不好还望谅解！async语法async函数会返回一个 Promise 对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。async function test(){...
2019-08-23 12:44:56
148
原创 Typescript入门之基础类型
前言在ts出现之前，我们一直都在使用js的弱类型书写代码，这就导致了我们在书写过程中需要频繁的人为注意数据类型，但有了ts之后我们在写代码时都会有严格的类型约束，很明显提高了我们的开发速度。基本类型声明// 布尔类型let bool: boolean = false;// 数字类型let num: number = 1;// 字符串类型let str: string = "str"...
2019-08-23 12:44:25
69
原创 koa2 jwt实践中的问题总结
前言刚学完koa2不久，就想着用koa2这个神器写个接口玩玩吧，然后写的过程中遇到了一些阻碍，特此总结。引入koa-jwt和jsonwebtoken我们先npm i koa-jwt jsonwebtoken安装完毕后，我们需要在app.js中引入koa-jwtconst koaJwt = require('koa-jwt');编写中间件第二步我们需要在app.js中编写如下代码ap...
2019-08-23 12:43:32
868
原创 原生JS实现移动端在线签协议
前言在一个风和日丽的下午，刚准备下班，突然接到需求说要做一个在线签协议功能，当时心里想着这么简单，不就canvas吗，所谓初生牛犊不怕虎
2019-08-23 12:42:57
1135
4
原创 轻松理解构造函数和原型对象
前言曾经看过很多关于原型的视频和文章的你，是否还是对原型云里雾里，一头雾水呢，今天让我们一起揭开这层神秘的面纱吧~~~go go go！利用构造函数创建对象在ES6之前，对象不是基于类创建的，而是用一种称为构造函数的特殊函数来定义对象和它们的特征创建对象可以通过以下三种方式1.对象字面量2.new Object()3.自定义构造函数这里我们着重来看下怎么利用构造函数创建对象,我们...
2019-08-23 12:42:14
265
原创 开开森森学前端之前端面试题
前言大家好，来掘金有3个多月了，决定跟随前端大佬们的步伐，故决定记录自己的成长轨迹，由于水平有限，对于文章中出现的理解等有问题还请大佬们指正。先来瞄一眼题目var length = 10;function fn() { console.log(this.length);}var obj = { length: 5, method: function(fn) { ...
2019-08-23 12:39:32
112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人