html

纯CSS实现扁平化风格开关按钮

开关样式预览图css代码部分input[type=checkbox] {visibility: hidden;}.checkbox {width: 120px;height: 30px;background: # FFF;margin: 1px 1px;border-radius: 10px;position: relative;}.checkbox:before {con
业界 2016年07月08日

img/background/iconfont---谁最适合你？

前言第一篇文章，小弟先做一番自我介绍^ω^姓名不说，年龄21岁，湖北武汉一所二本大学2016届本科毕业生，大四前的暑假起对web前端产生兴趣并有半年实习经验。ng、vue、react等等高大上的框架完全不懂，却也靠前端交流群和百度积攒下了一些小小心得。说来写文章也是比较心虚，怕有理解不到位之处还可能祸害别人。可是万一哪位大牛看到之后闲来无事在评论里指点一波，我不就赚大了么^
业界 2016年07月01日

css中的那些布局

因为最近心血来潮，就总结了一下css中的几种常见的多列布局。两列自适应布局两列自适应布局算是css布局里面最基础的一种布局了，不少网站在使用。这种布局通常是左侧固定，右边自适应，当然也有反过来的，道理一样，这里有好几种方法。 (张鑫旭老师的博客是左边流式布局，右边固定宽度）左浮动+margin 因为浮动会导致元素脱离文档流，所以下面的元素会占据浮动元素原来的位置。 这个时
业界 2016年07月18日

debounce(防抖)和throttle(节流)

防抖和节流窗口的resize、scroll，输入框内容校验等操作时，如果这些操作处理函数较为复杂或页面频繁重渲染等操作时，如果事件触发的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少触发的频率，同时又不影响实际效果。debounce 防抖debounce（防抖），简单来说就是防止抖动。从上
业界 2016年07月10日

水平垂直居中

实现demodemo源码css代码：.container{width:400px;height: 200px;background-color: # ccc;position: absolute;top:0;bottom: 0;left: 0;right: 0;margin:auto;overflow:hidden;}/第一种方式实现圆角/.left-circle{back
业界 2016年07月06日

一个前端写的php博客系统2--前台展示+后台登录

部署的演示地址我的博客地址： http://www.weber.pub 可以查看到具体的站点展示github 地址：https://github.com/baiyuming/byblog前台首页展示首页的侧边预留的位置是给后面的统计，热门之类的版块预留位置。。。控制器文章列表展示要考虑到文章数量增多后分页展示，那么我们要统计文章数量，使用 count() 计算文章总数，然后
业界 2016年08月01日

切图崽的自我修养－优化图片加载流程

前言优化！ 又是优化！切图崽们作为整个web应用的纽带，连接着用户行为和机器性能. 而优化的最终意义，在于在这两者之间取得一个最佳的平衡点.对于图片资源的加载来说，更是如此. 今天我们就来简单说说，项目开发中常见的图片加载优化方式.预加载1.遮罩大法我们经常用jquery, jquery中$(function){})实际上是DOMContentLoaded事件完成的回调，只
业界 2016年07月07日

AngularJS的核心对象angular上的方法全面解析(AngularJS全局API)

总结一下AngularJS的核心对象angular上的方法，也帮助自己学习一下平时工作中没怎么用到的方法，看能不能提高开发效率。我当前使用的Angularjs版本是1.5.5也是目前最新的稳定版本，不过在全局API上，版本不同也没什么区别。AngularJS 全局 API列表elementbootstrapcopyextendmergeequalsforEachnoopbi
业界 2016年07月06日

又被事件冒泡坑了一把，这次要彻底弄懂浏览器的事件流

打算封装一个弹窗组件，做的时候忘记了考虑事件冒泡的因素，结果被坑得不要不要的。为了解决自己的问题，去查阅了不少资料，把事件流相关的知识都给总结一下。事件冒泡：一个简单，但是坑了我无数回的知识点！JavaScript与HTML的交互通过事件来实现。而浏览器的事件流是一个非常重要的概念。不去讨论那些古老的浏览器有事件捕获与事件冒泡的争议，只需要知道在DOM2中规定的事件流包括了
业界 2016年07月13日
加载更多