对数据可视化的一些理解

数据可视化,是关于数据视觉表现形式的科学技术研究。其中,这种数据的视觉表现形式被定义为,一种以某种概要形式抽提出来的信息,包括相应信息单位的各种属性和变量。它是一个处于不断演变之中的概念,其边界在不断地扩大。主要指的是技术上较为高级的技术方法,而这些技术方法允许利用图形、图像处理、计算机视觉以及用户界面,通过表达、建模以及对立体、表面、属性以及动画的显示,对数据加以可视化解释。与立体建模之类的特殊技术方法相比,数据可视化所涵盖的技术方法要广泛得多.

阅读全部

如何维护老旧代码

如何维护老旧代码我们在平时的工作中,总是会遇到老旧的系统以及老旧陈的代码。他们是业务长年累月的积累,以及因为是三、四年前的技术选型造成的系统架构的不合理以及繁琐的代码。维护这些代码总是很头疼,程序员遇到这样的代码总是一边骂娘一边憋屈的维护这,维护这些代码选择的方式并不多:1.推倒重来,从设计视觉到前端代码甚至后端接口和逻辑全是新的。

2.修旧如旧,既然这么烂了我们就让他更烂吧,反正已经这么恶心了。。。

3.新的逻辑启用新的架构和技术选型,尽量减少对旧的代码的依赖和旧的逻辑的修改

阅读全部

chrome浏览器语音播放文字

chrome有个api是可以直接播放语言文字的,特此记录

阅读全部

关于跨域的相关记录

    跨域是一个经常会遇到的问题,记录一下mdn的相关文章当一个资源请求一个其它域名或者另外一个端口的资源时会产生一个跨域HTTP请求(cross-origin HTTP request)。比如说,http://domaina.example的某HTML页面通过 <img> 的src 请求 http://domainb.foo/image.jpg。在当今的 Web 开发中,许多页面都会从另外一个站点加载各类资源(包括CSS 阅读全部

http状态吗307,303,302的区别

       http状态码是web开发中经常会用到的一个东西,前几天无意中看到一个url返回一个307的状态码,我一眼看着挺新鲜,就搜刮了一下相关知识,发现还挺有用,特此记录。   3xx的状态码都是重定向,那么307,303,302的重定向都有啥区别捏,

阅读全部

如何优雅的处理页面埋点代码

 页面埋点是一种比较做业务的时候经常处理的事情,他与业务功能关系不大,却是业务数据收集的基础,用户点击啦,页面PV,UV啦,停留时长之类等等。这些代码片段分散在你的项目的各个角落,维护起来是否不便利。

阅读全部

web前端剪裁压缩图片

        最近遇到一个bug,在钉钉里面用户打开一个表单上传图片的时候某些老机型的安卓机上传个2-3张之后页面就崩溃了,用原生的浏览器打开则无此问题,因为这个页面表单有5-6张照片需要用户上传,所以解决此类bug迫在眉睫。

阅读全部

一个简单的调用摄像头的模块

一个简单的web端调用摄像头的模块

阅读全部

canvas内容保存成文件以及压缩图片相关的api

最近做了两个项目,一个是调用pc端系统摄像头,然后截图上传给服务器,这里有两个api可以用,这两个api在HTMLCanvasElement里。所谓HTML canvas元素接口:DOM canvas元素暴露了HTMLCanvasElement接口,该接口提供了用来操作一个canvas元素布局和呈现的属性和方法.HTMLCanvasElement接口继承了element接口的属性和方法以致于部分同学没有找到相关api,特此记录一下。1.HTMLCanvasElement.toBlob()这个api

阅读全部

浏览器调用系统摄像头

最近做了一个项目需要调用系统浏览器,故记录相关api如下,在线demo点击这里要想调用系统摄像头有以下限制:https的web环境。chrome或者firefox浏览器。用户需要安装摄像头,并且允许页面访问摄像头具体的实现原理就是调用 navigator.mediaDevices.getUserMedia,(之前有个navigator.getUserMedia已废弃),然后把这摄像头的流作为一个video标签的源输出就好了.api简介如下:MediaDevices.getUserMed

阅读全部