会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
jacobwqh
博客园
首页
新随笔
联系
订阅
管理
[置顶]
css flex经典三大布局:垂直居中,两列等高,自适应宽
摘要: 用flex实现css里的三大经典布局,不需要额外很多代码。 1,垂直居中 :子元素在父元素中,水平垂直居中。justify-content:center设置水平方向居中,align-center设置垂直方向居中。 <div id="parent"> <div id="child"></div> </
阅读全文
posted @ 2019-04-23 15:05 贾各布
阅读(16969)
评论(0)
推荐(0)
[置顶]
jquery封装公用类和方法
摘要: 项目UI框架采用ZUI,官方地址是这里:http://zui.sexy/。是一个仿bootstrap风格的框架,对各大浏览器的支持度都很好,而且样式很nice。 1,封装公用方法 如果想显示一个漂浮消息时,我们可以这样: // 点击按钮时显示漂浮消息 $('.btn').on('click', fu
阅读全文
posted @ 2019-04-11 22:25 贾各布
阅读(3360)
评论(0)
推荐(0)
[置顶]
vue + elementUI 项目首屏速度优化
摘要: vue+elementUI项目打包后,首页加载时间较长,有很多方面值得深入研究、优化的地方,主要从以下二个方面着手: 1,element-ui 按需引入 (1)首先执行: npm install babel-plugin-component -D (2)然后在babelrc中的plugins配置:
阅读全文
posted @ 2018-06-20 15:05 贾各布
阅读(2885)
评论(0)
推荐(0)
2020年5月22日
jQuery实现横向滚动切换选中
摘要: <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style> #container { width: 460px; height: 200px; margin: 50px auto; border: 1px
阅读全文
posted @ 2020-05-22 23:30 贾各布
阅读(886)
评论(0)
推荐(0)
2019年9月11日
jQuery源码分析(6) - $.xxx()和$().xxx()幕后
摘要: 把以前看的jQuery源码的分析笔记搬到博客上,重温经典,也是为了方便查询。 众所周知,jQuery有二种方法调用形式,$.xxx()和$().xxx()。 $.xxx():可以给jQuery对象和原生js对象用,也就是俗称的工具方法; $().xxx():只能给jQuery对象使用。 工具方法常用
阅读全文
posted @ 2019-09-11 15:54 贾各布
阅读(452)
评论(0)
推荐(0)
jQuery源码分析(5) - jQuery的ready()到底何时执行
摘要: 把以前看的jQuery源码的分析笔记搬到博客上,重温经典,也是为了方便查询。 document.body 还不存在时,DOMContentLoaded未完成,于是将jQuery.ready放入setTimeout, 由于setTimeout属于宏任务,会将jQuery.ready事件放入宏任务队列后
阅读全文
posted @ 2019-09-11 11:37 贾各布
阅读(282)
评论(0)
推荐(0)
jQuery源码分析(4) - 如何处理$的命名冲突问题
摘要: 把以前看的jQuery源码的分析笔记搬到博客上,重温经典,也是为了方便查询。 将源码中的逻辑精简如下: 加载jquery和另外一个也是用$的库之后, var $j = jQuery.noConflict(); // 定义一个新的名称 $j(function(){}); 如果想在jQuery里继续使用
阅读全文
posted @ 2019-09-11 11:35 贾各布
阅读(169)
评论(0)
推荐(0)
jQuery源码分析(3) - 判断传入对象是否为function或array
摘要: 把以前看的jQuery源码的分析笔记搬到博客上,重温经典,也是为了方便查询。 typeof 不能区分Array,RegExp等object类型,jquery为了扩展typeof的能力,添加了$.type; 针对特殊的对象(如null,Array,RegExp)也进行精准的类型判断; 运用钩子机制,判
阅读全文
posted @ 2019-09-11 11:32 贾各布
阅读(396)
评论(0)
推荐(0)
jQuery源码分析(2) - 为什么不用new jQuery而是用$()
摘要: 把以前看的jQuery源码的分析笔记搬到博客上,重温经典,也是为了方便查询。 jQuery没有使用new来实例化jquery,而是直接调用其函数,要实现这样,要把jquery看成一个类,而且返回一个正确的实例, 实例还要能正确访问jquery类原型上的方法和属性,通过传递原型,使得init方法生成的
阅读全文
posted @ 2019-09-11 11:25 贾各布
阅读(335)
评论(0)
推荐(0)
jQuery源码分析(1) - 连字符如何变驼峰写法
摘要: 把以前看的jQuery源码的分析笔记搬到博客上,重温经典,也是为了方便查询。 jQuery里有一段源码,用来将连字符-改成驼峰,精简提炼出来如下: function camelCase(str) { return str.replace(/-([a-z])/g, function(all, lett
阅读全文
posted @ 2019-09-11 11:19 贾各布
阅读(326)
评论(0)
推荐(0)
2019年4月11日
gulp搭建前端自动化开发环境
摘要: gulp是基于node编写的一个构建工具,有4个主要的API: gulp.src() - 输出符合条件的文件 gulp.dest() - 能被pipe进来,并写文件 gulp.task() - 定义任务 gulp.watch() - 监听文件 首先,默认node环境已经安装; 全局安装gulp: n
阅读全文
posted @ 2019-04-11 22:33 贾各布
阅读(640)
评论(0)
推荐(0)
下一页
公告