前端ABC动态加载css方法实现和深入解析
xiaoqi 发布于 2017-06-08
一、方法引用来源和应用 此动态加载css方法 loadCss，剥离自Sea.js，并做了进一步的优化（优化代码后续会进行分析）。 因为公司项目需要用到懒加载来提高网站加载速度，所以将非首屏渲染必需的css文件进行动态加载操作。 二、优化后的完整代码 /* * @function ...
标签：js 第2页
js中时间戳转化为时间
xiaoqi 发布于 2017-06-04
translateDate : function(current_date) { var date = new Date(current_date); var datetime = date.getFullYear() + "-" + ((date.getMonth() + 1)...
JS常用的七种跨域方式-工作笔记
xiaoqi 发布于 2017-06-02
javascript跨域有两种情况： 1、基于同一父域的子域之间，如：a.c.com和b.c.com 2、基于不同的父域之间，如：www.a.com和www.b.com 3、端口的不同，如：www.a.com:8080和www.a.com:8088 4、协议不同，如：http:/...
懒加载的原理及实现
xiaoqi 发布于 2017-06-02
懒加载原理 1、先将img标签中的src链接设为同一张图片（空白图片），将其真正的图片地址存储再img标签的自定义属性中（比如data-original）。 当js监听到该图片元素进入可视窗口时，即将自定义属性中的地址存储到src属性中，达到懒加载的效果。 2、这样做能防止页面一...
canvas实现刮刮乐插件
xiaoqi 发布于 2017-06-02
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>qdabc.cn</title> <style> body{ paddi...
解决跨域问题
xiaoqi 发布于 2017-05-31
协议、域名、端口，只要有一个不同就会造成跨域问题 1. 主域和子域的区别 – 主域一般在域名后半段，只含有一个. – 子域一般是包括主域的字段 2. location.hash – #代表网页的一个位置，右面的字符就是该位置的表示符，通过loc...
使用$http发送请求的时候显示loading
xiaoqi 发布于 2017-05-31
由于是单页应用, 所以在index.html中必有这样一行: <div ui-view=""></div> 在这一行下面添加以下代码: <div id="loading" ng-show="showLoading"> <div class...
js单页面简单路由带slide动画
xiaoqi 发布于 2017-05-27
/** * @字符串转dom */ function parseDom(arg) { var objE = document.createElement("div"); objE.innerHTML = arg; return objE.childNodes; }; //父类 ...
js给类似群组绑定事件
xiaoqi 发布于 2017-05-25
var x=document.getElementsByTagName('div')//获取所有div，给div绑定点击事件 //第一次循环，给每个div绑定点击事件，并把索引值赋值到新的属性中 for (var i =0; i<x.length; i++) { x[i]....
百度echarts使用体会，一个页面根据json数组生成多张表格效果
xiaoqi 发布于 2017-05-25
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>柱状图测试</title> <script type="text/javascri...