设置360为极速模式   <meta name='renderer' content='webkit'>

css3超出隐藏

.ellipsis {  // 超出一行
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} .ellipsis2 { // 超出两行
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp:;
-webkit-box-orient: vertical;
}

图片 占位图
http://placekitten.com/375/280

ajax 兼容ie9

$.support.cors = true;  // 这一行好像不需要
ajax(
crossDomain: true == !(document.all), // ie9 兼容
)

动态添加script ,并判断只加载一次

let _this = this
if (window.BMapLib) { // 判断动态加载的js 里面某个方法是否存在
_this.getMap()
return
}
let count = 0
function startLoad () {
_this.addScript('api.bai.xxx.js', function () {
_this.getMap()
}, function () {
count++
if (count < 4) startLoad() // 回调,加载失败再加载
})
}
startLoad() addScript (src, success, error) {
let script = document.createElement('script')
script.src = src
document.body.appendChild(script)
script.onload = function () { //成功
success()
}
script.onerror = function () { //失败
error()
}
}

接口数据锁 isLoading 防止多次点击调用多次接口

xx.click(function(){
getData();
}) // 默认 isLoading = false
getData(){
if(isLoading) return
isLoading= true // 当多次点击时, isLoading为true,会直接返回
api.onsuccess(){
isLoading= false // 拿到数据后,就可以再次调用
}
}

滚动监听加载数据

// 滚动监听  window.onscroll=function(){}    window.addEventListener('scroll',scrollEvent,false)

    function scrollEvent(){
// 如果已加载数据就不用监听了 if(self.$data.hasData) return
// 如果正在加载数据,并滚动到相应位置就调接口 getShop()
if(!self.$data.isLoading && document.body.scrollTop > 400){
self.getShop()
}
} getShop(){
if(self.$data.isLoading) return // 滚动监听会拼命调接口
self.$data.isLoading = true // 调到接口设置为true
api.onsuccess(){
self.$data.hasData = true // 有数据了
self.$data.isLoading = false // 调到数据后,就可以再次调用 getShop()了
}
}

网络状态监听

  let _this = this
// 网络状态监听
window.addEventListener('offline', function (e) {
_this.online = false
})
window.addEventListener('online', function (e) {
_this.online = true
})

swiper 回调函数、方法 demo

var myswiper = new Swiper('.swiper-demo', {
onSlideChangeEnd: function () { // 回调函数
var index = myswiper.activeIndex
}
});
myswiper.slideTo(index, 300, false) // 方法

jq 请求头

  beforeSend: function (xhr) {
xhr.setRequestHeader("X-Custom-Header1", "Bar");
},

chrome调试

chrome调试, 可以在控制台修改已经断点过的变量,可以实时更新

var a = 1;
var b = 2;
var d = a+b;
console.log(d); ctrl+shift+p 搜索console 选Drawer,打开console
在b打断点后,可在控制台window.a=1000; 按f10继续断点后,a的值会被改为1000,最终d的值为1002
F8在跳到下一个断点 F10一行一行断点 F11跳进函数断点

替换两个值

<script>
// 替换两个值 1
var a =12,b=2;
a+=b; // a= a+b a是两个数的和
b=a-b; // b= 和-b = a
a-=b; // a=a-b
console.log(a);
console.log(b);
// 替换两个值 2
let c = 100;
let d = 30;
[c,d]=[d,c]
console.log(c);
console.log(d);
</script>

js 2017 - 2的更多相关文章

  1. js 2017

    JS面向对象 <script> function num(val) { return val * 8 } function Index(name, age) { this.name = n ...

  2. common.js 2017

    String.IsNullOrEmpty = function (v) { return !(typeof (v) === "string" && v.length ...

  3. Node.js 2017.11.5-2017.11.16期间制作的图片爬虫总结

    2017年11月18日12:33:06

  4. JS高级程序设计3

    PS:有一小部分写在了 JS 2017了 JSON <!DOCTYPE html> <html lang="en"> <head> <me ...

  5. main.js index.html与app.vue三者关系详解

    main.js index.html与app.vue三者关系详解 2019年01月23日 11:12:15 Pecodo 阅读数 186   main.js与index.html是nodejs的项目启 ...

  6. table2excel使用

    原table2excel代码 /* * 采用jquery模板插件——jQuery Boilerplate * * Made by QuJun * 2017/01/10 */ //table2excel ...

  7. Koa 框架教程

    Koa 框架教程   作者: 阮一峰 日期: 2017年8月 9日 Node 主要用在开发 Web 应用.这决定了使用 Node,往往离不开 Web 应用框架. Koa 就是一种简单好用的 Web 框 ...

  8. Atitit 常用sdk 模块 组织架构切分 规范与范例attilax总结

    Atitit 常用sdk 模块 组织架构切分 规范与范例attilax总结 常用200个模块 2017/04/12  22:01    <DIR>          acc 2017/04 ...

  9. 【python】列出http://www.cnblogs.com/xiandedanteng中所有博文的标题

    代码: # 列出http://www.cnblogs.com/xiandedanteng中所有博文的标题 from bs4 import BeautifulSoup import requests u ...

随机推荐

  1. Zynq-Linux移植学习笔记之27UIO机制响应外部中断实现【转】

    转自:https://blog.csdn.net/zhaoxinfan/article/details/80285150 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog ...

  2. css利用padding百分比实现图片自适应高度

    应用场景 宽高比率,实现图片自适应高度,防止图片加载过程高度为0,加载完图片高度撑起,它下面的div抖动问题 重点:CSS百分比padding都是相对宽度计算的 <div class=" ...

  3. Latex所有常用数学符号整理

    原文地址:https://blog.csdn.net/ying_xu/article/details/51240291 这段时间用Latex很多,常常需要查阅相关特殊的符号,这里做一个整理,也方便大家 ...

  4. struts2框架之输入校验(参考第二天学习笔记)

    输入校验: 1. 分类 客户端校验:javascript,它是用户体验而已,可以绕开. 服务器端校验 * 代码校验 1). 要求Action必须继承ActionSupport 2). 重写Action ...

  5. 利用 git format-patch 和 git send-email 把修改的 patch 文件发送给 ffmpeg-devel

    1. 下载源码git clone https://git.ffmpeg.org/ffmpeg.git 2. 设置 git 用户的邮箱和姓名git config --global user.email ...

  6. Qt 出现“undefined reference to `vtable for”

    在QT中定义了一个线程类,继承自QThread, 在类中未加 Q_OBJECT 时编译正常,加入后报错如下: undefined reference to `vtable for myThread' ...

  7. E: The package code needs to be reinstalled, but I can't find an archive for it.

    ubuntu安装软件时报错: E: The package code needs to be reinstalled, but I can't find an archive for it. 解决方法 ...

  8. LabVIEW--为控件添加说明信息

    之前只知道为VI添加说明信息(在VI的属性里面添加,快捷键ctrl+I 打开),今天知道了控件也可以添加说明信息,这样就方便了许多,极大的提高了程序的可读性.

  9. bootstrap DataTable绑定数据带服务器分页

    <!-- DataTables -->  这两个文件在我的文件夹里面<script src="~/bower_components/datatables.net/js/jq ...

  10. Float与二进制之间的转化(Java实现)

    在线转化:http://www.binaryconvert.com import java.text.DecimalFormat; public class SinglePrecision { //浮 ...