关于跨域的相关记录

    跨域是一个经常会遇到的问题,记录一下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

阅读全部

vue踩坑记录之css相关

使用vue的cli生成的的默认配置的js里你会发现css内联在js里的,加载js之后vue会把css写成页内样式,我总是很不习惯把css内嵌入js里, webpack有个插件extract-text-webpack-plugin,可以把css单独剥离出来,

阅读全部

现学现卖之svg动画

十一长假。。没有出去玩,在家窝了6天,好无聊,忽然想起节前同事有个svg动画遇到点问题。大致需求就是两个点用一个曲线带箭头连接起来。。。看起来像是笔画的一样。额恕我言语匮乏。。。描述的不好,看起来很好玩的样子。。这就搜刮点资料看看能不能搞定。。。 svg的语法实在是恶心爆了。。。 额先搜刮资料吧。。svg的东西记得很久前看张鑫旭的文章有讲过。。翻翻超级强大的SVG SMIL animation动画详解

阅读全部

typescript 中引用全局变量

引入外部的js库,比如jquery,


阅读全部