- 博客(10)
- 收藏
- 关注
RSS订阅原创 Canvas--画布元素
canvas元素是html5中新加入的标签，用来绘制各式各样的图案<canvas></canvas>js代码：//获取指定的canvas元素var canvas = document.getElementById('canvas');//调用canvas元素的getContext方法访问获取2d渲染上下文var context = canvas.getCont...
2018-11-08 00:20:30
598
原创 web学习-项目练习-No.4-朋友圈
这是学javascript做的项目，用到了jQuery。思路:因为整体朋友圈的界面是由信息遍历渲染得到的，在每条信息的div内部创建子元素‘回复弹出界面’和‘评论输入和发送界面’，每条信息有自己的索引，在click事件绑定之后，根据索引对相应数据的内容进行改动，再重新渲染到界面上，从而达到点赞和评论的效果。<1>整体效果，数据遍历渲染效果如图：描述：分为四种消息类型-多图...
2018-11-01 00:58:14
355
原创 web学习-项目练习-No.3-简历
这是学习布局时做的一个项目，响应式布局，制作动画效果的个人简历。思路：先设置布局，做成响应式布局，用flex达到效果；分别对左边、右边进行布局和样式设置；设置动画效果，一共六处动画，都是鼠标滑动触发，用animation动画；最后设置媒体查询，设置在宽度小于768px之后的样式变化。<1>整体布局样式效果如图：描述：创建左右两个部分的<div&am
2018-10-31 00:33:37
416
原创 web学习-项目练习-No.2-博客
博客项目是在游记项目的简陋网页上进行样式的美化和改变。思路：重置CSS样式，新建的style-reset.css文件，将浏览器的默认样式重置；根据要求设置不同类、不同元素的样式；打开设置过CSS样式的html文件，对比一下要求，看是否有不对的地方，进行增删查改。<1> 下划线样式效果如图：描述：在h1标题的文字下方显示一条下划线，文字下方颜色是#188eee，其他颜...
2018-10-30 15:58:52
350
原创 web学习-项目练习-No.1-游记
这是第一个web项目，虽然是很简陋的一个网页，但是却是一个好的开始。思路：TML文件结构根元素中包含两个子元素<head>和<body>;<head>中设置元数据，<body>中设置游记文章的内容；对不同的元素进行相应的属性设置。这是实现的网页样式图片这一项目特别简单，没有难点，仅作为一个纪念。PS：<hr>是一个分割...
2018-10-30 00:16:41
428
原创 javascript进阶
创建对象工厂模式通过创建函数调用函数来创建对象function createBottle(name,price,isKeepWarm){ return{ name: name, price: price, isKeepWarm: isKeepWarm };}var bottle = createBottle('太空杯',49,false);var bot...
2018-10-23 23:24:46
224
原创 javascript基础
jQueryjQuery引入本地文件&amp;lt;script src=&quot;js/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;内容分布式网络CDN//非压缩版&amp;lt;script src=&quot;https://cdn.bootcss.com/jquery/3.2.1/jquery.js&a
2018-09-29 18:41:08
310
原创 HTML/CSS
CSS动画补间动画/transition动画需要借助交互只能定义第一帧和最后一帧的样式transition-property: all; 属性 transition-duration: 2s; 持续时间 transition-timing-function 动效 transition-delay 延迟时间 不支持动画的一些属性 background-image: a....
2018-09-16 23:05:23
516
原创 CSS基础
CSS盒子盒模型（由内到外）内容区域：width,height 内边距：padding 边框：border 外边距：marginboxing-sizing: content-box（实际内容宽高就是设定的width和height） border-box（实际内容宽高是width和height减去对应的border和padding值）属性：top\right\bottom\...
2018-09-09 22:22:05
226
原创 HTML基础
基本HTML结构文档声明&amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;gt; 告诉浏览器使用哪个HTML版本进行解析 &amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;gt;元素根元素或顶级元素&amp;amp;amp;amp;amp;lt;html&amp;amp;amp;a
2018-09-06 20:01:50
257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人