- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue组件
简单的vue组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> <script src="js/vue-2.4.0.js"></script> </head> <...
2019-11-18 16:30:35
185
原创 点餐-加入购物车后小球动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小球动画</title> <script src="js/vue-2.4.0.js"></script> <style> .ball{ ...
2019-11-18 16:04:43
390
原创 vue过滤器和动画效果
过滤器： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="vue-2.4.0.js"></script> </head> <bo...
2019-11-15 17:01:41
286
原创 跑马灯案例vue
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="vue-2.4.0.js"></script> </head> <body>...
2019-11-15 14:35:07
202
原创 简单的计算器案例vue
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简易计算器</title> <script src="vue-2.4.0.js"></script> </head> <b...
2019-11-15 14:33:00
242
原创 vue事件修饰符
vue的学习 怎么运用vue: 1.引入文件 2.创建Vue实例控制的区域 3.创建VM实例 Vue中的指令 v-cloak v-text 默认解决闪烁问题 v-html v-bind 属性绑定机制 缩写是: v-on 事件绑定机制 缩写是@ 事件修饰符： .stop 阻止冒泡 .prevent 阻止默认行为 .c...
2019-11-12 16:13:50
158
原创 解决ajax跨域请求异步执行缺点
ajax html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="jquery-3.3.1.js"></script> <scri...
2019-11-11 16:21:26
179
原创 php的初步了解
apache安装配置 配置根路径 1.找到配置文件 wamp\bin\apache\Apache 2.4.4 \conh\httd.conf 2.在文件中搜索(ctrl + F)documentroot 3.修改根路径 两个DocumentRoot 都要进行修改 配置虚拟主机 配置虚拟主机可以配置多个网站 步骤如下 1.开启虚拟主机辅配置 在httpd.con...
2019-10-29 15:32:08
184
原创 ajax的简单学习
初始ajax Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。 Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。局部刷新 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 ...
2019-10-29 15:30:53
327
原创 mysql数据库的学习
mysql 1.SQL通用语法 1. SQL 语句可以单行或多行书写，以分号结尾。 js 可以写也可以不写分号 2. 可使用空格和缩进来增强语句的可读性。 3. MySQL 数据库的 SQL 语句不区分大小写，关键字建议使用大写。 4. 3 种注释 * 单行注释: -- 注释内容 或 # 注释内容(mysql 特有) * 多行注释: /* 注释 */ 2. SQL分类 1)...
2019-10-23 15:36:00
217
原创 飞机大战小案例
飞机大战小案例 源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...
2019-10-17 15:57:14
331
原创 瀑布式图片排列
瀑布式图片排列源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * { padding: 0; margin: ...
2019-10-17 15:22:44
1212
原创 正则表达式
fullpage全屏插件 fullpage插件是鼠标滚轮事件，需要绑定页面宽高 主要功能有： 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等 fullpage 详细参数 选项 类型 默认值 说明 verticalCen...
2019-10-13 22:35:41
208
原创 fullPage插件的使用
fullpage 全屏插件 鼠标滚轮事件，绑定页面宽高 fullPage.js 是一个基于 jQuery 的插件，它能够帮你很方便、很轻松的制作出全屏网站。 github 官网 https://github.com/alvarotrigo/fullPage.js 中文演示地址 http://www.dowebok.com/demo/2014/77/ 主要功能有： 支持鼠标滚动 支持前进...
2019-10-09 15:30:17
199
原创 JQuery学习day01
JQuery JQuery的使用 1.首先引入JQ插件 JQuery中的选择器 让我们能够更加精确找到我们要操作的元素 基本选择器 ID选择器 : #ID的名称 类选择器: 以 . 开头 .类名 元素选择器: 标签的名称 通配符选择器: * 选择器,选择器: 选择器1,选择器2 JQ中的层级选择器 子元素选择器: 选择器1 > 选择器2 后代选择器...
2019-10-09 15:16:44
184
原创 获取页面元素js
ECMAScript - JavaScript的核心 es5 es6 定义了JavaScript 的语法规范 JavaScript的核心，描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关 获取页面元素 为什么要获取页面元素 例如：我们要页面元素隐藏/显示，需要现获取对应的元素，才能进行后续操作 根据id获取元素 var div = docume...
2019-09-27 08:32:52
284
原创 JS学习第二天笔记
调试 alert() console.log()调试方式 步骤 f12 —>source —>需要调试的文件 --> 设置断点 watch:监视变量 f10：程序单步执行 f8: 跳到下个断点 获取数组元素 var arr = ['red', 'blue', 'yellow']; arr[0]; arr[3]; undefined 格式 ...
2019-09-24 15:32:50
189
原创 js的初步学习
js的学习 JavaScript是一种运行在客户端的脚本语言 JavaScript和HTML、CSS的区别 1.html：提供网页结构。提供网页的内容 2.css：美化界面 3.js： 控制网页内容，给网页增加动态效果 JavaScript的组成 1.ECMAscript 2.DOM 3.BOM 如何使用变量 var声明变量 var age; 变量的赋值 var age; age = 1...
2019-09-24 15:02:23
222
原创 css3的动画效果
before和after伪元素(详解) 之所以被称为伪元素，是因为他们不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样，可以对其使用诸如页面元素一样的css样式，表面上看上去貌似是页面的某些元素来展现，实际上是css样式展现的行为，因此被称为伪元素。是伪元素在html代码机构中的展现，可以看出无法伪元素的结构无法审查 注意： 一定要有content，否则...
2019-09-19 14:33:12
170
原创 用定位实现垂直与水平居中position
元素的定位属性 元素的定位属性主要包括定位模式和边偏移两部分。 1、边偏移 边偏移属性 描述 top 顶端偏移量，定义元素相对于其父元素上边线的距离 bottom 底部偏移量，定义元素相对于其父元素下边线的距离 left 左侧偏移量，定义元素相对于其父元素左边线的距离 right 右侧偏移量，定义元素相对于其父元素右边线的距离 也就说，以后定位要和这边偏移搭配使用了...
2019-09-19 14:17:29
1645
原创 浮动float
float 在CSS中，通过float属性来定义浮动，其基本语法格式如下： 选择器{float:属性值;} 属性值 描述 left 元素向左浮动 right 元素向右浮动 none 元素不浮动（默认值） 浮动的目的是，让多个块级元素同一行显示！ 标准流父级 1.子盒子浮动不会压住padding 2.浮动的元素会找最近的父级元素对齐，不会超出内边距的范围 float ...
2019-09-19 13:58:09
274
原创 css盒子模型学习
2019/9/16css盒子模型css的三大特性css层叠性CSS继承性CSS优先级CSS特殊性（Specificity）盒子边框（border）盒子边框写法总结表表格的细线边框border-collapse:collapse; 表示边框合并在一起。圆角边框内边距（padding）外边距（margin）外边距实现盒子居中 css的三大特性 css层叠性 样式冲突，遵循的原则是就近原则。 那个样...
2019-09-16 16:10:07
572
原创 2019/9/11Day4css样式学习
2019/9/11css样式学习上午学习内容CSS字体样式属性font-size:字号大小font-family:字体CSS Unicode字体font-weight:字体粗细font-style:字体风格font:综合设置字体样式 (重点)选择器（重点）基础选择器标签选择器（元素选择器）类选择器多类名选择器id选择器id选择器和类选择器区别通配符选择器伪类选择器链接伪类选择器 上午学习内容 内容...
2019-09-11 14:53:26
557
原创 2019/9/10Day3表格学习
2019/9/10表格表单上午学习内容创建表格表格属性合并单元格(难点)textarea控件(文本域)下拉菜单表单域下午学习内容 上午学习内容 内容： 表格标签 表格标签 表单标签 H5新增表单和表单属性 创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： <table> <tr> <td>单元格内的...
2019-09-10 16:33:05
220
原创 2019/9/9Day2学习小结
2019/9/9学习小结上午学习内容target锚点定位base 标签无序列表有序列表 ol总结下午学习内容 上午学习内容 内容： 认识网页； html标签分类； 双标签：<标签名> 内容 </标签名> 单标签：<标签名 /> HTML标签关系 嵌套关系<head> <title> </title> </head&...
2019-09-09 17:22:47
221
原创 学习的第一天
学习的第一天上午学习内容下午学习内容功能快捷键如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 上午学习内容 老师首先讲了未来四个月学习中要注意的事项，然后做了自...
2019-09-08 22:41:57
179
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人