关于跨域的相关记录

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

阅读全部

vue Router 单页应用注意事项

vue是我最喜欢的前端框架之一,最近用vue + vue-router+ SUI做了一个项目,总结一些注意事项 相关文档如下:

vue文档介绍https://cn.vuejs.org/

vue-router文档https://router.vuejs.org/zh-cn/

阅读全部

SUI 踩坑记录

SUI 介绍

sui文档:http://m.sui.taobao.org/

SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。 SUI 简单理解就是Framework7的阉割改造版。下面记录一下主要的注意事项


阅读全部