2017年02月_Evan_Gu

11月 10月 08月 06月 05月 04月 03月 02月 01月

转载 CSS Module

CSS 是前端领域中进化最慢的一块。由于 ES2015/2016 的快速普及和 Babel/Webpack 等工具的迅猛发展，CSS 被远远甩在了后面，逐渐成为大型项目工程化的痛点。也变成了前端走向彻底模块化前必须解决的难题。CSS 模块化的解决方案有很多，但主要有两类。一类是彻底抛弃 CSS，使用 JS 或 JSON 来写样式。Radium，jsxstyle，react-style 属于

2017-02-20 14:00:31 3671

转载 Dynamic Time Warping（DTW）动态时间规整算法

Dynamic Time Warping（DTW）是一种衡量两个时间序列之间的相似度的方法，主要应用在语音识别领域来识别两段语音是否表示同一个单词。1. DTW方法原理在时间序列中，需要比较相似性的两段时间序列的长度可能并不相等，在语音识别领域表现为不同人的语速不同。而且同一个单词内的不同音素的发音速度也不同，比如有的人会把“A”这个音拖得很长，或者把“i”发的很短。另外，不同时间序列可能

2017-02-18 15:08:13 31144 3

转载 WEB的用户安全登录功能

转自：http://coolshell.cn/articles/5353.html你会做Web上的用户登录功能吗？Web上的用户登录功能应该是最基本的功能了，可是在我看过一些站点的用户登录功能后，我觉得很有必要写一篇文章教大家怎么来做用户登录功能。下面的文章告诉大家这个功能可能并没有你所想像的那么简单，这是一个关系到用户安全的功能，希望大家能从下面的文章中能知道什么样的方

2017-02-17 20:09:12 1848

原创 html5 canvas drawImage图片模糊

问题：当使用如下设置时，图片显示模糊 javascriptvar img=new Image();img.src="http://www.w3school.com.cn/i/eg_tulip.jpg";img.addEventListener('load', function(){var cvs=$("#cvs")[0];var ctx = cvs.getContext('2d');ct

2017-02-17 16:06:58 6922

转载 JSON.stringify(value[, replacer [, space]])

转自：https://segmentfault.com/a/1190000000485428 1.只提供第一个参数简单的序列化对象为JSON字符串var object = {'a':1,'b':2,'c':3};JSON.stringify(object)"{"a":1,"b":2,"c":3}"2. 提供第二个参数，主要作用过滤序列化输出的内容,第二个参数可以是数组

2017-02-13 10:05:38 738

转载 Webpack载入loader，imports-loader,exports-loader,expose-loader

Webpack有几个和模块化相关的loader，imports-loader,exports-loader,expose-loader，比较容易混淆。今天，我们来理一理。webpack中引入第三方库非npm包，可以采用exports-loader 的方法引入imports-loaders文档介绍的是：用于向一个模块的作用域内注入变量（Can be used to injec

2017-02-13 09:25:57 1368

转载 Webpack 入门

大概算是一份教程吧, 只不过效果肯定不如视频演示之类的好..Webpack 最近在英文社区上经常看到, 留了心, 但进一步了解是通过下边的视频:视频: How Instagram.com Works, Peter HuntPeter Hunt 也是 React 的传教士, 我由于对 React 的关注因此细看了视频再后来是出现 React Hot Loader 这样的开发神器, 我

2017-02-12 18:59:29 579

转载 Javascript创建文件下载

前端很多项目中，都有文件下载的需求，特别是JS生成文件内容，然后让浏览器执行下载操作（例如在线图片编辑、在线代码编辑、iPresst等）。但受限于浏览器，很多情况下我们都只能给出个链接，让用户点击打开-》另存为。如下面这个链接：file.js用户点击这个链接的时候，浏览器会打开并显示链接指向的文件内容，显然，这并没有实现我们的需求。HTML5中给a标签增加了

2017-02-11 21:53:19 801

原创 Html中button标签设置background问题

在设置button的background样式时，会出现如下问题<html><head><style type="text/css"> .b{ width:100px; height:200px; background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; }<

2017-02-11 20:38:03 11280

转载 Javascript中event对象的clientX，LayerX，offsetX, pageX

废话不多说，下面分别检测各个浏览器下的e.pageX e.layerX e.offsetX e.clientX e.screenX e.x 属性；测试浏览器：FF9/Chrome15/opera11.52/safari5(win)/IE6/7/8/9测试代码：View Code 图示：测试结果如下：chrome：e.pageX——相对整个页面的坐标 e.layerX——相对当前选

2017-02-11 15:58:13 2749

ISO11179 2015

SO / IEC 11179-5：2015信息技术—元数据注册表（MDR）—第5部分：命名原则 ISO / IEC 11179-5：2015提供了有关在ISO / IEC 11179-3中定义的以下各项的命名的说明：概念，数据元素概念，概念域，数据元素和值域。ISO / IEC 11179-5：2015描述了元数据注册表（MDR）中的命名；包括可以制定命名约定的原则和规则；并提供命名约定的示例。

2020-11-12