- 博客(13)
- 收藏
- 关注
RSS订阅翻译 使用js直接下载pdf文件而不用在新的浏览器窗口打开
最近接了一个需求，要求用户点击下载按钮后直接下载pdf文件，而不是打开一个新窗口，让用户再去手动保存。接到需求后我立刻着手在网上查找文档，发现很多声称可以实现直接下载的方法都不行，只有下面这个方法成功实现了我的需求，现在翻译过来，供更多的人使用。原文：How to trigger the direct download of a PDF with JavaScript现在的web应用基本都运...
2020-04-28 20:53:07
8237
2
原创 canvas学习18之canvas的旋转
复习上节内容：改变canvas圆心的位置上一节中，我们学习了如何改变一个canvas的圆心，及改变后的坐标轴展现方式，我们现在来复习一下。改变canvas的圆心：使用translate(x,y)方法，我们可以改变canvas圆心的位置。x表示圆心在水平方向上的偏移量，y表示圆心在垂直方向的偏移量。改变圆心位置后的坐标轴展示方式。坐标轴垂直方向为y轴，原点以上为负，原点以下为正，x和我...
2020-03-30 09:06:43
1950
原创 canvas学习17之如何改变canvas的原点
复习上节课，我们学习了状态的保存和恢复。状态保存使用方法save()，状态恢复使用方法restore()。状态被保存在了一个栈里面。可以保存的状态主要有两类，第一类是基本样式，第二类是操作后结果，包括变形，移动，剪切路径等。其中操作后结果我们没有学习过。学习canvas原点的移动问：我们可以改变canvas的原点吗？答： 当然可以，听我细细道来。截止目前为止，我们学习过的canvas坐...
2020-03-25 09:49:33
5517
1
原创 canvas学习16之绘画状态的保留和回复
复习绘制图像的擦除上一节中，我们学习了图像的擦除。在生活中，在我们绘制图像的过程中，可能会因为失误或者想法的变化，对已经绘制好的部分要进行擦除，在canvas中，我们也完整实现了这样的擦除，当你对某一部分不满时，可以使用它进行擦除。canvas中的这个工具就是clearRect(x,y,width,height)，这里面的四个参数分别代表如下含义：1.x需要擦除矩形部分左上角的x坐标。2.y...
2020-03-25 08:50:43
636
原创 canvas学习之给绘制出来的图形上色
复习截止目前，canvas的各种绘制方法我们都已经学习过了，可以绘制出线条，三角形，长方形，圆，圆弧，圆滑的曲线等，在此基础上，拥有足够的创造力，我们可以使用js在canvas画板上画出各种形象来。下面我们对已经学习过的内容进行总复习，然后开启新的篇章，去认识丰富多彩的canvas世界。canvas是一个h5新添加的dom，在使用时要做好回退策略；canvas有一个getContext(‘...
2020-03-14 23:50:57
1687
原创 canvas学习之圆和圆弧的绘制
复习上一节中学习了绘制三角形和绘制矩形。其中三角形的绘制是利用lineTo(x,y)方法来实现的，学会绘制三角形后，矩形，五角形等更多其它类型的图形，我们都可以做出来了。但是，绘制矩形还有简单的方法，分别是fillReact(x,y,width;height)和strokeRect(x,y,width;height)。另外我们还学习了给图形形上色的一个新的方法fill()。还有一个旧知识的翻新是...
2020-03-14 23:47:17
488
原创 canvas练习之形状的绘制
复习之前学习了canvas的基础知识和利用canvas画一条追线。首先canvas是一个新的h5 dom，在一些老的浏览器上可能存在不支持的风险，需要做好回退策略。利用canvas进行绘制时，首先要获取canvas的dom，然后通过getContext()接口，传入参数‘2d’来获取绘制上下文。canvas背景是一个以左上角为（0，0）点的坐标轴，只有正数。利用canva...
2020-03-02 17:15:04
285
原创 canvas练习之用canvas画一条直线
上节课中我们将canvas的dom渲染了出来，但是没有做任何操作。这一节我要学习在canvas上操作，同时画一些简单的东西，比如线条。首先，我们需要获取渲染上下文。如下：<canvas id="myCanvas" width="400" height="400"></canvas><script> var canvas = document.getE...
2020-03-02 17:14:13
1115
原创 canvas练习1
canvas是一个可以使用js脚本在上面做2D画的html元素，是H5上面新出的标签。使用canvas，需要熟悉基本的html和JavaScript知识，现代浏览器基本都支持canvas， 尤其是在手机端，可以不考虑不支持canvas的状况。默认情况下，canvas的大小为300px*150px。由于一些较旧的浏览器不支持html元素canvas，因此需要我们在canvas中间添加一部分内容，来...
2020-03-02 17:13:21
177
原创 阿里面试被跨域问题难倒后我决定系统学习一下相关知识
在电话面试时，被阿里面试官问了几个跨域的问题，发现对跨域的了解，第一不成系统，第二太过片面，所以决定好好的学习一下。什么是跨域？答：跨域其实就是违背了浏览器的同源策略，所以要想知道什么是跨域，弄明白同源策略就可以了。既然这样，那请讲一下浏览器的同源策略吧？答：同源策略得先从同源说起，所谓的同源，需要同时满足三个要求，否则就是跨域。1.请求协议相同，比如a网页用的是http协议，那么a网页...
2020-02-21 19:39:57
190
原创 记一次chrome兼容性修改之莫名其妙的阴影
现在大家都喜欢在chrome上开发，体验非常好。然而兼容性问题，很多形式也是避免不了的。比如我今天就被一个莫名其妙的阴影这么了一上午。我在本机上开发了一个效果，如图：结果有个测试同事提上来了如下一个bug，在周围莫名其妙的出现了阴影，如图在经过多次删除dom都没发现后，我把目光放到了overflow上面，因为我实在想不到有什么地方会出现这样的问题。于是我把原先的overflow:scro...
2020-02-20 15:23:16
255
原创 修改饿了么ui里面notification出现的位置和运动轨迹
点我查看原文在用element UI做开发的过程中，我们的UI要求notification在屏幕上居中显示。我们都知道，element只提供了左上，左下，右上，右下四个位置，可没有提供居中显示。怎么办，首先想到的就是调调css了，因为这个成本最低，要是其它的，可能还需要去看源码。1.第一步，先找影响notification显示的css。将durution设置为0，如下：this.$not...
2020-02-20 12:54:09
3049
原创 解决ios中定位fixed的导航下滑时消失的问题
查看原文今天在开发过程中遇到了一个定位为fixed的导航，在ios设备中下滑消失的问题。这个导航的需求是始终悬浮在页面最顶端，不管页面怎么滑动都不变。原代码如下：<div class="container"> <div class="back">返回</div> <div> 主题内容 </div>&l...
2020-02-13 00:19:02
1185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人