- 博客(56)
- 收藏
- 关注
RSS订阅原创 APP第三方登录功能实现（uniapp）
APP第三方登录功能实现（uniapp）1.用户操作流程(例:微信登录)2.参考uniapp官方文档这是一个链接 uniappAPI文档获取服务供应商点击登录检查登录状态是否过期获取用户信息2.1 获取服务供应商在App平台，可用的服务商，是打包环境中配置的服务商，与手机端是否安装了该服务商的App没有关系。云打包在manifest中配置相关模块和SDK信息，离线打包在原生工程中配置。某个服务商配置被打包进去，运行时就能得到相应的服务供应商。代码示例uni.getProv
2020-12-28 20:15:02
2463
2
原创 requestAnimationFrame()方法的用法
刷面试题的时候看到 requestAnimationFrame()的使用场景，了解了一下，突然又对H5的Canvas绘图感兴趣了，接下来学习一下。requestAnimationFrame()方法该方法用于在浏览器中制作动画。通过递归调用同一方法来不断更新画面以达到动起来的效果，但它优于setTimeout/setInterval的地方在于它是由浏览器专门为动画提供的API，在运...
2019-09-30 17:10:32
535
原创 前端的魅力
强大现在的前端已不仅仅停留在画静态页面，当下的前端之强大，在 V8 引擎和众多框架/库的加持下，能做的事包括但不限于：服务端（node.js）、动态页面（vue & react）、APP（weex & react native）、桌面应用（electron）、游戏、VR 等等所以前端对我来说相当于一张宝藏地图，当下我仅接触到了 node 和 vue 这冰山一角，更多地想去接...
2019-09-30 15:50:32
293
原创 终端管理工具
终端包管理工具Homebrew用于安装和管理软件。安装方式：在终端中输入ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"简单使用：安装：brew install 软件名命令行工具· iTerm2号称Mac OS上最好用的命令行工具，尤其是搭配O...
2019-09-30 10:52:54
1223
原创 解决子div设置margin-top使父div也跟着向下移动的问题
直接看代码html： <div class="main"> <div class="content"></div> </div>css body{ margin:0; padding:0; } .main{ wid...
2019-09-29 17:23:52
756
转载 Set 和 Map 数据结构的最详细清楚用法
关于ES6新增的Set 和 Map 这两种数据结构的用法我这里简单说明一下。1.SetES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。MapES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“...
2019-09-29 13:33:05
293
原创 三种解决异步回调的方法 带你逃离回调地狱
回调地狱因为Javascript的异步特性，每个开发者都无法避免会碰到一些callback hell，同时在代码的迭代过程当中因为这样一些callback hell导致代码越来越不可维护。尤其是当回调过程中去参杂一些同步逻辑判断，那都是迭代过程中的代码杀手。基于ES6的promisePromise有三种状态：pending/reslove/reject 。pending就是未决，resol...
2019-09-29 09:48:52
1550
原创 JS中的异步和回调
????// 异步 var n=10 function doSomething(){ console.log('开始') var id=setTimeout(()=>{ n++ console.log('计算',n) },10000) } function doEnd){ console.log('结束') } d...
2019-09-27 15:04:48
190
原创 Es6对象数组新方法
Object.is()比较两个值是否相等它用来比较俩个值是否严格相等,与严格运算符(===) 的行为基本一致。Object.is('foo','foo') // trueObject.is({},{}) // false上面代码中两个空对象不相等,因为它们的引用地址不同。不同之处只有两个: 一是 +0 不等于 -0 , 二是 NaN 等于自身// Es5写法+0 === -0 ...
2019-09-27 10:37:18
200
原创 ES6/ES7/ES8新特性之新增处理字符串的方法
我主要提常用方法includes()// let str = 'happy';是否包括以下字符，返回true or false// console.log(str.includes('ha')) // trueincludes()比indexOf()的优势在于，indexOf()的返回结果不是布尔值，须与-1对比，不够直观。repeat()复制字符串// consol...
2019-09-27 09:57:22
910
原创 ES6常用特性之var、let、const的区别
说到var、let、const三者的区别，就首先要说的是块级作用域ES5 中作用域有：全局作用域、函数作用域。没有块作用域的概念。ES6 中新增了块级作用域。块作用域由 { } 包括，if语句和 for语句里面的{ }也属于块作用域。???? //第一种 { var a = 1; console.log(a); // 1 } console.log...
2019-09-27 09:20:25
93
原创 VSCode必装的高效开发插件
我自己用的VSCode插件Auto Complete TagAuto Complete Tag集成了 Auto Close Tag 和 Auto Rename Tag 的功能，丰富了 VS Code 编写 HTML/XML 时候的标签自动补全功能。代码美化 BeautifyBeautify 插件可以快速格式化你的代码格式，让你在编写代码时杂乱的代码结构瞬间变得非常规整，代...
2019-09-26 13:55:55
525
原创 关于发送请求后未得到响应而报错的处理办法
在最近的项目中，如果我在 for循坏里面进行数据库的增删改查然后返回数据的话，是不能得到响应的，具体大家来看报错。浏览器调试工具报错前端报错后端报错解决方案在for 循坏外面加上var isShow = false; (async function () { await new Promise((resolve, r...
2019-09-26 09:07:52
1748
原创 从数组中移除重复元素
从数组中移除重复元素const removeDuplicateItems = arr => [...new Set(arr)];removeDuplicateItems([23, 'success', 23, 'success', false, false]);console.log(arr)结果是//=>[23, 'success', false]...
2019-09-25 16:22:48
108
转载 处理Array方法及其实现新方式
2019年都快过完了，你还在用老掉渣的for循环和forEach么？教你几招，让你秒变代码最清爽的仔！！！基础篇数组方法map、filter、some、reduce与forEach的pkRound 1: map vs forEach// double numberconst number = [1,2,3,4,5];// forEach Versionconst doubleNum...
2019-09-25 16:00:07
74
原创 使用mpvue框架开发微信小程序
这个mpvue是从整个Vue的核心代码上经过二次开发而形成的一个框架，相当于是给Vue本身赋能，增加了开发微信小程序的能力。使用mpvue开发小程序，你将在小程序技术体系的基础上获取到这样一些能力：彻底的组件化开发能力：提高代码复用性完整的 Vue.js 开发体验方便的 Vuex 数据管理方案：方便构建复杂应用快捷的 webpack 构建机制：自定义构建策略、开发阶段 hotRelo...
2019-09-25 13:09:49
285
原创 node.js具体项目搭建步骤
生成后台目录结构并安装热更新生成目录结构1. 安装目录生成器：npm install express-generator -g2. 生成一个文件夹：express 文件夹名 --view=pug3. 进入到文件夹下安装依赖：cd 文件夹名npm install⚠️此目录结构没有models文件夹，需要自己创建安装热更新nodemon简介在开发的时候，每次修...
2019-09-24 17:24:03
505
原创 node.js之多进程后续
内容概括进程重启处理HTTP服务cluster模块负载均衡1.进程重启worker进程可能因为某些异常情况而退出，为了提高集群的稳定性，master进程需要监听子进程的存活状态。当子进程退出之后，master进程要及时重启新的子进程。在Node中，子进程退出时，会在父进程中触发exit事件。父进程只需通过监听该事件便可知道子进程是否退出，并在退出的时候做出...
2019-09-24 15:27:06
94
原创 node.js之多进程
介绍NodeJS的JavaScript运行在单个进程的单个线程上，一个JavaScript执行进程只能利用一个CPU核心，而如今大多数CPU均为多核CPU，为了充分利用CPU资源，Node提供了child_process和cluster模块来实现多进程以及进程管理。我们这里将根据Master-Worker模式，搭建一个简单的服务器集群来充分利用多核CPU资源，探索进程间通信、负载均衡等知识。...
2019-09-24 15:20:14
417
原创 node.js之buffer
Node.js Buffer(缓冲区)定义JavaScript 语言自身只有字符串数据类型，没有二进制数据类型。但在处理像TCP流或文件流时，必须使用到二进制数据。因此在 Node.js中，定义了一个 Buffer 类，该类用来创建一个专门存放二进制数据的缓存区。Buffer 与字符编码Buffer 实例一般用于表示编码字符的序列，比如 UTF-8 、 UCS2 、 Base6...
2019-09-24 15:13:07
119
原创 node.js之DNS解析
DNS解析什么是DNS解析？一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？浏览器根据请求的URL交给DNS域名解析，找到真实IP，向服务器发起请求；服务器交给后台处理完成后返回数据，浏览器接收文件（HTML、JS、CSS、图象等）；浏览器对加载到的资源（HTML、JS、CSS等）进行语法解析，建立相应的内部数据结构（如HTML的DOM）；载入解析到...
2019-09-24 15:08:02
653
原创 mongodb的安全认证机制
mongodb的安全认证机制前言在我们自己用的的时候，我们的数据库是裸奔着的。在生产环境，必须有安全认证机制。为了保证数据的安全性，mongodb提供了两种方式的安全验证机制：①账号密码认证②IP绑定我们今天要说的是一种基于用户和角色的权限认证机制，也就是账号密码认证。创建用户创建Root用户首先，我们先正常方式开启服务器，默认是没有开启认证机制的：>sudo mongo...
2019-09-24 15:02:12
349
原创 mongoDB 更新数据
更新数据MongoDB 使用 update() 和 save() 方法来更新集合中的文档。接下来让我们详细来看下两个函数的应用及其区别。save() 方法save() 方法通过传入的文档来替换已有文档。语法格式如下： db.collection.save( <document>, { ...
2019-09-24 14:38:28
306
原创 mongodb命令行操作
mongodb命令行操作基础操作查询库的集合collectionshow collections创建集合empolyeedb.createCollection('empolyee')查看当前数据库状态db.stats()查看当前数据库版本db.version()查询集合数据条数db.empolyees.count()查询数据查询指定列db.empo...
2019-09-24 14:24:24
186
原创 mongoDB基础篇
mongoDB介绍在Mac下安装MongoDB安装步骤1.访问MongoDB官方下载官网地址是：https://fastdl.mongodb.org/src/mongodb-src-r4.2.0.tar.gz2.下载完成后，将解压后的文件放入 /usr/local默认情况下在Finder中是看不到 /usr 这个目录的可以打开Finder后按 shift + command +G输...
2019-09-24 14:22:36
346
原创 Sketch制作GIF动画--基础篇
Sketch制作GIF动画–基础篇使用sketch不仅能够制作静态的UI图，也能制作炫酷的GIF动图。这功劳还是要仰仗强大的AnimateMate插件。AnimateMate插件的安装使用教程视频及下载地址：http://sketch.cm/plugins/62AnimateMate插件使用功能介绍插件的功能还是比较简单明了的，AnimateMate总共提供了三种创建动画的方式，分...
2019-09-23 14:51:09
4024
原创 Sketch中的快捷键总结
Sketch中的快捷键总结Sketch是一款针对UI设计的软件，它在交互层面也做的很易操作Type快捷键作用字体加粗Cmd + B加下划线Cmd + U字体变大Option + Cmd (+) +字体变小Option + Cmd (-) -改变字体样式Cmd + T居左Cmd + Shift + {居中Cmd + Shif...
2019-09-23 14:42:35
825
原创 Sketch基础操作（1）
Sketch基础操作（2）途牛旅游注册界面1.插入750px x1334px 的画板2.打开文件-从模板中新建-Material Design，选择你要的导航栏，选中后，cmdC然后到画板中cmdV,调整位置大小和缩放。3.按R插入矩形将半径给到20px,出现圆角，给个中线，选中中点一点，点击编辑，向上拉取5~10个像素，再给一个左右对称，下边同样操作。4.插入图片调整大小，...
2019-09-23 14:37:51
409
原创 Material Design设计规范(四)
Material Design设计规范(四)1.文字输入框2.图片组3.排版正文1.文字输入框（Text fields）用户需要输入文本信息时会使用到文字输入框。文字输入框的样式 Material Design 也做了漂亮的样式供我们参考。△ 文本输入框△ 图1为填充形输入框 图2为线框输入框△ 填充形输入框2.图片组（Image lists）如果我们构建一个如朋友圈或...
2019-09-23 14:30:13
265
原创 Material Design设计规范(三)
Material Design设计规范(三)悬浮按钮(FAB)设计规范及实战案例欣赏悬浮按钮英文Floating Action Button，简称FAB,是手机移动端网页设计及APP产品设计中，最为灵动和热门辅助工具之一。悬浮按钮的使用原则A、选择适当的悬浮按钮尺寸默认的尺寸一般为5656dp，迷你版的尺寸为4040dp。界面宽度低于460dp时，需要从默认尺寸（56dp）调整至迷...
2019-09-23 14:18:25
338
原创 Material Design设计规范(二)
Material Design设计规范(二)今天的主要分享内容1.界面中Z轴的应用2.顶部应用栏3.按钮前言什么是组件？组件是 Material Design 区别于 iOS 等其他设计的重要标识，当我们看到 FAB 时我们就知道这是 Material Design；当我们看到底部栏的独特设计时我们也能知道这是 Material Design。1.界面中Z轴的应用不同的功能使...
2019-09-23 14:06:38
173
原创 Material Design设计规范(一)
Material Design一、安卓是什么？想象一下，过年同学聚会上，大家把手机都放在饭桌前，除了各种型号的 iPhone 之外，你还能看到什么品牌的手机呢？我猜一定会有 OPPO、VIVO、魅族、小米、华为、三星对吗？也许还有一加、锤子、联想等手机品牌。这些手机全部都是使用了 Android底层构架的设备，也就是我们所说的安卓手机。。再后来，谷歌收购了安卓，有了谷歌母公司的资源，安卓的发...
2019-09-23 13:56:55
1002
原创 Chrome的开发者模式及debug mode的使用
Chrome的开发者模式及debug mode的使用简介 Chrome谷歌浏览器开发者工具是一套内置于Google Chrome中的Web开发和调试工具，可用来对网站进行迭代、调试和分析。 谷歌浏览器提供给了web开发者强大的debug功能。Dogfood: 寻找最新版本的Chrome开发者工具Chrome Canary: 总是有最新的DevTools打开Chrome开发...
2019-09-23 13:48:19
1636
原创 Docker 容器使用
Docker 容器使用Docker 客户端docker 客户端非常简单 ,我们可以直接输入 docker 命令来查看到 Docker 客户端的所有命令选项。 runoob@runoob:~# docker 可以通过命令 docker command --help 更深入的了解指定的 Docker 命令使用方法。例如我们要查看 docker stats 指令的具体使用方法：runoob...
2019-09-23 13:38:32
99
原创 Postman的安装与使用
Postman的安装与使用1.简介及安装Postman简介Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。它提供功能强大的 Web API & HTTP 请求调试。它能够发送任何类型的HTTP 请 求 (GET, HEAD, POST, PUT…)，附带任何数量的参数+headers。Postman功能:主要用于模拟网络请求包...
2019-09-23 13:37:09
147
原创 Linux的编辑工具的使用
Linux的编辑工具的使用nanovi/vim1.nanoNano是命令行界面下一个相对简单的文本编辑器，适合入门。如何启动nanonano 文件名如何使用nano +1,1 文件名 （打开文件，并且光标在1行1列闪烁）保存：ctrl+O 退出: ctr+X左右移动: ctrl+B ctrl+F 用左右键方便上下换行: ctrl+P ctrl+N 用上下...
2019-09-23 13:32:38
156
原创 Linux下Nginx的配置
Nginx简单应用Nginx使用是非常简单的，以下是常用命令：nginx -s stop 快速关闭Nginx，可能不保存相关信息，并迅速终止web服务。nginx -s quit 平稳关闭Nginx，保存相关信息，有安排的结束web服务。nginx -s reload 因改变了Nginx相关配置，需要重新加载配置而重载。nginx -s reopen 重新打开日志文件。nginx -t...
2019-09-23 13:30:54
92
原创 Linux基本概念与指令
Linux基本概念与指令简介我们熟知的操作系统有Windows、Linux、Mac OS、Android 等操作系统，操作系统（Operating System，OS）是软件的一部分，它是硬件基础上的第一层软件，是硬件和其它软件沟通的桥梁（或者说接口、中间人、中介等）。Linux 系统上有着大量的可用软件，且绝大多数是免费的，比如声名赫赫的 Apache、Samba、PHP、MySQL 等...
2019-09-23 13:29:49
118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人