摘要:
终于完成了手头的项目,失踪人口又回归啦!在做项目的过程中,遇到很多值得思考的点,速速道来。 第一个遇到的就是网页大小自适应的问题。 目前比较常用的方法有: 首先要让页面大小铺满屏幕又不能溢出。只需要在html``标签内加入viewport(如下),参数分别表示:页面宽度= 屏幕宽度,最大和最小伸缩比 阅读全文
摘要:
开始接触LESS、组件化编程后,慢慢意识到需要一个提高工作效率的构建工具,就此接触到了Gulp。 Gulp的好处在这里就不细说啦,只有四个API接口学起来简直爽歪歪,减少了大量的I/O操作,用起来很畅快。另外丰富的插件能99.9%满足你的需求,剩下的0.1%还可以自己写啊吼吼吼吼。总结一下自己觉得好 阅读全文
摘要:
最近在模仿各大网站写页面样式和交互,发现好多都有回到顶部的需要,所以写了一下js,记录下来。 发现还可以添加从快到慢的动画效果和随时下拉滚动条停止滚动的功能, 参考了imooc上相关课程,最终实现JS代码如下: 阅读全文
摘要:
一直以来icon和文本需要对齐都使用 的方法,但兼容性不理想。参考了鑫旭大大的博客,终于收获不用 可以对齐的神技, "原博点这里。" 代码如下: 阅读全文
摘要:
为了做移动端的前端项目开始学flex啦~!用了flex,再也不用担心排版啦。一起来快速上手吧! 在css上使用flex的语法 如在下面html代码中, ul为父元素,li为子元素。 使用flex应在父元素中加入以下css样式: .example { display: flex; display: " 阅读全文
摘要:
1. 圆角边框: 2. box阴影: 3. 背景图片大小: 4. 背景图片位置 5. 文本阴影 6. 强制自动换行 7. 分列 阅读全文
摘要:
很简单的一个小练习,但做的过程中发现safari的一个坑,使用 方法的时候,点击取消和不输入一样,会返回空字符 ,而不是 ! 要求 : 制作新按钮,“新窗口打开网站” ,点击打开新窗口。 任务 : 新窗口打开时弹出确认框,是否打开 提示: 使用 if 判断确认框是否点击了确定,如点击弹出输入对话框, 阅读全文
摘要:
爬虫目标:获取http://www.imooc.com/learn/348网页中的章节标题和视频信息。 阅读全文
摘要:
"偶遇一个可爱的css布局学习网站,立刻学起来哟~" 1. max width: 当页面左右宽度缩小时,为了避免出现左右滚动条的糟糕体验,就可以用到max width啦!页面比宽度小时,会自动缩小哦~ 2. box sizing: 对元素设置box sizing:border box后,确定宽度后再 阅读全文
摘要:
为了能用Markdown开了新博客也是够拼的。感谢博客园团队,给我们这么好的平台。小白新人,各种求大腿~一起享受码字的乐趣吧! 阅读全文