摘至博客园江峰----关于前端的小技巧

一、

解决chrome上接口无法调用的问题!比如说6666接口是不能使用的问题----------

今天在运行一个iView工程的时候,为了要与其他几个工程区分开,改用了端口号6666,结果死活运行不出来,然而上次我用的是8080是能够运行出来的,于是怀疑是不是该端口号被禁用了,上网上查了一下,发现还真是。

  抱着好奇心,根据某网友提供的方法试了一下,发现还真能行得通,特此做个笔记。

做法其实很简单,就是鼠标右键谷歌浏览器桌面快捷方式,选择属性’ => ‘快捷方式,在目标的url后面加上 --explicitly-allowed-ports=6666即可解决,多个端口号使用逗号隔开。

 

 

二、

@JavaScript中的fill()方法:

fill()方法的作用是使用一个固定值来替换数组中的元素。该固定值可以是字母、数字、字符串、数组等等。fill()方法还有两个可选参数,表示填充的起始位置和结束位置。

废话不说,直接上代码:

 



三、

@遍历数组中的元素的方法。

1、for循环

2、forEach()方法    arr.forEach(function(val,index){

 

})

3、for - in循环

4、For - of ES6的方法:

 

其实还有很多,比如:mapset,indexOf,lastindexOf等等

四、

@实现图文不可复制的效果

有时候想复制网上某段图文来自己应用的时候,发现文本无法选中,因而无法完成复制。总觉得挺神奇的,今天终于知道了这种效果该怎么实现了。

这里使用到了user-select属性。

 

IE6-9不支持该属性,但支持使用标签属性 onselectstart="return false;" 来达到 user-select:none 的效果

五、

@图片上传时获取图片的宽和高

一般而言,我们把图片上传至服务器时,服务器会返回一个上传地址给我们,这个就是我们图片的url了,但是光有这个还是不够的,因为还要将图片的宽和高传给服务器,这时候就可以这样做了。直接上代码: 

var img = new Image()

img.src = url

这样的话我们就可以直接通过img.widthimg.height就可以获取图片的宽高了,但是由于上传的图片是异步的,所以我们获得到宽和高还是0;那么我们就要把这个加载的宽和高放到body中的。所以是这样的:

img.onload = function(){

  w = img.width;

  h = img.height       

}

以上是ES5的方法;当然了还有ES6的方法:如下

 

简化如下:

 

六、锚点的链接

@同一页面之间的跳转:简单

<a href="#goal">点击跳转</a>

<p id="goal">HTML中的链接,正确的说法应该称作"锚点"。</p>

@不同页面之间的锚点的链接:a标签的herf中加入需要跳转的路径和#id,OK

<a href="路径"+"#goal">点击跳转</a>

<p id="goal">HTML中的链接,正确的说法应该称作"锚点"。</p>

七、动态的修改网页的title

@js的方法如下:

 

@jQuery的方法:

   

八、比特虫在线制作icon图标favicon.ico在线制作

九、Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示可通过加入 CSS 属性 -webkit-text-size-adjust: none; 解决.这是webkit内核的浏览器私有属性!在FirefoxIE上不适用。FirefoxIE中字体的大小由自己定义。可以是4px等等。

 

 

阅读更多
文章标签: 前端小惊喜
个人分类: js
下一篇关于CSDN头像无法更换的问题
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭