自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(67)
  • 收藏
  • 关注

原创 机器学习训练数据集图片标注工具推荐

对于监督学习算法而言,需要大量的结构化的数据集,这就涉及到数据标注,本文主要介绍图像标注工具。先说一下图片类数据的标注方式主要是画框、语义分割、打点、四边形转写、属性标注、画线。其实很多人都已经推荐过了,但是有很多开源的标注工具并不好用,反而增加了标注的时间成本。以下我推荐的都是亲测好用的,大家可以尝试一下:国外:Superviselyhttps://app.superv...

2019-05-20 11:44:13 3702

原创 JOSN转YAML YAML转JSON node写入YAML

需求:读取本地yml文件,改变其中的某个值,再写入该文件。工具:nodejs模块:fs、yamljs、json2yaml(fs是内置模块,无需下载)步骤: 第一步:下载 yamljs 和 json2yaml 第二部: 引入 yamljs 和 json2yaml 第三部: ...

2019-10-22 14:46:57 791

原创 stalled和Initial connection偶尔请求时间长

Queueing请求排队的时间。关于这个,需要知道一个背景,就是浏览器与同一个域名建立的TCP连接数是有限制的,chrome设置的6个,如果说同一时间,发起的同一域名的请求超过了6个,这时候就需要排队了,也就是这个Queueing时间Stalled是浏览器得到要发出这个请求的指令,到请求可以发出的等待时间,一般是代理协商、以及等待可复用的TCP连接释放的时间,不包括DNS查询、建立TCP连接等...

2019-05-28 15:17:10 9244 6

转载 微前端概念

本文描述了采用不同 JavaScript 技术框架的多个团队中协同构建一个现代化前端 Web 应用所需要的技术、策略和方法。什么是微前端?微前端这个术语最初来自 2016 年的 ThoughtWorks 技术雷达[https://www.thoughtworks.com/radar/techniques/micro-frontends],它将微服务的概念扩展到了前端领域。目前的趋势是构...

2019-04-23 17:37:04 2751

转载 不规则多边形相交切割逻辑

之前基本上遇到的多边形切割问题都是凸多边形问题,而针对凹多边形的切割问题却很少。偶然发现一个做得特别棒的滑动切割的游戏,游戏中主要是使用多边形切割以及多边形碰撞算法。针对多边形切割的实现做了一下研究,现在把实现跟大家分享一下。给定任意一个多边形以及一条线段,如果多边形被线段切割,计算切割后产生的多个多边形。实现的算法思想如下:1、求多边形每一条边跟线段的交点,将交...

2019-03-22 18:24:04 1587

原创 多边形分割合并

http://boontaran.com/posts/view/gpcjs_javascript_port_of_gpc

2019-03-22 15:13:05 2084

原创 unexpected token function 错误

使用koa要求node版本在(node v7.6+),因为Node.js 从 7.6 开始支持async 函数特性。使用koa要求node版本在(node v7.6+),因为Node.js 从 7.6 开始支持async 函数特性。使用koa要求node版本在(node v7.6+),因为Node.js 从 7.6 开始支持async 函数特性。...

2019-03-20 11:40:58 4781

转载 JavaScript的元系统

ECMAScript中只有两处提及到“Meta”这个概念,一处是说明ECMAScript的规范类型(a specification type)是用于描述和实现语言类型(language types)的元值(meta-values),另一处则是唯一被称为“元属性(Meta Property)”的new.target。所以ECMAScript中是没有所谓“元系统(Meta system)”或“元类...

2019-02-18 10:15:19 90

原创 zrender放大后画图求原坐标

//zoom 放大倍数zr.on("click", function (e) {原X坐标 = e.offsetX/zoom + (Math.abs(e.target.transform[4])/zoom);原Y坐标 = e.offsetY/zoom + (Math.abs(e.target.transform[5])/zoom); e.offsetX = e.offsetX/zoomx...

2018-10-16 20:30:00 1593

原创 fetch封装和XMLHttpRequest

https://segmentfault.com/a/1190000011433064

2018-06-22 16:55:00 196

转载 compression模块 压缩静态文件。

首先,在项目根目录下运行npm,安装Gzip所需要用到的包"compression"。运行cmd,在E:\ProjectOne目录下,执行以下命令。[plain] view plain copynpm i compression@1.6.1 --save  该命令的作用是,在当前目录下安装compression包,指定版本为1.6.1,并且将版本保存到package.json文件中。待安装包安装完...

2018-05-12 11:55:26 1047

转载 webpack开发和生产两个环境的配置详解

webpack.base.conf.jswebpack.dev.conf.jswebpack.prod.conf.js一开始在接触webpack 的时候,简直痛不欲生,现在回头看,做个注释,当然参考了很多文章。这是一个关于vue 开发的webpack 架构会列举出来webpack 系列教程Webpack——令人困惑的地方Express结合Webpack的全栈自动刷新Webpack傻瓜式指南(一)W...

2018-04-11 15:42:53 236

转载 node http Request向另一台服务器上传

function upload(callback) {    let boundaryKey = '----' + new Date().getTime();    // 用于标识请求数据段    let options = {        host: 'localhost', // 远端服务器域名        port: 80, // 远端服务器端口号        method: 'POS...

2018-04-04 10:44:57 2101

转载 Node.js的断言模块assert进行单元测试

Node.js的断言模块assert进行单元测试首先先引入断言assert模块var assert = require('assert');1.assert(value, message), assert.ok(value, [message])  //判断中值是否为true assert.ifError(value) //测试值是否不为 false,当为 true 时抛出。常用于回调中第一个 e...

2018-04-03 14:34:18 348

转载 针对谷歌默认最小字体12px的正确解决方案 (css、html)

针对谷歌默认最小字体12px的正确解决方案 (css、html)  今天晨会,产品要求把以前12px的字体改小一点,我心想这有什么难的,就随口答应了。哪知,改css的时候,谷歌浏览器中font-size小于12px时,字体就不会再缩小了。当时我的第一反应就是会不会是其他css把字体覆盖了。结果看了半天也没发现。于是,只百度一伙了,结果还真让人大吃一惊:原来谷歌以及谷歌内核的浏览器在中文语言下最小字...

2018-03-22 13:52:13 10849

转载 webpack打包优化

文章地址: http://blog.csdn.net/byc233518/article/details/74909686项目打包速度太慢太慢, 实在受不了, 打一次包要十多分钟, 下图中可以看到优化前打包是 752039ms (差不多13分钟)优化后: 34170ms(半分钟)优化过程:1. ...

2018-03-07 15:55:56 656

转载 webpack url-loader

1.前言    如果我们希望在页面引入图片(包括img的src和background的url)。当我们基于webpack进行开发时,引入图片会遇到一些问题。    其中一个就是引用路径的问题。拿background样式用url引入背景图来说,我们都知道,webpack最终会将各个模块打包成一个文件,因此我们样式中的url路径是相对入口html页面的,而不是相对于原始css文件所在的路径的。

2017-11-29 10:06:48 1962

转载 node js Formidable中间件

今天总结了下Node.js的Formidable模块的使用,下面做一些简要的说明。1)     创建Formidable.IncomingForm对象   var form = new formidable.IncomingForm()2)     form.encoding = 'utf-8' 设置表单域的编码3)     form.uploadDir = "/my/dir";

2017-09-15 11:47:22 439

转载 jq serialize() 方法

serialize()函数用于序列化一组表单元素,将表单内容编码为用于提交的字符串。serialize()函数常用于将表单内容序列化,以便用于AJAX提交。该函数主要根据用于提交的有效表单控件的name和value,将它们拼接为一个可直接用于表单提交的文本字符串,该字符串已经过标准的URL编码处理(字符集编码为UTF-8)。该函数不会序列化不需要提交的表单控件,这和常规的表

2017-09-12 20:54:41 532

转载 from data请求ajax

通过传统的form表单提交的方式上传文件:Html代码  form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data">       h1 >测试通过Rest接口上传文件 h1>

2017-08-29 11:03:34 302

转载 node request(api文件下载时用到)

这篇就先介绍一个Node.js的模块——request。有了这个模块,http请求变的超简单。使用超简单Request使用超简单,同时支持https和重定向。var request = require('request');request('http://www.google.com', function (error, response, body) { if (!erro

2017-08-25 15:42:59 1581

转载 nodejs express 做登录拦截

利用 Express 中间件功能实现登录拦截。如果用户请求的路径需要登录后才能访问,将用户重定向到登录页面,登录成功后将用户重定向到原始请求路径。设置应用中间件,监控所有请求// app.jsapp.use(function (req, res, next) { if (req.session.user) { // 判断用户是否登录 next(); } else {

2017-08-16 13:53:39 992

原创 pagination分页插件1.2.7版本遇到的问题

1、需求是进入详情页后,后退依然定位到之前的页数,并让页数元素呈现选中状态。     可以把页数获取到存入session或者跟随路径带到详情页,返回后再带回来。     因为无法获取到分页的元素节点,所以只能在pagination插件的源码里修改     rederPagination是渲染插件,pageIndex是页码,可以判断是不是返回的,如果是返回的  就让pageIndex的值

2017-08-15 15:29:31 584

原创 vue报错 vue Cannot read property ‘ob’ of undefined

Vue2.0 之 back键报错(异常:vue Cannot read property ‘ob’ of undefined)这个原因是因为我在本页面循环了组件的原因,例如:虽然在这个页面子组件页面不报任何异常,但是我back返回上一个页面的时候,就会报==vue Cannot read property ‘_ob_’ of undefined==异常,一直以为是上一页

2017-08-09 20:17:37 3009

原创 vue2.0全家桶+elementui开发遇到的脑残问题

1.树形插件删除必须有node-key=id2.vue20.配置跨域问题config ----> index.js ----->-proxyTable对象3.vue 父子组件之间通信  传给子组件的数据在子组件标签写入  子组件用props接收4.elementui  表格里插入下拉框:表格里加template标签 template标签里加入下拉框

2017-08-08 16:22:27 3577

转载 vue axios用法

1axios是vue-resource后出现的Vue请求数据的插件。vue更新到2.0之后,作者尤大就宣告不再对vue-resource更新,而是推荐的axios。下面我们来使用axios1npm install axios --save-dev1

2017-07-22 20:19:14 540

转载 vue-router钩子

导航钩子vue-router 提供的导航钩子主要用来拦截导航,让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子:全局的, 单个路由独享的, 或者组件级的。http://www.jianshu.com/p/f375d84c1d4b全局钩子const router = new VueRouter({ ... })router.beforeEach((to, from,

2017-07-12 16:18:55 803

翻译 vue常见问题收藏

原文链接:http://mrzhang123.github.io/2016/07/14/summarize-vue/最近一段时间忙着工作的一些事情,同时自己也在试着把项目中的一些移动端页面试着用vuejs重写,所以没时间写文章,今天终于有空可以写一下,由于页面并没有写完,所以就将自己这几天做页面的时候遇到的一些问题总结了一下。其实很多在官网都能找到,但是我们只看官网教程不去写,很难理解到底

2017-07-07 17:06:27 1244

原创 js中in关键字(路漫漫兮修远兮)

答案是什么?。。。。。。。。。。。。简直了!!!!!!!。解释:对于一般的对象属性需要用字符串指定属性的名称。avascript中in关键字还有下面的作用定义:in操作符用来判断某个属性属于某个对象,可以是对象的直接属性,也可以是通过prototype继承的属性。(参见hasOwnProperty)注意事项:对

2017-06-27 17:57:10 2640

转载 generator async promise 缕一缕。

我们常常把这个问题叫做”回调黑洞”或”回调金字塔”:doAsync1(function () { doAsync2(function () { doAsync3(function () { doAsync4(function () { }) })})回调黑洞是一种主观的叫法,就像嵌套太多的代码,有时候也没什么问题。为了控制调用顺序,异步代码变

2017-06-24 15:15:53 225

原创 require.ensure和require-amd

require-ensure和require-amd的区别:require-amd 说明: 同AMD规范的require函数,使用时传递一个模块数组和回调函数,模块都被下载下来且都被执行后才执行回调函数语法: require(dependencies: String[], [callback: function(...)])参数 dependencies: 模块依赖数组ca

2017-06-22 16:42:01 411

转载 Eslint规则

作为一个有理想有抱负的前端工程师,只是使用默认规则,而不是看完文档了然于心,显然是不行滴 ^_^.. 团队协作时,若是团队的代码风格统一,能够大大减少沟通成本。什么是 ESLint ?ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。在许多方面,它和 JSLint、JSHint 相似,除了少数的例外

2017-06-21 10:51:54 1138

原创 paly()方法和pause()方法

paly()方法和pause()方法  是HTML5里新增的 audio和video里的方法使用的是jquery选择器所以返回的是jquery对象而非dom对象,而jquery对象是没有play()方法的,你要么将jquery对象转换成dom对象($('selector)[0]),要么使用源生选择器document.get使用jquery选择器返回的是jquer对象而非dom对象,而j

2017-06-20 16:22:31 2855 1

转载 bigpipe

1. 技术背景 FaceBook页面加载技术试想这样一个场景,一个经常访问的网站,每次打开它的 页面都要要花费6 秒;同时另外一个网站提供了相似的服务,但响应时间只需3 秒,那么你会如何选择呢?数据表明,如果用户打开一个网站,等待3~4 秒还没有任何反应,他们会变得急躁,焦虑,抱怨,甚至关闭网页并且不再访问,这是非常糟糕的情况。所以,网页加载的速度十分重要,尤其对于拥有遍布全球的 5亿用户的F

2017-06-15 09:12:59 299

转载 前后端分离 很宏观!!!!!

也谈基于NodeJS的全栈式开发(基于NodeJS的前后端分离)前言为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异。痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的NodeJS,试图探索一条全新的前后端分离模式。随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器

2017-06-14 17:27:56 273

转载 mathJax

这篇文章是我给Pinghsu主题添加数学公式功能的一个小教程,包含我大量的官方文档阅读后的实践,跟着这篇配置教程走,你可以做到给任何一个需要数学公式的站点添加支持。教程如标题所述是针对 Mathjax 的实践,我简单了解一下 KaTex ,也是个不错的选择。 MathJax简介MathJax是一款运行在浏览器中的开源的数学符号渲染引擎,使用MathJax可以方便的在浏览器中显示

2017-06-14 16:52:09 1692

转载 前端组件化

这篇文章将从两年前的一次技术争论开始。争论的聚焦就是下图的两个目录分层结构。我说按模块划分好,他说你傻逼啊,当然是按资源划分。”按模块划分“目录结构,把当前模块下的所有逻辑和资源都放一起了,这对于多人独自开发和维护个人模块不是很好吗?当然了,那争论的结果是我乖乖地改回主流的”按资源划分“的目录结构。因为,没有做到JS模块化和资源模块化,仅仅物理位置上的模块划分是没有

2017-06-12 10:54:11 667

转载 Vue组件间通信

[javascript] view plain copy       "counter-event-example">        {{ total }}        "incrementTotal">        "incrementTotal">                        Vue.component('button-counter', {     

2017-05-25 18:15:09 697

转载 css硬件加速提升网页性能

用CSS开启硬件加速来提高网站性能国外一篇文章,有点意思,转载过来,准备尝试下~中文地址:http://www.cnblogs.com/rubylouvre/p/3471490.html原文地址:http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-css 

2017-05-25 15:32:53 327

原创 YJKJ上传图片canvas压缩

在移动端压缩图片并且上传主要用到filereader、canvas 以及 formdata 这三个h5的api。逻辑并不难。整个过程就是:  (1)用户使用input file上传图片的时候,用filereader读取用户上传的图片数据(base64格式)  (2)把图片数据传入img对象,然后将img绘制到canvas上,再调用canvas.toDataURL对图片进行压缩  (3)

2017-05-25 14:58:38 487

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除