- 博客(67)
- 收藏
- 关注
RSS订阅
原创 机器学习训练数据集图片标注工具推荐
对于监督学习算法而言，需要大量的结构化的数据集，这就涉及到数据标注，本文主要介绍图像标注工具。先说一下图片类数据的标注方式主要是画框、语义分割、打点、四边形转写、属性标注、画线。其实很多人都已经推荐过了，但是有很多开源的标注工具并不好用，反而增加了标注的时间成本。以下我推荐的都是亲测好用的，大家可以尝试一下：国外：Superviselyhttps://app.superv...
2019-05-20 11:44:13
8141
原创 JOSN转YAML YAML转JSON node写入YAML
需求：读取本地yml文件，改变其中的某个值，再写入该文件。工具：nodejs模块：fs、yamljs、json2yaml（fs是内置模块，无需下载）步骤： 第一步：下载 yamljs 和 json2yaml 第二部： 引入 yamljs 和 json2yaml 第三部： ...
2019-10-22 14:46:57
2013
原创 stalled和Initial connection偶尔请求时间长
Queueing请求排队的时间。关于这个，需要知道一个背景，就是浏览器与同一个域名建立的TCP连接数是有限制的，chrome设置的6个，如果说同一时间，发起的同一域名的请求超过了6个，这时候就需要排队了，也就是这个Queueing时间Stalled是浏览器得到要发出这个请求的指令，到请求可以发出的等待时间，一般是代理协商、以及等待可复用的TCP连接释放的时间，不包括DNS查询、建立TCP连接等...
2019-05-28 15:17:10
26969
6
转载 微前端概念
本文描述了采用不同 JavaScript 技术框架的多个团队中协同构建一个现代化前端 Web 应用所需要的技术、策略和方法。什么是微前端？微前端这个术语最初来自 2016 年的 ThoughtWorks 技术雷达[https://www.thoughtworks.com/radar/techniques/micro-frontends]，它将微服务的概念扩展到了前端领域。目前的趋势是构...
2019-04-23 17:37:04
4053
转载 不规则多边形相交切割逻辑
之前基本上遇到的多边形切割问题都是凸多边形问题，而针对凹多边形的切割问题却很少。偶然发现一个做得特别棒的滑动切割的游戏，游戏中主要是使用多边形切割以及多边形碰撞算法。针对多边形切割的实现做了一下研究，现在把实现跟大家分享一下。给定任意一个多边形以及一条线段，如果多边形被线段切割，计算切割后产生的多个多边形。实现的算法思想如下：1、求多边形每一条边跟线段的交点，将交...
2019-03-22 18:24:04
2690
原创 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
8604
转载 JavaScript的元系统
ECMAScript中只有两处提及到“Meta”这个概念，一处是说明ECMAScript的规范类型（a specification type）是用于描述和实现语言类型（language types）的元值（meta-values），另一处则是唯一被称为“元属性（Meta Property）”的new.target。所以ECMAScript中是没有所谓“元系统（Meta system）”或“元类...
2019-02-18 10:15:19
383
原创 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
2442
转载 compression模块 压缩静态文件。
首先，在项目根目录下运行npm，安装Gzip所需要用到的包"compression"。运行cmd，在E:\ProjectOne目录下，执行以下命令。[plain] view plain copynpm i [email protected] --save 该命令的作用是，在当前目录下安装compression包，指定版本为1.6.1，并且将版本保存到package.json文件中。待安装包安装完...
2018-05-12 11:55:26
1457
转载 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
311
转载 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
2487
转载 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
455
转载 针对谷歌默认最小字体12px的正确解决方案 （css、html）
针对谷歌默认最小字体12px的正确解决方案 （css、html） 今天晨会，产品要求把以前12px的字体改小一点，我心想这有什么难的，就随口答应了。哪知，改css的时候，谷歌浏览器中font-size小于12px时，字体就不会再缩小了。当时我的第一反应就是会不会是其他css把字体覆盖了。结果看了半天也没发现。于是，只百度一伙了，结果还真让人大吃一惊：原来谷歌以及谷歌内核的浏览器在中文语言下最小字...
2018-03-22 13:52:13
13922
转载 webpack打包优化
文章地址: http://blog.csdn.net/byc233518/article/details/74909686项目打包速度太慢太慢, 实在受不了, 打一次包要十多分钟, 下图中可以看到优化前打包是 752039ms (差不多13分钟)优化后: 34170ms(半分钟)优化过程:1. ...
2018-03-07 15:55:56
779
转载 webpack url-loader
1.前言 如果我们希望在页面引入图片（包括img的src和background的url）。当我们基于webpack进行开发时，引入图片会遇到一些问题。 其中一个就是引用路径的问题。拿background样式用url引入背景图来说，我们都知道，webpack最终会将各个模块打包成一个文件，因此我们样式中的url路径是相对入口html页面的，而不是相对于原始css文件所在的路径的。
2017-11-29 10:06:48
2114
转载 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
609
转载 jq serialize() 方法
serialize()函数用于序列化一组表单元素，将表单内容编码为用于提交的字符串。serialize()函数常用于将表单内容序列化，以便用于AJAX提交。该函数主要根据用于提交的有效表单控件的name和value，将它们拼接为一个可直接用于表单提交的文本字符串，该字符串已经过标准的URL编码处理(字符集编码为UTF-8)。该函数不会序列化不需要提交的表单控件，这和常规的表
2017-09-12 20:54:41
1430
转载 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
398
转载 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
1960
转载 nodejs express 做登录拦截
利用 Express 中间件功能实现登录拦截。如果用户请求的路径需要登录后才能访问，将用户重定向到登录页面，登录成功后将用户重定向到原始请求路径。设置应用中间件，监控所有请求// app.jsapp.use(function (req, res, next) { if (req.session.user) { // 判断用户是否登录 next(); } else {
2017-08-16 13:53:39
1659
原创 pagination分页插件1.2.7版本遇到的问题
1、需求是进入详情页后，后退依然定位到之前的页数，并让页数元素呈现选中状态。 可以把页数获取到存入session或者跟随路径带到详情页，返回后再带回来。 因为无法获取到分页的元素节点，所以只能在pagination插件的源码里修改 rederPagination是渲染插件，pageIndex是页码，可以判断是不是返回的，如果是返回的 就让pageIndex的值
2017-08-15 15:29:31
777
原创 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
3246
原创 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
3757
转载 vue axios用法
1axios是vue-resource后出现的Vue请求数据的插件。vue更新到2.0之后,作者尤大就宣告不再对vue-resource更新,而是推荐的axios。下面我们来使用axios1npm install axios --save-dev1
2017-07-22 20:19:14
624
转载 vue-router钩子
导航钩子vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。http://www.jianshu.com/p/f375d84c1d4b全局钩子const router = new VueRouter({ ... })router.beforeEach((to, from,
2017-07-12 16:18:55
859
翻译 vue常见问题收藏
原文链接：http://mrzhang123.github.io/2016/07/14/summarize-vue/最近一段时间忙着工作的一些事情，同时自己也在试着把项目中的一些移动端页面试着用vuejs重写，所以没时间写文章，今天终于有空可以写一下，由于页面并没有写完，所以就将自己这几天做页面的时候遇到的一些问题总结了一下。其实很多在官网都能找到，但是我们只看官网教程不去写，很难理解到底
2017-07-07 17:06:27
1325
原创 js中in关键字（路漫漫兮修远兮）
答案是什么？。。。。。。。。。。。。简直了！！！！！！！。解释：对于一般的对象属性需要用字符串指定属性的名称。avascript中in关键字还有下面的作用定义：in操作符用来判断某个属性属于某个对象，可以是对象的直接属性，也可以是通过prototype继承的属性。(参见hasOwnProperty)注意事项：对
2017-06-27 17:57:10
3443
转载 generator async promise 缕一缕。
我们常常把这个问题叫做”回调黑洞”或”回调金字塔”：doAsync1(function () { doAsync2(function () { doAsync3(function () { doAsync4(function () { }) })})回调黑洞是一种主观的叫法，就像嵌套太多的代码，有时候也没什么问题。为了控制调用顺序，异步代码变
2017-06-24 15:15:53
274
原创 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
563
转载 Eslint规则
作为一个有理想有抱负的前端工程师，只是使用默认规则，而不是看完文档了然于心，显然是不行滴 ^_^.. 团队协作时，若是团队的代码风格统一，能够大大减少沟通成本。什么是 ESLint ？ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。在许多方面，它和 JSLint、JSHint 相似，除了少数的例外
2017-06-21 10:51:54
1341
原创 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
4191
1
转载 bigpipe
1. 技术背景 FaceBook页面加载技术试想这样一个场景，一个经常访问的网站，每次打开它的 页面都要要花费6 秒；同时另外一个网站提供了相似的服务，但响应时间只需3 秒，那么你会如何选择呢？数据表明，如果用户打开一个网站，等待3~4 秒还没有任何反应，他们会变得急躁，焦虑，抱怨，甚至关闭网页并且不再访问，这是非常糟糕的情况。所以，网页加载的速度十分重要,尤其对于拥有遍布全球的 5亿用户的F
2017-06-15 09:12:59
445
转载 前后端分离 很宏观！！！！！
也谈基于NodeJS的全栈式开发（基于NodeJS的前后端分离）前言为了解决传统Web开发模式带来的各种问题，我们进行了许多尝试，但由于前/后端的物理鸿沟，尝试的方案都大同小异。痛定思痛，今天我们重新思考了“前后端”的定义，引入前端同学都熟悉的NodeJS，试图探索一条全新的前后端分离模式。随着不同终端(Pad/Mobile/PC)的兴起，对开发人员的要求越来越高，纯浏览器
2017-06-14 17:27:56
354
转载 mathJax
这篇文章是我给Pinghsu主题添加数学公式功能的一个小教程，包含我大量的官方文档阅读后的实践，跟着这篇配置教程走，你可以做到给任何一个需要数学公式的站点添加支持。教程如标题所述是针对 Mathjax 的实践，我简单了解一下 KaTex ，也是个不错的选择。 MathJax简介MathJax是一款运行在浏览器中的开源的数学符号渲染引擎，使用MathJax可以方便的在浏览器中显示
2017-06-14 16:52:09
2012
转载 前端组件化
这篇文章将从两年前的一次技术争论开始。争论的聚焦就是下图的两个目录分层结构。我说按模块划分好，他说你傻逼啊，当然是按资源划分。”按模块划分“目录结构，把当前模块下的所有逻辑和资源都放一起了，这对于多人独自开发和维护个人模块不是很好吗？当然了，那争论的结果是我乖乖地改回主流的”按资源划分“的目录结构。因为，没有做到JS模块化和资源模块化，仅仅物理位置上的模块划分是没有
2017-06-12 10:54:11
868
转载 Vue组件间通信
[javascript] view plain copy "counter-event-example"> {{ total }} "incrementTotal"> "incrementTotal"> Vue.component('button-counter', {
2017-05-25 18:15:09
757
转载 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
377
原创 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
599
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人