- 博客(151)
- 资源 (5)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 如何给MetaMask添加自定义网络
检测MetaMask插件是否安装//原始方法if (typeof window.ethereum !== 'undefined') { console.log('MetaMask is installed!');}//推荐方法import detectEthereumProvider from '@metamask/detect-provider'async function initWeb3 () { const provider = await detectEthereumProvi
2021-06-03 17:09:00
6424
5
原创 JavaScript 设计模式之迭代器模式
什么是迭代器模式？迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。迭代器模式可以把迭代的过程从业务逻辑中分离出来，在使用迭代器模式之后，即使不关心对象的内部构造，也可以按顺序访问其中的每个元素。jQuery中的迭代器迭代器模式无非就是循环访问聚合对象中的各个元素。比如jQuery中的$.each函数，其中回调函数中的参数i为当前索引，n为当前元素，...
2019-11-28 22:25:41
19062
原创 JavaScript 设计模式之代理模式
什么是代理模式？首先我们先看一个有趣的例子在四月一个晴朗的早晨，小明遇见了他的百分百女孩，我们暂且称呼小明的女神为A。两天之后，小明决定给A送一束花来表白。刚好小明打听到A和他有一个共同的朋友B，于是内向的小明决定让B来代替自己完成送花这件事情。虽然小明的故事必然以悲剧收场，因为追MM更好的方式是送一辆宝马。不管怎样，我们还是先用代码来描述一下小明追女神的过程，先看看不用代理模式的情况：//...
2019-11-27 22:49:14
20441
原创 JavaScript 设计模式之策略模式
什么是策略模式？策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。使用策略模式计算奖金很多公司的年终奖是根据员工的工资基数和年底绩效情况来发放的。例如，绩效为S的人年终奖有4倍工资，绩效为A的人年终奖有3倍工资，而绩效为B的人年终奖是2倍工资。假设财务部要求我们提供一段代码，来方便他们计算员工的年终奖。不使用策略模式我们可以编写一个名为calcula...
2019-11-26 23:46:07
20574
原创 JavaScript 第二十七篇 性能篇
避免全局查找可能优化脚本性能最重要的就是注意全局查找。使用全局变量和函数肯定要比局部的开销更大，因为要涉及作用域链上的查找。将在一个函数中会用到多次的全局对象存储为局部变量总是没错的。 特别是使用链式操作的时候，如果涉及到全局变量，应把全局变量赋予给局部变量避免 with 语句在性能非常重要的地方必须避免使用 with 语句。和函数类似，with 语句会创建自己的作用域，因此会增加其中执行的...
2019-11-22 23:24:57
21602
原创 webpack简单例子
webpack打包简单例子安装node查看node版本，node-v，查看npm版本，npm-v创建一个新文件夹 mkdir my-project打开文件夹cd my-project初始化项目 npm init -y初始化webpack npm install webpack webpack-cli --save-dev\查看webpack版本 ./no...
2019-06-05 15:09:45
497
原创 webpack
webpack为什么要深入掌握webpack？应用场景不同，node的繁荣，三大框架的构建工具的转换代码优化，跨端应用webpack一切皆为模块难度适中，学习成本大工程化思维...
2019-06-05 11:20:17
155
原创 小程序canvans一键截屏纯前端实现
小程序canvas一键截屏，生成图片并保存，提供源码核心代码如下，大家可以参考一下downImg(list) { var that = this let imglist = [] let n = 0 function up() { wx.downloadFile({ url: list[n], success(res...
2019-04-20 08:53:20
4132
4
原创 用XMLHttpRequest模拟EventSource
此文仅抄录于javascript权威指南//在不支持EventSource API的浏览器里进行模拟//需要有一个XMLHttpRequest对象在新数据写到长期存在的HTTP连接中发送readystatechange事件//注意，这个API的实现是不完整的//它不支持readyState属性,close()方法，open和error事件//消息事件也是通过onmessage属性注册的...
2019-01-11 17:37:49
1825
原创 开发一款简单的百度小程序（由微信小程序迁移过来）
开发一款简单的百度小程序百度小程序刚出两个月不久,上个周末闲来无事，看了一下百度小程序的文档，百度下程序的文档跟微信的差不了多少，就是一些api和语法会有一点差别，基本上能写微信小程序的都能很快学会百度小程序！不过百度小程序的开发者工具真的没有微信的好。我写了一款简单的百度小程序项目，代码已挂在码云上，git地址：https://gitee.com/Q_Augly/baidu_applet感兴...
2018-12-04 11:20:34
4058
6
原创 在vue-cli里如何对接融云webIM
在vue-cli里如何对接融云webIM如何对接融云的webIM实时通讯云首先打开融云官网，简单看一下融云的介绍引入融云的CDN初始化融云实时通讯云链接融云获取会话列表发送消息下载源码地址如何对接融云的webIM实时通讯云读者您好，很开心能与一起分享我的项目收获，这里主要介绍一个本人在vue-cli里如何对接融云webIM实时通讯云，以及踩过的坑，项目为公司的一个3d线上展会项目，需要对接前端...
2018-10-15 16:00:46
8159
30
原创 微信小程序动态获取scroll-view的高度
微信小程序动态获取scroll-view的高度本来想今天给大家写一个上传一个单图片或者多图片的封装函数，奈何今天起得晚，还要上班，就给大家介绍一个动态获取scroll-view的高度的方法。在我们做商城或者文章列表时我们经常会使用scroll-view这个组件。官方是这么介绍scroll-view 当我们使用竖向滚动时，需要给scroll-view一个固定高度，通过 WXSS 设置 ...
2018-07-21 08:11:12
8137
原创 微信小程序之二次封装request网络请求
哈喽！今天给大家分享一个小技巧，大家做小程序项目的时候肯定会遇到数据对接，需要用到wx.request()这个方法,因为我们通常要进行多次的数据请求。于是乎又给大家带来一个偷懒的方法。还是老方法。封装 首先我们来看一下官方文档中介绍的wx.request() 正常用的时候我们是这样用的wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址...
2018-07-20 07:56:09
6902
2
原创 微信小程序之二次封装微信支付函数
微信小程序之二次封装微信支付函数我们平常做微信小程序的时候基本都经常用到微信支付，这个方法 官方文档是这样介绍的每次调用都需要这样难免很麻烦，于是乎我偷了个懒 我给这个函数封装了起来 首先在utils下面创建一个新的文件 我命名为config.js(这个是根据个人爱好来的) 然后代码如下/** * 自定义封装支付函数 */function pay(r...
2018-07-18 09:10:12
3863
原创 小程序如何写一个优美的tab选项卡
小程序如何写一个优美的tab选项卡？最近有位朋友刚学小程序，于是乎给我传了他写的一个tab选项卡，昨天晚上恰有空闲，于是改了一下写选项卡的方法有很多，方法也特别简单，本文就介绍一下就客户体验而言如何让写一个用户体验不错的选项卡效果如下gif所示wxml结构一共分为两个部分一个是tab头部和swiper构成的内容部分，用swiper做切换内容的盒子的好处是它能让用户的体验变得更好，...
2018-07-17 15:15:25
6100
2
原创 微信小程序自定义组件的使用，来自项目的总结
小程序自定义组件的使用一直以来忙项目都没有什么时间来写博客，今天晚上刷了会儿csdn,知乎等平台，发现有很多人再问小程序自定义组件怎么写，如何编写一个自己的自定义组件？当然也有一些同行们对于这些问题都有解答。今天就自己的项目经验给大家从构建自定义组件，调用自定义组件，传值给组件，组件传值出来，给大家讲解一下如何构造一个自定义视频组件大家可能都刷过火山小视频，本次讲解的就是做的一款类似于...
2018-07-07 00:56:32
7939
3
原创 小程序wx-charts的项目实用
大家好，我是小九 最近公司的一个小程序项目要用到统计类折线图 于是准备用wx-charts来做这个趋势图 首先从gethub上或者从码云上下载wx-charts.js,传送门:https://gitee.com/Q_Augly/wx-charts.git 打开git地址后我们可以看到wx-charts的一些介绍。 wx-charts是基于canvas用js写的。 支持的图表类型...
2018-06-20 12:50:13
26257
23
原创 小程序ajax的封装技巧
小程序ajax的封装最近做公司的小程序的项目的时候，发现小程序的ajax比较麻烦，在github上找了几个小程序的封装ajax，发现在实际运用中存在函数的执行顺序问题，于是乎，自己基于小程序原生的ajax封装了一下，废话不多说！代码如下： 在app.js中对ajax进行了一下全局变量的封装 ajax(Type, params, url, successData, errorData, ...
2018-04-06 15:38:44
3385
原创 分享几道有趣的算法题
LeetCode 54. 螺旋矩阵给定一个包含 m x n 个元素的矩阵（m 行, n 列），请按照顺时针螺旋顺序，返回矩阵中的所有元素。示例1输入:[ [ 1, 2, 3 ], [ 4, 5, 6 ], [ 7, 8, 9 ]]输出: [1,2,3,6,9,8,7,4,5]示例2输入:[ [1, 2, 3, 4], [5, 6, 7, 8], [9,10,11,12]]输出: [1,2,3,4,8,12,11,10,9,5,6,7]个人解法LeetCode
2020-10-12 23:19:16
1474
9
原创 关于《Ant-design-vue 树形控件tree 新增节点，删除节点，编辑节点的解决方案》文章的补充
我看有不少人看到这个《Ant-design-vue 树形控件tree 新增节点，删除节点，编辑节点的解决方案》文章以后，有不少疑惑，关于删除，增加的问题，以及key重复的问题，我发的这篇文章只是提供了一个思路。整合下，还是对你们详解一下，可能有些人看得不是很明白关于dom<a-button type="primary" @click="add">添加顶级菜单</a-butt...
2020-04-15 15:15:41
6123
原创 判断微信浏览器环境以及ios和安卓环境
function isWeiXin () { if (navigator.userAgent.match(/(MicroMessenger|micromessenger);?/i)) { return true; // 是微信端 } else { return false; }}if (navigator.userAgent.match(/(iPhone|iPod|...
2020-04-14 20:52:33
733
原创 JavaScript之数据结构链表
function defaultEquals (a, b) { return a===b}class Node{ constructor(element) { this.element = element this.next=undefined }}class LinkedList { constructor(equalsFn =defaultEquals...
2020-04-12 22:39:59
162
原创 JavaScript数据结构之双端队列
class Deque { constructor() { this.list = {} this.count = 0 this.lowestrCount = 0 } //在双端队列前端添加 addFront(el){ if(this.isEmpty()){ this.addBack(el) } else if (this.low...
2020-04-12 10:35:58
160
原创 JavaScript数据结构之队列
class Queue{ constructor() { this.count = 0 this.list = {} this.lowestCount=0 } //往队列添加元素 enqueue (element) { this.list[this.count] = element this.count++ } //检测队列是否为空...
2020-04-09 23:15:24
150
原创 JavaScript不用数组实现栈的方式
class Stack { constructor() { this.item={} this.count=0 } //栈顶添加 push(item){ this.item[this.count]=item this.count++ } //删除 pop(){ if(this.isEmpty()){ return un...
2020-04-08 22:51:45
303
原创 React初始化项目指南
安装脚手架npm install create-react-app利用脚手架搭建项目npx creact-react-app暴露配置项npm run eject如果需要安装less打开webpack.config.js找到下面代码所在位置style files regexes将以下代码添加到规则后面// 添加 less 解析规则const lessRegex ...
2020-03-17 12:56:26
309
原创 Node之中间件
中间件概述Express框架中一个非常重要的概念——中间件。在Express框架中，允许通过中间件的使用来调用各种第三方类库，这让我们的开发工作变得更为方便，也使得我们可以开发出各种更为强大的应用程序。一个中间件是一个用于处理客户端请求的函数。一个HTTP服务器中可能会使用到各种中间件。当接收到一个客户端请求时，首先将该请求提交给第一个中间件函数，每一个中间件函数内部封装一个next回调函数，...
2020-02-16 21:44:31
585
原创 如何部署Node项目到线上服务器？
首先我们得现有一台服务器这里以CentOS 7.6服务器为例，以node+MongoDB讲解首先介绍一下设置镜像源为淘宝镜像首先执行以下命令回到根目录root下cd ~ 1.备份mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup2.下载新的 CentOS-Base.repo 到...
2020-01-17 21:55:31
732
原创 Node之util模块中的一些实用方法
format方法format方法的作用有些类似于C语言中的printf方法。该方法将第一个参数值作为一个格式化字符串，将其他参数值作为该格式化字符串中所使用的各种参数，返回一个经过格式化处理后的字符串。util.format(format,[...])在format方法中，可以使用一个或多个参数，不限定参数个数。第一个参数为一个格式化字符串，该格式化字符串中使用零个或多个参数，参数个数等于...
2020-01-14 21:34:18
440
原创 Node之使用os模块获取操作系统信息
引在Node.js中，提供了一个os模块，可以使用该模块中的各种方法来获取运行应用程序的操作系统的各种信息，这些方法均不使用任何参数。tmpdir方法该方法用于获取操作系统中默认的用于存放临时文件的目录。os.tmpdir()endianness方法该方法用于获取CPU的字节序（endianness），可能返回的值为“BE”及“LE”。os.endianness()hostna...
2020-01-12 00:40:17
6265
原创 Node之使用dns模块解析域名
引在网络编程中，开发者更倾向于使用域名，而不是IP地址来指定网络连接的目标地址。在Node.js中，提供dns模块，以实现域名查找及域名解析的处理。在dns模块中，提供了三个主方法及一系列便捷方法。其中三个主方法分别为用于将一个域名解析为一组DNS记录的resolve方法、用于将一个IP地址转换为一组域名的reverse方法以及用于将一个域名转换为一个IP地址的lookup方法，dns模块中的...
2020-01-11 23:24:47
2618
原创 Node之加密与解密处理
crypto模块概述在Node.js中，使用OpenSSL类库作为其内部实现加密与解密处理的基础手段，这是因为目前OpenSSL已经成为了一个经过严格测试的可靠的加密与解密算法的实现工具。在Node.js中，OpenSSL类库被封装在crypto模块中，因此开发者可以使用crypto模块来实现各种不同的加密与解密处理。例如，crypto模块中包含了类似MD5或SHA-1之类的散列算法。开发者也...
2020-01-11 00:20:46
3302
原创 Node.js中的断言处理
在Node.js中，可以利用assert模块进行断言处理，即书写一些判断用测试代码，如果判断结果为假，则抛出AssertionError异常。判断两个值是否相等assert.equal(actual, expected, [message])actual：实际值expected：预期值message：自定义异常信息判断两个值不相等assert.notEqual(actual, ...
2020-01-08 22:50:31
2348
原创 Node.js中的错误处理
使用domain模块处理错误domain模块概述从Node.js v0.8版开始，提供domain模块。该模块中提供一个Domain对象，当应用程序在任何时刻抛出错误时可以通知该对象，然后由该对象来统一处理这些错误。使用domain模块处理错误实例var http = require('http');var domain = require('domain');http.createS...
2020-01-08 22:48:51
2451
原创 Node之在多个子进程中运行Node.js应用程序
引一个Node.js应用程序只能使用在一个线程中。最近，为了充分发挥多核CPU的优势，Node.js中提供了一个cluster模块，允许在多个子进程中运行不同的Node.js应用程序。使用fork方法创建worker对象在cluster模块中，可以使用fork方法开启多个子进程，在每个子进程中创建一个Node.js应用程序的实例，并且在该应用程序中运行一个模块文件cluster.fork(...
2020-01-07 23:46:37
2704
原创 Node之创建多进程应用程序
引在Node.js中，只使用一个线程来执行所有的操作。因此，如果在应用程序中存在某个操作需要大量消耗CPU资源的情况，则其他操作都会受到一定的影响。例如，当服务器正在执行一个非常消耗CPU资源的操作，则在该操作执行之后接收的客户端请求都需要等待该操作执行完毕后才能被处理。、近些年来，服务器一般都开始使用多核CPU或者多CPU，许多服务器应用程序都开始依靠多线程或多进程机制来处理这些请求，以便可...
2020-01-06 22:48:42
2404
一款简单百度小程序源码
2018-12-04
优酷等一系列视频网站是怎么做的？什么是挂载视频？如何挂载视频？
2017-07-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人