_likeli-CSDN博客

原创 Ajax的简单用法

Ajax用法ajax是能够在不刷新页面的情况下，让网页局部数据更新的技术Ajax请求数据三剑客创建对象 var request=new XMLHttpRequest()发送请求 request.open("get","hot.json",true);//hot.json是本地存在的JSON文档 request.send();等待响应 request.onreadystatechange

2017-11-07 20:10:35 247

原创 JSON的简单用法

JSONJSON简介 JSON—Javascript Object Notation，前两个单词大家应该都认识，最后一个notation，是“记号、标记法”的意思，连在一起，便成了JSON。它是一种轻量级的数据交换格式，是基于Javascript的一个子集，可以叫做Javascript对象表示法，是存储和交换文本信息的语法，但它并不是Javascript独有的数据格式，其它很多语言都可以对JSO

2017-11-07 20:07:11 226

原创 JS计时器

今天给大家讲两个有关计时器的例子，设置计时器时，你需要根据要求来添加计时器，清除计时器，有时候可能会清除计时器清除不了，而且会造成运动越来越快，这是因为计时器不是全局变量造成的，下面举一个倒计时的例子与无缝滚动倒计时100秒 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>倒计时</tit

2017-09-28 21:14:34 335

原创 preserve-3d

舞台层景深层 perspective: 1600px; 形变中心点perspective-origin: 0px 0px; 形变中心点transform-origin: center center;3d中心层就是围绕运动的层下面用几个例子来介绍3d动画例1正方体代码魔方 body{

2017-09-13 19:46:25 1144

原创移动端布局

viewPortwidth 可以设置HTML页面的宽度，在移动端一般设置为device-width。initial-scale：初始缩放比例，第一次进入页面上的时候，整个页面的缩放比例minimum-scale：2.0最小的缩放比例。最小的缩放比例是指页面最小是原来的两倍user-scalable=no 设置是否允许用户缩放，no不允许缩放，Yes允许缩放。maximum-scale：3.

2017-09-12 21:00:33 163

原创 flex布局2

今天主要对flex进行重新说明以及补充，首先给大家介绍一下什么是flex布局：Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。下面具体介绍一下布局方式display: flex;对弹性容器设置flex-direction:row | row-reverse | column可以改变flex容器的方向 * row定义主轴方向为X轴从左到右 * r

2017-09-11 19:22:26 199

原创 flex布局1

今天主要从他几个属性来介绍弹性盒子display: flex；把元素设置成弹性容器1.flex-direction:可以改变flex容器的方向让其子元素来弹性布局row定义主轴方向为X轴从左到右row-reverse 从右到左column 定义主轴方向为Y轴从上到下2.justify-content排列方式，让其子元素按不同方式进行排列flex-start: 从行首

2017-09-08 19:15:02 253

原创 animation动画

下面给大家介绍CSS动画方面的知识，动画一般用在移动端多一些，有了动画会让用户有更好的用户体验。下面具体介绍一下：animation animation-name:动画名称animation-duration:动画时间animation-delay:动画延迟animation-direction:alternate;先正运动后反向运动，reverse从反向开始运行动画altern

2017-09-07 19:31:35 456

原创 transform以及transition

今天主要给大家介绍transform的几个变换方式如：translate scale rotate transform-origin以及skew，下面一一向大家介绍一下1.translatetranslate:变形，位移的元素高于普通文档流元素,但没有定位元素层级高translateX 在X轴上面位移或形变translateY 在Y轴上面位移或形变translate 在

2017-09-06 19:19:15 273

原创 border-radius该如何去设置以及怪异盒模型

大家都知道border-radius使用来设置边角的但是如何去设置呢，下面我会一一介绍border-radius可以统一对他们来设置：1.当border-radius只有一个值时，如border-radius：20px;说明左上，右上，右下，左下四个方位都有偏移量2.有两个值时，如border-radius: 50% 50%；第一个值表示左上右下第二个值表示右上左下3.三个

2017-09-06 08:53:09 734

原创 pug模板的使用及终端

今天学习到了pug的使用方法，下面我为大家介绍一个例子doctype htmlhtmlheadmeta(charset="utf-8")title 这是pug的练习link(rel="",href="")body-h1 今天学了pugdiv(class="box")div#div1ph2 哈哈strong 你好//创建一个pug/

2017-09-04 19:31:10 2012

原创 form表单

又到了周一，在上午老师讲上周五考的试卷时，我懵了，感觉自己错了好多，我也看出了自己的不足之处，主要的是有关细节的方面我都没有注意到，我以后需要加以改正，不能在不注重细节了，细节决定成败。下面我来分享一下今天学习到的知识form表单。form表单，是双标签，块级元素，他具有两个属性：1、action提交后台的地址，2、method提交信息/数据的方式，method其中一个属性为get，不能提

2017-08-28 19:48:42 420

原创定位

今天韩老师主要给我们讲了position的用法，通过今天的学习对定位有了更深的了解，下面就详细的介绍一下position的几种重要的定位定位：position: relative | absolute | fixed1、相对定位：position:relative; 相对元素的当前位置偏移，不会改变元素的默认表现，主要用于绝对定位的组合，帮助绝对定位元素确定坐标2、绝对定位：po

2017-08-25 19:08:53 208

原创 css样式——文字设置

今天主要学习的是对文字进行设置，下面我为大家逐一介绍一下：颜色英语单词，16进制，hsl,rgb尺寸单位 px,百分比最小min-width,min-height,最大max-width,max-height,vw(浏览器的宽度的百分比) vhcolor：文字颜色 font-size:文字字号可以设置百分比倍数em（相对于父级）倍数rem（相对于根元素)(一旦像素大于

2017-08-23 21:12:20 270

原创 HTML的一些常用标签

今天韩老师主要讲了HTML的常用标签，在我的今天的学习当中，主要学习到了一些行级标签以及块级标签，主要内容如下所示：块级标签：div,标题标签(h1~h6) ,有序列表（ol li) ,无序列表（ul li) ,字典列表（dl dt dd),段落标签（p) ,分割线（hr)标题标签：一个网页只能有一个h1标签，同时h2标签也不能太多，标题标签他有默认的样式，它具有上下的margin值

2017-08-22 19:51:38 255

原创 background以及float

一周的第一天，本来都是应该，精神抖擞的，但是我却是无精打采啊，原因应该是昨天晚上没有睡好的缘故吧，但是我也以最好的精神状态去听韩老师讲课，今天韩老师主要讲了background以及浮动的用法background的五个属性：1.background-color：设置背景的颜色2.background-image：设置背景图片3.background-position:设置背景的定位

2017-08-21 19:45:17 343

原创 css选择器优先级和photoshop快捷键以及100度享乐网框架

css选择器优先级 CSS选择器的优先级：作用的元素一样，样式一样，就会有优先级问题，当优先级相同时，一旦发生重叠，以样式后面为主 CSS选择器：统配选择器，类选择器，标签选择器，id选择器，后代选择器，会有相加的过程，群组选择器，不会有相加的过程相同类型

2017-08-18 19:37:12 341

原创 H5随笔第二课

今天学习的第二天，今天主要学习了盒模型、标签的分类、CSS三种引入方式以及CSS选择器1.盒模型：盒模型分为标准盒模型以及怪异盒模型。标准盒模型的内容尺寸：width*height;盒子尺寸：（width+padding+border）*（height+padding+border）；盒子的区域尺寸：（width+padding+margin+border）*

2017-08-17 20:15:48 243

原创 H5随笔第一课

一天的时光眨眼即逝，每个人都在忙碌着自己的工作，学习等等，我相信每个人在这一天中都会有得与失。而我也一样在这一天当中我也学习到了很多东西，同时也有遗憾。现在我就说一说今天得到的知识吧。首先，今天学习了十个osx终端命令，以及几个Sublime快捷键，如：osx 终端命令： 1.ls --- 查看当前的目录信息 2.clear --- 清除 3.cd 目录名

2017-08-17 12:12:05 168

qq_39817708的博客