一汀程序狗-CSDN博客

原创编写一个Vue插件notification

怎么为Vue编写插件vue官网有介绍 https://cn.vuejs.org/v2/guide/plugins.html 本例通过把它们添加到 Vue.prototype 上实现添加插件。比如 Vue.prototype.$notify = notifygetStart首先使用vue-cli生成一个项目，命令是： npm install -g @vue/cli或者 ya...

2018-06-22 11:51:56 4305

原创从一个例子理解NodeJS的事件循环

例子首先从一个例子开始nodejs的事件循环const { readFile } = require('fs')const { resolve } = require('path')const EventEmitter = require('events')class EE extends EventEmitter {}const instance = new EE()...

2018-06-15 18:06:07 499

原创 es6-algorithm 之 Fibonacci 尾调用优化

今天无意中翻到闰土大叔的一篇推文，关于面试题斐波拉契数列，求第n项的值，如第1000位。首先它的特征长这样： 1,2,3,5,8,13,21,34… 常见的方案是这样的：const f = (n) =&gt; { if(n === 0) return 0; if(n === 1) return 1; return f(n - 1) + f(n -2);}聪明的你肯定能第...

2018-06-08 15:34:00 477 1

原创 Koa2 源码阅读

Koa2.x 源码阅读顺序首先看koa目录下的Readme, 了解koa的基本用法。然后花几分钟时间通读下History.md，对koa的历史有个基本了解。下面进入正题。入口是 koa/lib 下的application.js这个文件。这个文件里我做了详细的注释。先看module.export，导出的就是一个Class Application, Application继承了Emitt...

2018-06-01 14:42:42 520

时隔一年没有更新博客，这一年经历了毕业，校招。目前在魔都某站前端开发。回顾2018年，已经快过去了一半，总结下自己的学习历程。读的书： es6-in-depth，阮一峰的es6标准入门，深入理解es6,你不知道的javascript上，你不知道的javascript中，图解http，Node权威指南学的付费课程；vue音乐播放器，vue-SSR实战精讲涉及的技术文档：vue api翻了两遍，每次都...

2018-06-01 11:29:06 904

转载常见的移动端H5页面开发遇到的坑和解决办法

转过来，平时看看。虽然还有很多问题至今无解。比如：华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。！！1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iP

2017-03-22 14:53:46 21143 3

原创 es6-algorithm 之链表linkedList

实现如下class Node { constructor (ele) { this.element = ele this.next = null }}const linkedList = (() =&gt; { class linkedList { constructor () { this.head = null this.l...

2018-06-25 18:34:43 424

原创 es6-algorithm 之 Queue和应用

Queue的概念我们知道队列是一种常用的先进先出（FIFO）的有序集合。队列的实际应用其实非常广泛。比如排队，event loop里的事件队列，优先队列，循环队列，操作系统中也大量运用队列。废话不多说，看看实现。Queue队列的实现首先创建Queue, Queue一般有 enqueue(队列尾部插入一条数据)，dequeue（删除队列第一条数据，也就是最先进来的那条）， front(获...

2018-06-15 19:16:39 504

原创 es6-algorithm 之 Stack

Stack栈的概念我们知道栈是一种常用的后进先出（LIFO）的有序集合。栈的实际应用其实非常广泛。比如javascript执行时会形成调用栈，在内存里就是栈的结构。比如处理递归程序，有可能抛出一个栈溢出异常。常见算法里，回溯问题用栈存储访问过的任务或路径，进制转换算法可以用栈实现。Stack栈的实现首先创建Stack, Stack一般有 push(插入数据)，pop（删除栈顶一条数据）...

2018-06-07 18:49:45 423

原创 js 数组和对象的深度拷贝

今天开发时遇到一个问题，一般来说，数组的拷贝 var a = [1,2,3] , b = a.slice(0)即可，或者b = a.concat().或者b = [].concat(a) 但是深一层的话b拷贝a后，b内部和a还是指向同一块地址，比如a = [1,{c:2}] ,b = a.slice(0) ,,后面改变b[1].c = 3,发现a[1].c也变成3了....这就涉及到

2017-06-30 19:11:48 443

原创解决VS Code保存时候自动格式化

不知道从哪个版本起，VS code 保存会自动格式化。以前都是alt+shift+F格式化的，现在一保存就格式化，而且html什么全都乱了，react项目也没法写，悲伤的我难道要转webstorm嘛？如何解决呢，操作如下：于是我找到设置，搜索关键字：“格式化”或者“保存”，然后配置了两个参数， "editor.formatOnType": false,和"editor.formatOnSave

2017-05-27 20:12:50 167227 11

原创 H5和原生app哪个好？

对于H5 和原生app的优缺点回答：我现在项目现在用的就是：Andriod和IOS相当于容器，主要复杂的业务逻辑还采用原生，已经有的子模块需要快速集成进来，或者需要快速上线的模块，原生组没有人力，所有选择了集成H5，只要写一套代码就可以实现在Andriod、ios甚至微信里运行。不过我觉得，H5比较适合活动页，交互少的页面。含有复杂的逻辑的话，特别是需要跟壳交互很多（恶心的后退逻辑，判断版

2017-04-27 14:05:46 4146

原创深入理解JavaScript 中的JSON

我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题，请问，以下JS对象通过JSON.stringify后的字符串是怎样的？先不要急着复制粘贴到控制台，先自己打开一个代码编辑器或者纸，写写看，写完再去仔细对比你的控制台输出，如果有误记得看完全文并评论，哈哈。var friend={ firstName: 'Good', 'lastName': 'Man',

2017-04-07 09:19:46 1390

原创前端模板引擎 artTemplate的使用与进阶

近期我在小组内做了一次技术分享，现在贡献出来有需要的同学可以下载demo看看。

2017-03-09 12:50:53 949 4

原创移动端的div拖拽

近期做H5时遇到让一个按钮可任意拖拽的需求，花了半晚上搞定了，并写了个demo和web端的mousemove等方法不同，移动端是touchstart、touchmove、touchend。注意以下几点：1.建议头部加上详细移步：点击打开链接2.要禁止浏览器默认事件，e.preventDefault(); 加在touchmove事件里。原因是

2017-03-02 14:17:17 3111 1

原创时间戳和日期时间Timestamp的转化

这两天在学springMVC，写了个商品管理系统demo。遇到一个难点，日期时间是private Timestamp createtime;所以AJAX请求会报400参数错误，因为传createtime有问题，后来想了下，前端做个处理，将时间戳转为Timestamp格式，下面贴JS代码：/** * 格式化显示时间日期 * @param time Unix时间戳格式, 如

2017-02-16 14:18:22 7721

转载 Http状态码

状态码含义100客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端应当继续发送请求的剩余部分，或者如果请求已经完成，忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。101服务器已经理解了客户端的请求，并将通过Upgrade 消息头通知客户端采用不同的协议来完成这个请求。在发送完

2017-01-17 09:55:15 333

原创写的一个qfDialog插件

前天突然发现接手维护的项目，弹框用的是artDialog插件。现在产品要做适配H5，所以我方了。。。这插件不好用（1.有点重，很多功能用不习惯，反正不好用吐槽下2.听组长的说的，小项目没必要引入那么多复杂的插件，不如自己封装个自己用。再吐槽下，前辈用了UEditor，整个文件夹238个文件，后来我用div设置contenteditable，甩掉一大坨）于是花了一天时间写个简单dialog弹框。

2017-01-13 15:46:14 489

原创 Jquery 在ios上事件委托失效？

最近做的一个项目，开发H5页面，然后适配运行在andriod和ios上。一个查看原卷的弹框，点击按钮后会弹出一张居中的图片，并且有全屏遮罩。现在的需求是点击遮罩弹框关闭。外面的div是遮罩，点击事件委托在document上，像这样： $(document).on("click","#lookOriginalImg",function(){ ..关闭..})在web和Android上都

2017-01-12 15:09:04 2546

一汀程序狗的博客