一只京大

摘要： 纯css实现预加载动画，增加用户体验度css代码：dot{ display: inline-block; height: 1em; line-height: 1; text-align: left; vertical-align: -.15em; ov... 阅读全文

摘要： 页面请求或者加载时候控制台出现报错信息一般为403,404下面列出http协议状态码供大家参考1xx（临时响应）100继续表示临时响应并需要请求者继续执行操作的状态码。请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。... 阅读全文

摘要： 在angular和vue等mv*框架中做的很多的一个案例就是添加列表再删除最具有代表性的案例就是todos点击打开链接,github地址点击打开链接点击当前列表项中某一项进行删除：下面代码以angular为例：视图层代码：{{todo.text}}×在... 阅读全文

摘要： 本篇文章主要写html中img标签增强用户体验： 通过伪元素和content来实现直接上代码： css部分img{ width: 800px; height: 300px; display: inline-block; position: ... 阅读全文

摘要： 有很多的业务需要元素或者文字如果单行，居中显示，如果数据增多，居中显示代码（直接复制到编辑器可用）：单行居中，多行居左显示这是我测试的文字，当文字超出的时候，居左显示。这是我测试的文字，当文字超出的时候，居左显示。其中只需要给CSS部分设置： 父元素t... 阅读全文

摘要： 导语： Javascript OOP（Object Oriented Programming）思想是整个javascript语言中比较核心的部分，与其他后台语言不同的是，js中实现的面向对象编程是通过原型链。 面向对象思想的重要性：所有的第... 阅读全文

摘要： 不同浏览器之间的间隔距离是不一样的，亲测有下面4中情况浏览器缝隙大小(PX)备注Firefox4 Chrome5IE4qq，360，搜狗等浏览器8 html显示：出现这个问题的原因就是：1.代码部分标签之间出现空格像这样： ... 阅读全文

摘要： 总结一下，使用float的话，需要清除浮动的两种简单方式：1.通过伪元素清除浮动常用简单的两种方式测试1测试2测试3123通过伪元素是自我感觉质量比较高的清除浮动的一种方式，因为不再向DOM中添加元素其是通过sass和less开发中，清除浮动在重复性使... 阅读全文

摘要： 我认为有两种基本的轮播图一种是左右轮播的一种是层次渐变的今天就写一个层次渐变的轮播图：类似于爱思助手官网，腾讯云上的轮播图轮播的方式，其实这种轮播图轮播方式的网站有很多，再次就不一一举例（当然也举不完）接下来直接上代码：页面代码直接复制就可以用。兼容i... 阅读全文

摘要： 本篇文章对于一些刚步入web前端的小伙伴可能会有很大帮助刚步入前端的小伙伴经常会遇到这样一个问题：我们写好的页面，在不同分辨率下，显示就不如人意了。出现这种问题的主要原因就是页面在当前分辨率下，使用了定死的宽度或者统一浮动到了左侧，这样放在大的分辨率下... 阅读全文