随笔分类 - 前端入门
摘要：vue初体验 hello vue <body> <div id="box"> <h1>hello {{name}}</h1> </div> <script> let box = new Vue({ el: '#box', data: { name: 'vue' } }); </script> 上述代
阅读全文
摘要：JS-Ajax快速创建 一、创建对象 XMLHttpRequest 对象 语法 let myAjax = new XMLHttpRequest(); 二、设置请求行 方法 描述 open(method,url,async) 规定请求的类型、URL 以及是否异步处理请求。 method：请求的类型；G
阅读全文
摘要：PHP语法 PHP 脚本在服务器上执行，然后将纯 HTML 结果发送回浏览器。 基本的 PHP 语法 PHP 脚本可以放在文档中的任何位置。 PHP 脚本以 <?php 开始，以 ?> 结束： <?php // PHP 代码 ?> PHP 文件的默认文件扩展名是 ".php"。 PHP 文件通常包含
阅读全文
摘要：jQuery多库共存 jQuery多库共存通俗来说就是jQuery的$符号和其他js库所冲突，此时有两种解决方案 用jQuery代替$符号 jQuery实际上就是封装了一个$()方法，在$()方法冲突时，jQuery()方法也能达到相同的效果 使用noConflict()方法 noConflict(
阅读全文
摘要：jQuery属性操作 一、prop()方法 prop() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值时，则返回第一个匹配元素的值。 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。 注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selecte
阅读全文
摘要：基本显示 一、显示show() show() 方法显示隐藏的被选元素。 **注意：**show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素（不适用于通过 visibility:hidden 隐藏的元素）。 语法 $(selector).show(speed
阅读全文
摘要：单个事件注册 事件方法触发器或添加一个函数到被选元素的事件处理程序。 触发实例： $("button#demo").click() 上面的例子将触发 id="demo" 的 button 元素的 click 事件。 绑定实例： $("button#demo").click(function(){$(
阅读全文
摘要：入口函数：ready() 当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。 由于该事件在文档就绪后发生，因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上面的例子中那样。 ready() 函数规定当 ready 事件发生时
阅读全文
摘要：过渡 过渡属性transition，可适用于大部分属性间变化的过渡，例如长度的、宽度和透明度等等。 语法： transition: property duration timing-function delay; 值 描述 transition-property 属性：想要变化的css 属性，宽度高
阅读全文
摘要：网页布局的三种方式 网页布局的本质——用CSS 来摆放盒子。把盒子摆放到相应位置 CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)： 普通流（标准流） 浮动 定位 标准流 标准流定义 所谓的标准流:，就是标签按照规定好默认方式排列 块级元素会独占一行，从上向下顺序排列。 常用元素：
阅读全文
摘要：什么是盒子模型 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box
阅读全文
摘要：后代选择器 后代选择器又称为包含选择器，可以选择父元素里面子元素。其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。 ul li { background-color: pink; } .father .son { background-
阅读全文
摘要：一、什么是CSS CSS 是层叠样式表( Cascading Style Sheets ) 的简称。 有时我们也会称之为CSS 样式表或级联样式表。 CSS 也是一种标记语言 CSS 主要用于设置HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局
阅读全文
摘要：HTML简介 什么是HTML 本文素材来源于黑马程序员Pink老师 HTML 指的是超文本标记语言(Hyper Text Markup Language) ，它是用来描述网页的一种语言。 HTML 不是一种编程语言，而是一种标记语言(markup language)。 标记语言是一套标记标签(mar
阅读全文