前端ABCweb开发中的长度单位（px,em,ex,rem），如何运用
xiaoqi 发布于 2017-06-08
作为一名前端开发人员，css中的长度单位，都是我们在工作中非常熟悉的名词，因为没有它们，我们就不能声明某个字符应该多大，或者某些图像周围应该留白多少，甚至有时候能导致css不能进行正常工作，所以在很多css属性中，它们都是依赖于长度单位来显示各种页面元素。 1、长度单位包括哪些？...
2017年06月的文章 第4页
动态加载css方法实现和深入解析
xiaoqi 发布于 2017-06-08
一、方法引用来源和应用 此动态加载css方法 loadCss，剥离自Sea.js，并做了进一步的优化（优化代码后续会进行分析）。 因为公司项目需要用到懒加载来提高网站加载速度，所以将非首屏渲染必需的css文件进行动态加载操作。 二、优化后的完整代码 /* * @function ...
css loading动画
xiaoqi 发布于 2017-06-06
<!DOCTYPE html> <html> <head> <title>加载中</title> <meta charset="UTF-8"> </head> <body> <s...
AngularJs的factory、service和provide服务的区别
xiaoqi 发布于 2017-06-06
当你初试 Angular 时，很自然地就会往 controller 和 scope 里堆满不必要的逻辑。一定要早点意识到，controller 这一层应该很薄；也就是说，应用里大部分的业务逻辑和持久化数据都应该放在 service 里。我每天都会在 Stack Overflow ...
js中时间戳转化为时间
xiaoqi 发布于 2017-06-04
translateDate : function(current_date) { var date = new Date(current_date); var datetime = date.getFullYear() + "-" + ((date.getMonth() + 1)...
如何让 height:100%; 起作用
xiaoqi 发布于 2017-06-04
浏览器是如何计算高度和宽度的? Web浏览器在计算有效宽度时会考虑浏览器窗口的打开宽度。如果你不给宽度设定任何缺省值，那浏览器会自动将页面内容平铺填满整个横向宽度。 但是高度的计算方式完全不一样。事实上，浏览器根本就不计算内容的高度，除非内容超出了视窗范围(导致滚动条出现)。或者...
vue-找不同游戏
xiaoqi 发布于 2017-06-04
之前发布过一篇，在原来的基础上增加了倒计时功能。 <script src="//cdn.bootcss.com/vue/2.1.10/vue.js"></script> <style> body { background: #ffffff; t...
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...