朋友圈 - 博客园

2018年7月29日

摘要： http://ljjc.biligame.com/yuyue/ 背景能够跟着鼠标动，整体也很好看这部分很多模块的也好看，鼠标hover上去会有角色介绍是在原图的基础上，设置了很多可点击区域阅读全文

posted @ 2018-07-29 13:10 朋友圈阅读(494) 评论(0) 推荐(0) 编辑

摘要： DOM对象和JQUERY对象这就创建了一个对象了追加入页面添加属性的创建方式另一种了解一下就好同时选2个 .....很多东西。都可以通过意义清晰的代码写出来，并不需要这些语法糖选择完元素，就是操作有啥用啊... 设置属性只针对第一个元素操作而已设置在元素中设置数据 data是元阅读全文

posted @ 2018-07-29 11:30 朋友圈阅读(143) 评论(0) 推荐(0) 编辑

jQuery基础-简介

摘要： 1、增删查改DOM 2、兼容非常强，开发时可以不考虑兼容了 jQuery已经影响了几乎所有前端的思考方式安装就是一个js文件压缩和非压缩压缩过的，去掉了所有的注释和空格，打开页面更快 CDN 在每个地区结点进行缓存 jQuery也可以通过CDN引用 //是不同的协议 CDN方便，不用下载，不阅读全文

posted @ 2018-07-29 11:08 朋友圈阅读(178) 评论(0) 推荐(0) 编辑

2018年7月28日

搭建一个页面服务器

摘要： CSS根本获取不到因为只有一个请求处理函数一个页面是会同时请求css等一堆文件的关键是没有对静态资源进行处理直接对图像和文件进行处理即可好了上传到github上面去，其实是一个中转站到服务器上，安装node 下载错了！！！！ https://npm.taobao.org/mirrors 阅读全文

posted @ 2018-07-28 21:37 朋友圈阅读(155) 评论(0) 推荐(0) 编辑

仿慕课网轮播图

摘要：慕课网的轮播图挺好看的火狐拿图片真的方便整个区域大小设置大致轮廓为什么会这样呢。因为左侧div沾满了一行了，下一个div肯定换行既然父元素制定了高度了，子元素全部浮动即可浮动了还是不行果然是父元素容不下了现在好了大致轮廓出来了再把图片放上去经典的轮播实现方式！一个div，放多阅读全文

posted @ 2018-07-28 00:51 朋友圈阅读(842) 评论(1) 推荐(0) 编辑

2018年7月26日

仿慕课网导航栏

摘要：慕课网官网挺好看的，也是典型的三行布局头部底部还有跟随页面的导航栏。适合头部、中部、底部同级的div 在页面划过超不多一半的时候会有返回顶部先实现这三个吧头部的box-shawdow属性参数分别是 x的偏移 y便宜向右向下就是正的 Blur就是模糊度，模糊的才好看，越大越模糊 spr 阅读全文

posted @ 2018-07-26 15:01 朋友圈阅读(797) 评论(0) 推荐(0) 编辑

2018年7月25日

CSS基础-布局/行布局/多列布局/圣杯布局/双飞翼布局

摘要： body是整个页面的元素，默认是全屏，设置宽高也没有用哦！一个非常好的自适应设置width是100%的同时(90%也行，多少都可以)，最大是1000px 而且margin auto 左右居中那么如果大于1000px的时候，container左右居中的。如果页面缩放小于1000px的时候，沾满阅读全文

posted @ 2018-07-25 20:34 朋友圈阅读(243) 评论(0) 推荐(0) 编辑

absolute/relative/float

摘要：绝对定位的副作用和float一样，也会塌陷 relative可以限制absolute。父元素relative，子元素absulote即可无限制限制限制2 限制不了fixed relative是相对自身定位的、 relative无侵入！左margin-top -100 右relative 阅读全文

posted @ 2018-07-25 19:34 朋友圈阅读(125) 评论(0) 推荐(0) 编辑

margin详细

摘要：影响元素位置 margin把元素推开了如果没有指定widtht的时候 margin会影响长度父元素减去两个margin值，剩下的就是元素的长度了不指定height不行，直接就看不见了垂直居中我也不知道margin负值的意思正常情况下的负值正常情况下图片浮动后浮动后，后面的元素会顶着阅读全文

posted @ 2018-07-25 18:27 朋友圈阅读(147) 评论(0) 推荐(0) 编辑

padding详细

摘要： box-sizing属性看这个，非常详细 https://www.jianshu.com/p/e2eb0d8c9de6 正常情况下盒子大小是内容+padding+边框那么如果我希望盒子是100px的话，就要根据padding+边框，计算出内容的实际值。但是box-sizing可以帮我们自动计阅读全文

posted @ 2018-07-25 15:03 朋友圈阅读(939) 评论(0) 推荐(0) 编辑