效果 鼠标触碰按钮，出现水墨风格动画 屏幕自适应 一份html文件，一份css文件，无javascript，上手程度：很简单 笔记 :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示元素，除了优先级更 ...

Javascript数据类型 五种基本数据类型： Number数值类型 (整数和浮点数(小数))(八进制、十六进制)八进制：0-7 例如:034十六进制：0-9 A-F(10-15) 例如：0x4F3A十进制：0-9 例如：45 ...

Javascript简介 1、ECMAscript定义语法规范 2、DOM：理解为我们页面当中所有的元素document object model 文档对象模型 3、BOM：browser object model 浏览器对象模型 js是什 ...

在我们的开发中常听到BFC这个词，当要让我说出BFC 是什么，却不能很好的却解释，似懂非懂。反正就是没有清晰的理解，是这两天仔细阅读了相关资料加深自己对BFC理解。 什么是BFC BFC:块格式化上下文（Block Formatting C ...

对于前端来说，最重要的莫过于用户体验了，这次我们聊一聊骨架屏 - Skeleton Screen 我们平常对于需要请求加载的内容，可能用的比较多的是loading动画，比如在内容区域放一个菊花图，当请求结束，并且render tree构造完 ...

很久没有来更新了，近半年项目比较忙，难得接近年底闲一阵子，研究一下数据结构预算法。今天首先了解一下关于数据结构和算法的一些基本概念。 数据结构概述： 数据结构主要是通过分析数据对象的结构特性，包括逻辑和数据对象之间的关系，然后把逻辑转换成计 ...

push() 从后面推;表示从数组的尾部添加元素 原数组发生变化,返回值为加入新元素之后数组的总长度 var arr1 = [1,2,3,4,5,6,7,8]; var a1 = arr1.push(9,10,'1-10之间的数'); ...

RegExp属性和方法整理 正则表达式从上学时候就感觉跟一个噩梦似得，怎么都看不懂，工作后也有几次想好好看看正则，不知是时间还是自身技能层次的限制都没能搞明白如何写一个正则表达式，直到今天，再次一行一行阅读了MDN关于RegExp的介绍，才 ...

ajax 基本概念 ajax 是Asynchronous JavaScript + XML 的简写。指一种创建交互式网页开发的技术。 通过异步模式，提升了用户体验。优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用。 aj ...

封装复杂的 ajax 请求 ajax 传参为对象的格式，方便之后进行数据处理 注意数据格式的处理 get 和 post 的处理方式不同，参数也不同 function ajax(obj){ if(window.XMLHttpRequ ...