前端图片压缩和角度修正

前端图片压缩 一、图片压缩 前端图片压缩主要使用canvas将图片画到画布上,在图片绘制之前,先按照一定的宽高计算出要缩小的倍数,然后比较宽度和高度缩小的倍数,哪个倍数值比较大使用哪个进行压缩计算出最终的画布大小以及要绘制的图形大小; 以下是图片上传代码: function cl...

2019-05-30 16:29:03

阅读数 1291

评论数 0

关于host文件与开发环境加载慢的问题(chrome下)

最近出现一个问题:给地址栏在host文件配置域名后,开发环境加载时间过长,读取内存里的JS会出现加载20s左右,向后台发请求会出现20s左右才传输到后台的情况,经过排查发现使用FireFox能正常,用127.0.0.1也能正常,只要使用域名访问就会出现加载时间过长的情况,原来是域名的IP和本机的I...

2018-03-26 09:48:51

阅读数 206

评论数 0

操纵浏览器的历史记录

 window 对象通过history对象提供对浏览器历史记录的访问能力。它暴露了一些非常有用的方法和属性,让你在历史记录中自由前进和后退,而在HTML5中,更可以操纵历史记录中的数据。历史记录概览EDIT可以通过back(),forward()和go()方法在用户的历史记录中前进与后退。前进与后...

2018-03-23 11:04:46

阅读数 343

评论数 0

react

本文基本跟着官方文档把API都走一遍,但会有实例来解释应该怎么用,木有比我更详细的API文档咯。React.createClass参数:CONFIG(object)创建一个ReactClass(组件类),参数是一个对象且必须带有 render 属性方法,该方法必须返回一个封闭的容器(容器内可以有其...

2018-03-23 11:04:06

阅读数 212

评论数 0

关于react组件渲染两次的问题

可能会有人问,问什么我的组件明明是就让渲染一次,但是实际上却渲染两次呢?其实我也遇到了这个问题,那么下面我提出一种解决这个问题的一种方法。 如果你使用了react-router低于4.x版本中的hashHistory,那么问题就来了,出现这种情况的原因是因为router中进行了一次push和一次...

2017-10-30 17:03:55

阅读数 5014

评论数 0

webpack 代码压缩优化篇

Webpack 默认提供的 UglifyJS 插件,由于采用单线程压缩,速度颇慢 ;推荐采用 webpack-parallel-uglify-plugin 插件,她可以并行运行 UglifyJS 插件,更加充分而合理的使用 CPU 资源,这可以大大减少的构建时间;当然,该插件应用于生产环境而非开发...

2017-10-24 17:45:22

阅读数 5469

评论数 0

关于react中阻止冒泡的方法

stopPropagation: function(e){ e.stopPropagation(); e.nativeEvent.stopImmediatePropagation(); }这就可以阻止react中冒泡了

2017-09-29 10:45:02

阅读数 1113

评论数 0

图片上传及显示

简单明了的图片上传及显示 $(fileId).change(function(){ var objUrl = getURL(this.files[0]); if(objUrl){ $("img").attr("src",objUrl)...

2017-08-04 17:52:05

阅读数 259

评论数 0

webstorm永久注册码

按图操作即可获取webstorm的永久使用。 http://idea.iteblog.com/key.php

2017-07-14 09:57:06

阅读数 497

评论数 0

在JQ上定义滚动条插件

$.fn.definedScroll = function(direction, childId, scrollId) { var parent = $(this), child = parent.find(childId), scroll = parent.find(scrollId); ...

2017-07-13 15:24:27

阅读数 232

评论数 0

git操作指南

创建版本库   mkdir learngit -- 创建空目录 cd learngit -- 切换到新创建的目录下   pwd -- 显示当前目录 git init -- 把目录变成可以Git管理的仓库   ls -ah -- 查看目录下的文件,包括隐藏文件 touch...

2017-07-13 15:23:03

阅读数 148

评论数 0

关于cookie的设置,查看和删除

function setCookie(c_name, value, expiredays){  //设置cookie函数     var exdate=new Date();     exdate.setDate(exdate.getDate()+expiredays);     docum...

2017-06-05 17:39:33

阅读数 1543

评论数 0

git 删除远程文件夹

由于本地修改了文件夹大全名大小写的原因,同步到git上并不区分大小写,造成了一些文件同步不了,所以要先把git远程库上文件夹删除掉,然后再重新同步 如下,我把src里的全部移除,但是本地文件还保留。 git rm -r -n --cached  /build     //-n:加上这个...

2017-05-07 15:57:20

阅读数 354

评论数 0

关于JS触发全屏和退出全屏的介绍

最近项目中用到了给一个div添加一个全屏模式,所以找了下关于JS的全屏触发和解除的事件来分享一下; 前面写了一篇文章介绍js的全屏操作  在写判断全屏的地方有遗漏,这里单独拿出来再写一篇专门判断全屏的文章。 判断浏览器是否支持requestFullscreen 首先是一...

2017-05-03 07:32:23

阅读数 2465

评论数 0

面向对象之寄生组合继承

最近在使用面向对象编程,发现原型继承和构造函数继承的组合还是有点小缺陷,于是乎又把JS高级程序设计第六章面向对象又看了一遍,发现寄生组合继承确实挺好,就分享给大家。 function object( o ) { function F () {}; F.prototype = o; r...

2017-04-14 07:24:59

阅读数 368

评论数 0

关于Cookie安全性设置的那些事

一、标题:关于Cookie安全性设置的那些事        副标:httponly属性和secure属性解析   二、引言 经常有看到XSS跨站脚本攻击窃取cookie案例,修复方案是有httponly。今天写出来倒腾下... 2.1首先必须的预备cookie知识。假如你第一次认识c...

2017-04-06 07:18:55

阅读数 4752

评论数 0

操纵浏览器的历史记录

window 对象通过history对象提供对浏览器历史记录的访问能力。它暴露了一些非常有用的方法和属性,让你在历史记录中自由前进和后退,而在HTML5中,更可以操纵历史记录中的数据。 历史记录概览EDIT 可以通过back(),forward()和go()方法在用户的历史记录中前进与...

2017-03-28 19:10:09

阅读数 291

评论数 0

关于react-native init <file>失败的问题

npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/dist 先把镜像改了然后再初始化就好了

2017-03-07 23:28:01

阅读数 303

评论数 0

控制浏览器全屏的事件

浏览器全屏模式的启动函数requestFullscreen仍然需要附带各浏览器的js方言前缀 // 判断各种浏览器,找到正确的方法 function launchFullscreen(element) {   if(element.requestFullscreen) {     ...

2017-03-03 11:00:45

阅读数 321

评论数 0

JS判断鼠标单双击事件

"button" onclick="fn()" ondblclick="fun()" value="点我"> "javascript">   var flag;   functio...

2017-02-17 15:46:17

阅读数 711

评论数 0

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