MR_Teen-CSDN博客

原创博客迁移通知

在这里好多年，也发了很多文章，来鹅厂后，很长一段时间没有坚持更新，现在下定决定，在腾讯云社区坚持更新。现将博客迁移到腾讯云社区。欢迎查阅https://cloud.tencent.com/developer/column/78054吐槽现在广告太多，页面太乱了。...

2019-07-03 22:01:15 266

翻译 nodejs中spawn和exec的区别

1、spawn返回值： stream方式异步输出stdout stderr适合：适合处理large data 、 img 、 binary2、exec返回值： buffer方式：异步默认缓冲区大小200khttp://www.hacksparrow.com/using-node-js-to-download-files.html#nodejs-wget...

2019-02-18 21:26:05 5242

原创 airbnb Javascript的eslint配置

Aribnb JavaScript 风格指南关于EslintEslint是识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误，说白了就是用来检测代码风格的。在中大型项目中对维护项目的规范性、健壮性、可读性尤其有用。配置原则我们依据以下三条原则，研读了 ESLint 所有的配置项，定制出了心目中「完美」的 ESLint 配置。能够帮助发现代码错误的规则，全部开启配置不应该依...

2019-01-15 07:40:33 2056

原创 Android 设备WebView远程调试

声明：本文主要介绍chrome 的inspect 实现的远程调试。要求 Android 4.4 (KitKat) 以上并能开启webview渲染，chrome 版本 32++(建议最新版本)。大部分内容来自谷歌开发者网站，部分图片来自老版本的chrome，但大体上一样。如果低于上面的硬件要求可以通过weinre来调试，详情见文章。https://segmentfault.com/a/1190

2017-04-17 23:08:04 7941 2

原创 visio studio code 简介

Visual Studio Code （简称 VS Code）是由微软研发的一款免费的、轻量级的Web集成开发环境，且开源的跨平台文本（代码）编辑器，能运行在Linux、Mac 、Windows系统上。在智能提示变量类型,函数定义,模块方面继承了visio studio的优秀传统，在断点调试上也有不错的表现。前言之前一直用 sublime text，它的插件很丰富上手快觉得蛮好的，但是收费为70

2016-12-16 09:40:58 17355

原创 wamp server 多站点多域名 vhost 配置

前言因为之前做node.js，好久没有用apache做php服务器，没想到apache 升级了，配置文件的都有变化了。之前用的是apache 2.2 的版本，新下载的wamp server version 2.5 中 apache的版本是 2.4.9，mysql 的版本是 5.6.17 ，php的版本是5.5.12。查阅了km上相关的文件记录，有三篇相近文章，其涉及的内容本文就不赘述，说些其他的，

2016-11-05 14:52:55 3629

原创前端开发中常见模块规范

commonjs 规范主要是正像服务端(后端)的模块规范，尤其是在nodejs发展起来后得到快速发展。

2016-10-21 15:14:04 558

原创【yarn】全新JavaScript包管理工具【一】

facebook推出的快速、可靠和安全依赖关系JavaScript包管理工具，完全有替代npm的势头。.特点快速：yarn 会缓存每个已经下载了的程序包，所以它永远不需要再下载。它能使操作资源利用率的最大化，所以多次安装比以往任何时候都更快。可靠：使用(内容)详尽的而(方法)简洁的(方式)并使用lockfile和决定性算法来安装包,yarn 可以保证只要安装运行在一个系统上，也将以完全相同的方式运

2016-10-13 16:52:13 3967

原创在线的CSS 3D Web图形编辑器 -- Tridiv【css 3D】

css 网站分享系列利用最新的CSS技术，配合支持的浏览器，你可以轻松的在线创建、浏览并保存管理Web 3D图像。Tridiv是一个基于 Web 的免费编辑器，使用 CSS 创建 3D 图像，直观且容易操作，不需要多余的教程即可轻松上手，并且可基于Local Storage保存管理你创建的3D图像。网站标语：Making 3D in CSS has never been easier 网站地址：h

2016-09-28 14:31:29 1636

原创 webP兼容性前端处理方法

上一篇【webp简介】兼容性来自于【ISUX -Hahn 的文章 WebP 探寻之路】根据对目前国内浏览器占比与 WebP 的兼容性分析，大约有 50% 以上的国内用户可以直接体验到 WebP，如果你的网站以图片为主，或者你的产品基于 Chromium 内核，建议体验尝试。假如你打算在 App 中使用 WebP，除了 Android4.0 以上提供的原生支持外，其他版本以及 iOS 都可以直接使用

2016-09-27 16:25:17 13476 4

转载求和为n的连续正整数【经典面试题】

转载自《【BAT经典算法面试题系列】求和为n的连续正整数》 http://blog.csdn.net/htq__/article/details/52189152题目描述：给一个正整数n，打印出所有的和为n的连续正整数序列，如果不存在则输出空，如：n=15，因为15=1+2+3+4+5=4+5+6=7+8则输出[1,2,3,4,5],[4,5,6],[7,8]本文用javascript来实现的，

2016-09-17 12:48:08 2264

原创 session/cookie机制

面试经常为问到这个问题，cookie和session的区别以及其原理。session 会话Session是服务器生成并存储的对象，该对象用于存储特定用户会话所需的属性及配置信息。sessino介绍【深入理解HTTP Session】cookiecookie是储存在用户本地终端上的数据。某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据（通常经过加密）。cookie

2016-09-16 16:54:19 481

原创 Linux查看版本信息

linux中的一些基础信息查看Linux 基本信息展示1、输入uname -a,可显示电脑以及操作系统的相关信息。[root@localhost ~]# uname -aLinux bogon 2.6.32-504.el6.x86_64 #1 SMP Wed Oct 15 04:27:16 UTC 2014 x86_64 x86_64 x86_64 GNU/Linux2、显示正在运行内核版本信息[

2016-09-14 14:44:46 6435

原创 JavaScript做浏览器检测

最近看了一些面试题，有些还比较有意思，所以拿出来分享一下1、最短IE浏览器检测if(!-[1,])//我试了多次,在windows10的ie不行啊 console.log("这是ie浏览器"); 变种还有 !+[1,],这个俄国人打破了，现在只要6 bytes!它利用了IE与标准浏览器在处理数组的toString方法的差异做成的。对于标准游览器，如果数组里面最后一个字符为逗号，JS引

2016-09-13 23:16:57 515

原创【svn】svn的diff命令用法详解

linux下svn diff命令的使用方法，diff (di): 显示两个版本或路径的差异。用法 diff [-c M | -r N[:M]] [TARGET[@REV]…]1、显示版本 REV 中 TARGET 在两个不同的版本之间的差异。TARGET 要么全是工作副本路径，要么全是 URL。如果 TARGET 是工作副本路径，N 默认为

2016-09-06 16:29:52 28884

原创【svn】svn的switch命令说明

linux下 svn switch 命令，switch (sw): 更新工作副本至不同的 URL。用法: 1、switch URL[@PEGREV] [PATH] 2、switch –relocate FROM TO [PATH…]1、更新工作副本，切换到同一版本库中的新 URL。其行为跟 “svn update” 很像，也是将工作副本切换到同一版本库中某个分支或者标签

2016-09-06 16:12:50 12034

原创 Reactjs相关实例学习【Reactjs】

虽然React.js 在2013年就出来，而且还有facebooke 给背书，在github上面也比较活，因为之前一直在做电商的项目，都是pc端完了然后弄个手机端，所以只是知道了解相应的东西，没有具体的接触，现在时间相对多一点了，开始慢慢实践相关的技术。后面会慢慢的讲到：React、Angular、Vuejs 并且可能会有相关实例对比（尽管已经有很多了）首先推荐几篇比较好的文章：React.js相关

2016-09-05 21:02:56 586

原创 Web安全--安全评估【理论学习】

本文主要来自于《白帽子将Web安全》吴翰清著。本文也主要是总结和感悟。一、安全的目的安全的三要素：机密性：保护数据类容不泄露。完整性：保护数据完整，未被篡改可用性：保护资源可用二、安全评估安全评估的过程为以下四个：1、资产等级划分明确目标，愤青表姐，分清保护什么，什么可信，什么不可信。2、威胁分析了解危险的来源以及可能的威胁，确定风险以及可能造成的损失。STRIDE模型威胁

2016-09-01 17:50:50 1193

翻译【译】解决HTML5 MP4(H.264)视频模糊的问题

MP4视频文件是所有主要的现代浏览器都认可和接受的文件格式。如果你想知道具体的支持情况，请查看 Can I Use但是!当 HTML5视频标签Video 嵌入网页中,如果没有正确配置好你的MP4视频会得到一个模糊图像的视频。发生这种情况的原因是,这种类型的视频和其编码模式有一些具体的要求没有得到正确的处理。学习使用以下简单的建议将帮助你满足这些需求,将为您的web页面生成你清晰的MP4视频。建议：1

2016-08-30 16:23:10 6346 2

原创开发计算机并行性的方法【理论】

并行性主要是指同时性或并发性，并行处理是指对一种相对于串行处理的处理方式，它着重开发计算过程中存在的并发事件。并行处理（Parallel Processing）是计算机系统中能同时执行两个或更多个处理的一种计算方法。并行处理可同时工作于同一程序的不同方面。并行处理的主要目的是节省大型和复杂问题的解决时间。为使用并行处理，首先需要对程序进行并行化处理，也就是说将工作各部分分配到不同处理进程（线程）中

2016-08-30 15:48:21 5145

翻译一个新的图像格式 -- webp介绍

简介WebP是google开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间。是现代图像格式,提供了优越的无损和有损压缩的图片在网络上。使用WebP,网站管理员和web开发人员可以创建更小、更丰富的图像,使网页更快。 WebP无损的png图像小26%。WebP有损图像是25 - 34%小于等效SSIM质量指数可比JPEG图像无损We

2016-08-18 10:14:23 10469

原创回归测试简介

定义回归测试是指修改了旧代码后，重新进行测试以确认修改没有引入新的错误或导致其他代码产生错误。在软件开发过程当中，一旦软件代码做了修改，就有可能引入新的问题，所以这个时候就需要把已经完成了的验证用例重新跑一下，以确保代码的修改没有对已经验证过的功能造成影响。我们把这一个过程叫做回归验证（也有人叫代码回归）。目的自动回归测试将大幅降低系统测试、维护升级等阶段的成本。方法1、单元测试

2016-08-16 14:43:42 4892

原创 excle 数据导入数据库

excle数据转sql语句或excle数据按条件导入数据库（数据库不限于关系型数据 ORACLE / MS SQL / MY SQL、非关系型数据库 MONGODB）处理方法。

2016-08-10 19:35:18 980

原创单元测试简介

单元测试（unit testing）是指对软件中的最小可测试单元进行检查和验证。单元就是人为规定的最小的被测功能模块。单元测试是在软件开发过程中要进行的最低级别的测试活动，软件的独立单元将在与程序的其他部分相隔离的情况下进行测试。单元测试目的首先保证代码质量以及软件的健壮性。其次保证代码的可维护。再此保证代码的可扩展。单元测试分类TDD（Test-Driven Development）是

2016-08-10 14:05:09 714

转载使用HMTL5 API监控前端性能

用户计时API可以在网页应用中测量两个预定义标记之间的性能。开发者仅仅需要分别定义测量的开始和结束标记。可以通过JavaScript对象“performance”提供的函数，对计时位置进行标记。var measuring_start = performance.now();通过“now”函数，可以在网页应用的

2016-08-03 09:53:26 614

原创 HTTP状态码206

在网页中有一段代码,如下，意思是HTML5的video标签加载一段视频<div class="video_content_left"> <video autoplay loop > <source src="//res.360shouji.com/static/video/product/360os2/gesture.mp4" type="video/mp4"> </video><

2016-07-26 19:20:07 54364 4

原创纯 CSS 绘制三角形

简单的css三角图形绘制功能左右箭头的定位和大小需要注意，其他的都是正常使用border来处理的。结果如下所示

2016-07-19 17:00:40 477

原创【gulp.js】Gulp中的增量编译

原文链接：http://fedvic.com/2016/01/29/gulpIncrementalBuild/ 作者：王金亮 -阿里巴巴集团-前端工程师跳过本文废话直接看原文 ——【Gulp中的增量编译】简介当前系统特别大，之前的文章(查看之前文章【gulp.js】中大型项目构建发布实例)说过了，所以每次全量编译会特别花时间，基本上就是几分钟的时间，但是实际上我们开发的工作都不可能改所以的

2016-07-09 21:11:22 1915

原创【fis3学习】中大型项目构建发布实例

FIS3 , 为你定制的前端工程构建工具解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题。fis内置不少的功能和插件，比gulp.js体积更大功能也更丰富，主打前端构建开发的和发布等流程一体化处理。最早接触fis是在14年，那时还是fis，功能和新能还有比较多的问题，但是和fis3的改动不大。fis扩展有不少独立的运行版本如yog的php项目版面,pure的纯

2016-06-29 08:56:49 2497

翻译【chrome开发者工具介绍】评估网络性能

本文为chrome官网，开发者工具简介译文，原文见文末连接NetworkNetwork选项卡：记录应用中的每个网络操作的信息。包括详细的时间数据、HTTP请求和响应头、cookie、WebSocket数据等等。 Network面板可以帮助您分析web应用程序的网络性能,如: 哪些资源所加载最慢? 哪些资源需要最长的时间负载(持续时间)? 谁发起的网络请求? 在特定资源

2016-06-28 19:36:08 1002

原创【gulp.js】中大型项目构建发布实例

Gulp.js 是一个自动化构建工具，开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于Node.js 构建的，利用Node.js 流的威力，你可以快速构建项目。一、项目简介本文针对中大型cms项目（项目文件超过1.2G，静态资源类大小800MB）进行测试gulp.js的相关能力，结果如下：gulp简单易用，但在处理大量文件是性能消耗明显，cpu比较稳定，内存消耗较小无明显波

2016-06-28 11:00:58 1420

原创 nodejs读取图片返回给浏览器显示

本文主要是使用nodejs处理图片等资源返回给浏览器显示方法，但不只限制于图片，也可以是音频视频等其他非字符串文件的返回和显示。也可以扩展成nodejs静态资源服务器的开发方法。

2016-06-21 20:21:44 29710 1

原创 CSS3鼠标滑过彩色按钮动画特效

网上看到几个不错的特效，特意收藏一下。

2016-06-15 17:17:46 784

原创【Nginx学习】Nginx配置规则参数介绍

Nginx的配置涉及到很多方面，也比较复杂，今天支队nginx.conf的配置做一些简单说明。一、配置基础1.正则表达式正则表达式匹配是Nginx中最基础的配置，以下是一些匹配符号说明：~ 为区分大小写匹配~* 为不区分大小写匹配!~和!~*分别为区分大小写不匹配及不区分大小写不匹配文件及目录匹配，其中：-f和!-f用来判断是否存在文件-d和!-d用来判断是否存在目录-e和!-e用

2016-06-14 18:12:48 2267

原创【Nginx学习】url地址补全最后的/（反斜杠）

问题描述将无后缀名url连接地址：http://127.0.0.1/zt/n4 补全/ ，变为：http://127.0.0.1/zt/n4/为什么要这么做　当Web服务器接收到对某个末尾不含斜杠的url请求时，例如：http://www.360shouji.com/product，这时服务器会搜索网站根目录下有没有名为“product”的文件，如果没有就把product当做目录处理，然后返回ab

2016-06-13 20:19:33 20231 2

转载【转载】大型互联网网站架构演变

这篇文章来自网络，我只写了一些批注以及我自己的一些感想而已。一、分我们知道，对于一个大型网站来说，可伸缩性是非常重要的，怎么样在纵向和横向有良好的可伸缩性，就需要在做架构设计的时候考虑到一个分的原则，我想在多个方面说一下怎么分：首先是横向的分：大的网站化解为多个小网站：当我们一个网站有多个功能的时候，可以考虑把这个网站拆分成几个小模块，每一个模块可以是一个网站，这样的话我们到时候就可以很灵活地去

2016-06-10 22:38:05 894

原创【JSHint解读二】 jshint 配置解析

本节将详细讲述jshint的文件中配置参数以及其含义，检查目录匹配与过滤，报告生成讲解等。

2016-06-08 18:18:25 2982 2

原创【JSHint解读一】JavaScript的静态代码分析工具

简介JSHint是一个社区驱动用来检测JavaScript代码中错误和潜在的问题在和执行团队的编码规范工具。它非常灵活,因此可以很容易地适应您特定的编码规则和你的代码执行环境。JSHint将永远保持开源的方式。目标这个项目的目标是帮助JavaScript开发人员编写复杂的程序而不用担心拼写和语言陷阱。当开发者自己开发代码库时不会因为简单的标点符号和错误没有展示出来而被迫停止执行浪费时间去调试代码

2016-06-08 17:27:47 4129

原创 img之间的空白和img的对齐方式

去除img之间的空白今天无意的一句代码居然搞定了且Ie、Firefox、Chrome、 Opera完全兼容。去掉Img标签下的间距代码(红色部分)：img src="http://www.aaa.cn/images/logo.gif" align="absmiddle" />看我有间距没终于可以松下一口气了。注：以前的解决方法是css中设置img标签的vertica

2016-06-08 15:17:51 2906

原创没有错误和没有明显错误的差别

本文通过一段Js代码，锚点绝对位置问题来剖析编码过程中，没有错误和没有明显错误的心理变化。先来一句经典语录世界上最遥远的距离不是生和死，而是你亲手制造的Bug就在你的眼前，你却怎么都找不到它。没有错误作为写代码的人常说，我写的代码没有问题。同产品经理、测试工程师较量时，信誓旦旦说没有错误，那就肯定有错误的。一般情况都是等他们一转身，自己偷偷把错误给改了。这种问题一般比较好避免，写代码的仔细

2016-05-23 20:14:26 666