liuyaqi1993-CSDN博客

原创 JavaScript Proxy: 修改实例属性、方法

Proxy介绍：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy直接上代码：function createProxyClass(TargetClass, proxyHandler) { const _constructor = TargetClass; ...

2019-07-03 17:09:41 1617 1

原创使用 async await + setTimeout 分割 while 循环

由于JavaScript单线程的特性，在执行CPU密集型任务时（如大数组排序）会阻塞网页的渲染，解决办法一般是使用setTimeout函数对任务进行分割，或者把这类任务交由 web worker 处理。今天遇到一个对大数组排序的问题，需要使用任务分割来避免阻塞，在这里记录下我的实现方法。在实现时我将 while 语句进行了分割，避免出现大循环体语句一直进行计算，主要代码如下： // ...

2018-03-27 16:42:14 5806 4

原创在 Node.js 中使用C++

这几天在看 Node.js 的官方文档，看到了 C++ 插件部分，由于很久没有接触 C/C++ 了，看起来着实吃力，决定写一个 Hello World 后跳过该部分。

2017-12-06 12:33:38 5802 1

原创 Node.js调用cmd输出中文乱码

在Windows上使用Node.js通过cmd调用别人的exe程序，结果发现输出中文乱码，解决思路有两种。

2017-12-05 19:31:53 18628 1

原创关于document的三个方法：open、write、close

document.open会打开一个新文档，清除已加载的文档；document.write在HTML加载后调用会导致open方法调用一次；document.close会关闭打开的文档。

2017-10-21 15:34:07 3981

原创探究 Content-Disposition：解决下载中文文件名乱码

直接在Content-Disposition中设置中文会导致乱码。通过Character Set and Language Encoding for Hypertext Transfer Protocol (HTTP) Header Field Parameters 中的规定设置了正确的的编码方式，从而实现正确显示中文。

2017-10-18 17:28:05 26396 2

翻译图解Node.js之async_hooks

async_hooks，即异步钩子，是Node 8中一个新的实验性API，能使我们追踪资源（resource）、监视程序变得更加简单。

2017-09-18 10:08:19 7183

原创 TensorFlow安装与入门: 使用CNN训练MNIST

上学期钻研了下Python3和人工神经网络，如多层感知器、卷积神经网络等算法原理。这两天看了下TensorFlow这个框架，在这里记录下遇到的小问题，以及参考官网的说明写的使用CNN训练MNIST的Python代码。

2017-09-17 18:05:11 1268

原创一个NW.js+Webpack+Gulp+React的Hello World

结合所学的Webpack、Gulp、React、Materialize、Babel这些工具在NW.js平台上写一个新工程Hello world，以后会在这个工程基础上用不同的分支做点小程序。

2017-09-14 16:53:48 3262 5

原创常用MIME类型

MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名，以及一些媒体文件打开方式。比如前端直接

2017-09-07 12:34:43 395

原创 Mac添加环境变量，解决command not found

配置Mac环境变量的简单方法

2017-09-05 22:45:06 12135 2

原创前端预览PDF：PDFObject、PDF.js

object、embed、iframe这几个标签能实现PDF文件的预览（无需JavaScript支持），但是都受限于浏览器的支持。PDFObject是一个通过embed标签实现PDF预览的js库，速度较快。对于不支持PDF预览的浏览器则可以通过PDF.js来进行预览，其实现是基于Canvas 。

2017-09-03 16:53:40 49022 14

原创我的THREE.js之旅03: 使用THREE.js绘制地球和云层

页面上有一个地球和云层的3D效果。首先给一个SphereGeometry加上地球纹理，再给另一个SphereGeometry加上透明的云层纹理，套在一起，加上动画就好了

2017-08-25 17:22:58 2290

原创使用Node.js解析PNG文件

使用Node的fs.createReadStream()可以创建一个文件读取流，在这里我使用的是Paused模式（Paused模式和Flowing模式可以看上一篇的介绍），通过stream.read()方法可以比较精细地读取readable流中的数据。通过对PNG格式的分析，通过解压、逆滤波操作恢复真正的PNG图像数据。

2017-08-25 11:55:20 7246 2

原创 Node.js发送视频流

Node.js中的流Node.js的流(Stream) API 非常强大，它是处理流数据的抽象接口。通过pipe()方法可以方便地将视频流分段发给前端。

2017-08-02 17:16:09 9549 3

原创 d3.js+react实现算法可视化：排序篇

前言：知道d3.js已经很长时间了，直到去年才好好看了一些教程写了一些demo，当时还是3.x版。最近这几天在看react、react-router之类的，想自己写些东西出来，刚好想到该复习下d3.js，自己就做了这个算法可视化的demo，目前只做了排序，包括冒泡排序、插入排序、选择排序、归并排序、快速排序，之后有时间的话会继续做其他的数据结构与算法的可视化。目前有很多算法可视化的网站，比

2017-05-19 19:05:42 4990 1

原创我的THREE.js之旅02: 使用THREE.js加载OSM的地图

之前为了做个轨迹三维可视化页面，用了vizicities.js来加载地图，昨前大概看了下vizicities的代码，决定自己用three.js写个demo出来。涉及的知识点：Web墨卡托投影经纬度坐标与墨卡托投影坐标的转换OSM的地图切片，切片公式参考链接：墨卡托投影地图切片公式备忘WGS84经纬度坐标与web墨卡托之间的转换Web（瓦片）地图的工作原理

2017-05-14 21:46:38 10982 5

原创 JavaScript模拟函数重载

在Java等语言里面实现函数的重载是比较简单的，参数数量不同就能实现同名函数的重载，而JavaScript中的参数本质上还是arguments这个类数组的引用，不能直接更具参数数量的不同而达到重载，这里使用的闭包实现函数重载：一层一层去寻找合适的函数去执行，代码如下：function setOverload(target, fn) { //注意,target只是原函数的引用,修改这个引

2017-04-24 22:49:56 926

原创 JavaScript数据结构之堆排序

以前没学过这种排序，今天看了一下，最好、最坏时间复杂度都是nlog2n。原理可以参考这篇博客，里面的图不错 http://blog.csdn.net/xiaoxiaoxuewen/article/details/7570621/JavaScript实现：/** * 对数组中的前n项整理成堆 * @param array * @param n */function re

2017-04-07 16:45:40 1618

原创 JavaScript数据结构之无向图

/** * 无向图 * * 广度优先搜索：初始化每个点的标记为未检查，选一个起始点入队列，贴上待检查标记， * 然后该点出队列，寻找所有标记为未检查的相邻点并将其入栈（同时修改其标记为待检查）， * 对于已经出队列的点，标记为已检查。终止条件：队列为空 * * 深度优先：采用迭代的方式，类似于树的遍历，但是要在遍历过程中检查当前点是否已经并遍历过 */function Grap

2017-04-06 16:50:12 1102

原创 JavaScript运算符优先级与结合性

JavaScript中的优先级、结合性、计算顺序

2017-04-05 12:26:54 813

原创 JavaScript数据结构之二叉排序树

/** * 二叉排序树（Binary Sort Tree）又称二叉查找树（Binary Search Tree），亦称二叉搜索树。 * 左边子节点的值父节点的值右边子节点的值 * 包括的方法有：插入、遍历、查询、查询父节点、右树上最小节点、 * 前中后序遍历、清空、删除、是否为空、求宽度、求深度 */function BinarySortTree(value){ this

2017-04-01 17:37:50 536

原创模拟实现Promise

最近复习了一下Promise，决定自己实现一下，加深对Promise流程的理解。当然，这个模拟还不是很完善。/** * 使用MyPromise模拟Promise基本功能： * MyPromise新建就立即执行其参数fn，这点比较重要 * fn里面必须调用状态函数resolve或者reject之一 * 每次.then接受一个处理MyPromise当前状态的回调函数，包括resolve和rej

2017-03-30 17:27:21 1549

原创给定入栈顺序求所有出栈可能性

以前很少接触算法，没有遇到过这种问题，但是，在做美团、CVTE的前端笔试题时，都遇到过这种智力题：根据规律求括号中的数：1,1,2,5,14,()我怎么知道这个规律会是：-_-||（看来我基础确实不好）所以连续懵逼两次，后来再做另外一道题的时候才了解到这个数列 ”卡塔兰数”。。。题目是这样的：已知入栈顺序是1,2,3,4,5,6,7 ，求出栈可以有多少种，答案就

2017-03-25 20:30:38 13129

原创 css3 a标签效果

在https://tympanus.net/Development/CreativeLinkEffects/#cl-effect-5看到一些不错的标签hover效果，自己试着实现了几个（本人菜鸟一枚）预览主要使用::after、::before伪元素实现，比较麻烦的是第三个CSS3d效果，要设置的比较多。代码如下： html,body{

2017-03-24 22:01:12 3118

原创 CSS3选择器

在新窗口中打开图片会比较清晰

2017-03-23 18:42:06 573

原创 javascript获取express传到jade的值

后端： res.render('login', {img:img});jade里面添加JavaScript代码可以获取img：var imgData = !{JSON.stringify(img)};

2017-02-20 20:09:19 900

原创 javascript类与继承

"父类" function Foo(name){ this.name = name; } Foo.prototype.myName = function(){ return this.name; }; //让Bar继承Foo function Bar(name, label){ Foo.call(th

2017-01-12 11:09:03 327

转载 javascript中对象连等问题 ==

看到一篇有意思的博客，记录下其中的两个例子var a = {n: 1};a.x = a = {n: 2};console.log(a.x);//undefinedvar a, b, c, d;a = b = c = d = {a: 1};a.x = a = b.y = b = c.z = c = {}console.log(a, b, c, d);//undefined,undefi

2016-11-10 20:08:31 457

原创 Number.MAX_SAFE_INTEGER与Number.MAX_VALUE

Number.MAX_SAFE_INTEGER 9007199254740991，小于该值能精确表示Number.MAX_VALUE 1.7976931348623157e+308，大于该值得到的是Infinity，介于Infinity和安全值之间的无法精确表示。111111111111111111111111111111111111111111111111111111

2016-11-10 16:52:18 3457 1

原创 d3.js 创建散点图

最近学d3，对着书中的例子敲了一遍散点图 .axis path, .axis line{ fill: none; stroke: black; shape-rendering: crispEdges; }

2016-11-09 17:04:12 613

原创 node.js POST流程

本人菜鸟，最近看nodejs，将post理解成这样了，利用http中request收集post数据块，end后回掉到路由，再由路由将data传给具体函数处理。求指教。

2016-01-21 19:42:02 717

原创假设检验中的p值

p值是指对于该样本，在假设原假设（H0）正确时，出现现状或更差（极端）的情况的概率。也就是说，p是已经发生的概率，如果这个概率很小，小到几乎是不可能发生，但是这件事情却已经发生了，我们就有理由怀疑原假设是不对的。举例：有一枚硬币：H0：该硬币正反均匀；H1：该硬币正反不均匀；现在进行实验，掷20次，结果9次朝上。在H0正确的情况下,正反概率都是0.5，比这个状况更极

2016-01-05 21:49:39 3793

原创 c++中*与&的区别

//&取地址，*定义指针int i=1;int *j;j=&i;//j就是i的地址printf("(*j)=%d\n",(*j));//(*j)=1int &k=i;//k永远只能是i的别名（但是指针可以再指向其他地址），改变i就改变k，改变k就改变i；k++;printf("k=%d,i=%d,(*j)=%d\n",k,i,(*j));//k=2,i=2，(*j)=2i++;

2016-01-04 16:47:45 789

原创我的THREE.js之旅01

教材：Three.js开发指南第一章 example 01.01 body{ margin: 0; overflow: hidden; } $(function(){ var scene=new THREE.Scene();

2015-06-22 14:21:45 722

liuyaqi1993的博客