小编zoo*_*lin的帖子

我使用以下mailto链接发送电子邮件:

 <a class="share3" title="" href="mailto:?subject=@check&amp;body=@domain">

它工作得很好,但有时我的主题将包含一个与号(&)字符,当它发生时,我的电子邮件是在没有正文的情况下创建的.

有什么方法可以解决这个问题？

让我说我有一个方法的对象文字:

const testObj = {
   method: function() {
      console.log('declaration');
   } 
}

与另一种方式定义的metod相同的对象:

const testObj = {
   method() {
     console.log('declaration');
   }
}

在上面两个例子中定义方法字段之间有什么区别？我知道函数提升和函数声明可以在它们出现在代码中之前使用,但是当将函数定义为对象字段时,它似乎并不重要.

我正在尝试创建一个响应式矩形,其中包含:

1. height 这是62% width
2. background: linear-gradient
3. 矩形内部是垂直和水平居中的图像,具有最大尺寸,所有图像具有相同width: 400px但不同的图像height

我之前做过的事:

1. 为了获得响应矩形我使用这种方法:

.responsive-rectangle {
  width: 100%;
  max-width: 450px;
  background: -webkit-linear-gradient(bottom, #0071B4, rgba(0, 113, 180, .8));
  background: -moz-linear-gradient(bottom, #0071B4, rgba(0, 113, 180, .8));
  background: -o-linear-gradient(bottom, #0071B4, rgba(0, 113, 180, .8));
  background: linear-gradient(to top, #0071B4, rgba(0, 113, 180, .8));
}
.responsive-rectangle:before {
  content: "";
  display: block;
  padding-top: 62%;
}

<div class="responsive-rectangle"></div>

的jsfiddle

2. 对齐我使用过的矩形内的图像,display: flex;并text-align:center;使用.img-wrapper:

.responsive-rectangle {
  width: 100%;
  max-width: 450px;
  background: -webkit-linear-gradient(bottom, #0071B4, rgba(0, 113, …

我需要制作一个圆形进度条(下图),从左下侧到右下侧加载开始.浅蓝色(#E8F6FD)为空状态,强蓝色(#1CADEB)为进度.

我尝试了一些方法,但找不到最适合这种方法的方法:

1. 首先,我试图用一个div元素与border-radius: 50%;和border-bottom-color: transparent;,的jsfiddle.在这种方法中,我得到的形状与图像完全相同,但问题是如何填充边界的进度？
2. 第二次尝试是使用canvas,这种方法很好,期待加载器出现在屏幕上的原因只是在所有JS加载后,我想防止这种行为并在页面加载时立即显示加载器, jsfiddle

所以我的问题是有任何其他方法可以实现弧加载器或列出问题的任何建议.