前端
文章平均质量分 59
yypsober
这个作者很懒,什么都没留下…
展开
-
AJAX POST&跨域 解决方案 - CORS
原文地址:AJAX POST&跨域 解决方案 - CORS 一晃又到新年了,于是开始着手好好整理下自己的文档,顺便把一些自认为有意义的放在博客上,记录成点的点滴。 跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内容),因为我们在日常的项目开发时会不可避免的需要进行跨域操作,所以跨域能转载 2016-07-24 10:24:05 · 629 阅读 · 0 评论 -
异步编程解决方案笔记
最近读了朴灵老师的《深入浅出NodeJS》中《异步编程》一章,并参考了一些有趣的文章。 在此做个笔记,记录并巩固学到的知识。 JavaScript异步编程的两个核心难点异步I/O、事件驱动使得单线程的JavaScript得以在不阻塞UI的情况下执行网络、文件访问功能, 且使之在后端实现了较高的性能。然而异步风格也引来了一些麻烦,其中比较核心的问题是:一,函数嵌套过深JavaScript的异步调转载 2016-08-01 08:33:05 · 1503 阅读 · 0 评论 -
在一个TEXTAREA或者DIV中居中一个button
TEXTAREA中底端居中一个button实现这样一个效果: HTML结构:<div class="am-modal-bd"> <div class="am-form-group"> <textarea id="reply-con" maxlength="1500"></textarea&原创 2018-03-07 09:41:57 · 4606 阅读 · 0 评论 -
如何在显示图片缩略图时不挤压拉伸图片
前言:我们在前端显示图片缩略图的时候,会遇到不清楚图片的尺寸,然后使用固定高宽比的img来显示图片,这样会导致高宽比不一致的图片会被挤压拉伸。本文站以前端小白的视角来探讨这种问题的解决方案。方案一 max-width和max-height使用max-width和max-height来做,这种情况下不能保证每一张图片预览都是相同宽高的,但是却不会挤压拉伸图片。如下图,二、三张图片的宽...原创 2018-03-07 10:57:19 · 12627 阅读 · 0 评论 -
使用Canvas实现前端图片压缩
前言:有些WEB应用会在页面显示比较多的图片,当图片大小非常大的时候,页面加载会非常缓慢,影响用户体验。本文介绍一种前端方法(Canvas)实现前端图片压缩。压缩效果: 选择图片文件测试页面HTML:<input id="img-files" type="file" accept="image/*" multiple/><ul id="img-list...原创 2018-03-08 15:51:25 · 7741 阅读 · 1 评论 -
window.open(url)打开链接被浏览器拦截解决方案
浏览器为了维护用户安全和体验,禁止在JS中直接使用window.open(url)来打开新的链接(window.open(url,”_self”)改变当前的窗口是可以生效的)。下面采用几种变通方法解决:1.表单提交的方式var form = document.createElement('form');form.action = 'www.baidu.com?id=1';for...原创 2018-03-08 17:15:13 · 69646 阅读 · 10 评论