摘要: 利用html5和css3开发出炫酷的网页,那么对于一个web前端开发者,css3也是必须要掌握的,下面和大家讨论一下css3中伪类选择器和伪元素。 类选择器 在css中可以使用类选择器把相同的元素定义成不同的样式。比如:p.left{text-align: left}p.rigth{text-ali 阅读全文
posted @ 2018-06-24 17:43 青鸟it技术 阅读(336) 评论(0) 推荐(0) 编辑
摘要: 什么是mark元素 mark元素表示页面中需要突出显示或高亮显示的,对于当前用户具有参考作用的一段文字。通常在引用原文时使用mark元素,目的是引起读者的注意。mark元素是对原文内容有补充作用的一个元素,他应该用在一段原文作者不认为重要的,但是现在为了与原文作者不相关的其他目的而需要突出显示或者高 阅读全文
posted @ 2018-06-19 17:36 青鸟it技术 阅读(389) 评论(0) 推荐(0) 编辑
摘要: 什么是选择器 使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。选择器是CSS3中一个重要的内容,使用CSS选择器可以大幅度提高web前端开发人员的编写或者修改页面样式的时候的工作效率。 每一条css样式定义由两部分组成,形式如下: 选择器{样式}在{}之 阅读全文
posted @ 2018-06-18 15:48 青鸟it技术 阅读(206) 评论(0) 推荐(0) 编辑
摘要: html5代码案例分析 html5代码中有一个id,id="tuo",还有一个ondragstart="drag(event)"属性,那么这个是表示的什么意思呢,它后面有一个函数drag(event),这个意思就是表示我们开始拖动的时候调用这个函数,我们可以看到这里dragstart,它就是表示我们 阅读全文
posted @ 2018-06-13 23:30 青鸟it技术 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 接下来我们来了解如何调整sublime text的配置,可能很多同学下载sublime text的时候就是把它当成记事本来使用,也就是没有做任何自定义的配置,做一些自定义的配置可以让sublime text更适合我们的开发习惯。 那么在利用刚才的命令面板我们怎么打开配置呢? 如图,我们先输入pref 阅读全文
posted @ 2018-06-11 17:19 青鸟it技术 阅读(240) 评论(0) 推荐(0) 编辑
摘要: JavaScript声明变量 JavaScript变量是来保存我们的数据的,想在JavaScrip中声明一个变量可以通过以下方式: (1)通过var关键字声明变量(2)可以声明变量的同时给变量赋值(3)可以一次声明一个变量也可以一次声明多个看变量(4)如果只声明变量未对其赋值,默认值为undefin 阅读全文
posted @ 2018-06-09 00:10 青鸟it技术 阅读(472) 评论(0) 推荐(0) 编辑
摘要: 如图,这张图就是雅虎的性能优化工程师统计了世界流量最大的网站,然后他们这个页面在下载的时候,下载他们的HTML,和下载HTML中引用的图片和js、css的耗时,然后把他们做了一个对比,会发现8020原则在这里面表现得非常明显,就是说用户花了百分之二十的时间或者百分之二十不到的时间去下载主文档,但是花 阅读全文
posted @ 2018-06-07 10:12 青鸟it技术 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 1.准备挂载到页面2.挂载到页面更新——>3.更新值4.更新DOM卸载5.卸载前 注意事项 1.更新函数是在更新之后才有的,初始化的时候未执行2.forceupdate是直接引起更新,从willupdate3.移除元素的时候,只能通过拥有者进行元素的替换或者移除 组件的生命周期分成三个状态 Moun 阅读全文
posted @ 2018-06-06 10:01 青鸟it技术 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 什么是Section元素 Section元素是对网站、网页进行内容分块的元素。一个section元素通常是由内容和它的标题组成,section元素并非是一个普通的容器元素,当一个容器需要被直接定义样式的时候,我们还是推荐大家是div,下面我们就通过一段简单的代码来认识我们section元素。 Sec 阅读全文
posted @ 2018-06-04 11:42 青鸟it技术 阅读(797) 评论(0) 推荐(0) 编辑
摘要: HTML5的绘图基础 • 在HTML5以前的时代,web前端开发者无法在HTML页面上动态地绘制图片• HTM5新增了一个<canvas../>元素,相当于一个画布,可以获得一个CanvasRenderingContext2D对象• CanvasRenderingContext2D提供了很多画图AP 阅读全文
posted @ 2018-05-30 22:24 青鸟it技术 阅读(415) 评论(0) 推荐(0) 编辑