- 博客(26)
- 收藏
- 关注
原创 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
118
原创 点餐-加入购物车后小球动画
<!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
287
原创 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
198
原创 跑马灯案例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
120
原创 简单的计算器案例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
161
原创 vue事件修饰符
vue的学习怎么运用vue:1.引入文件2.创建Vue实例控制的区域 3.创建VM实例Vue中的指令v-cloakv-text 默认解决闪烁问题v-htmlv-bind 属性绑定机制 缩写是:v-on 事件绑定机制 缩写是@事件修饰符:.stop 阻止冒泡.prevent 阻止默认行为.c...
2019-11-12 16:13:50
95
原创 解决ajax跨域请求异步执行缺点
ajaxhtml代码:<!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
111
原创 php的初步了解
apache安装配置配置根路径1.找到配置文件 wamp\bin\apache\Apache 2.4.4 \conh\httd.conf2.在文件中搜索(ctrl + F)documentroot3.修改根路径 两个DocumentRoot 都要进行修改配置虚拟主机配置虚拟主机可以配置多个网站 步骤如下1.开启虚拟主机辅配置 在httpd.con...
2019-10-29 15:32:08
117
原创 ajax的简单学习
初始ajaxAjax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。局部刷新通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。...
2019-10-29 15:30:53
236
原创 mysql数据库的学习
mysql1.SQL通用语法 1. SQL 语句可以单行或多行书写,以分号结尾。 js 可以写也可以不写分号 2. 可使用空格和缩进来增强语句的可读性。 3. MySQL 数据库的 SQL 语句不区分大小写,关键字建议使用大写。 4. 3 种注释 * 单行注释: -- 注释内容 或 # 注释内容(mysql 特有) * 多行注释: /* 注释 */2. SQL分类1)...
2019-10-23 15:36:00
135
原创 飞机大战小案例
飞机大战小案例源码:<!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
262
原创 瀑布式图片排列
瀑布式图片排列源码:<!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
1113
原创 正则表达式
fullpage全屏插件fullpage插件是鼠标滚轮事件,需要绑定页面宽高主要功能有:支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等fullpage 详细参数选项类型默认值说明verticalCen...
2019-10-13 22:35:41
117
原创 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
131
原创 JQuery学习day01
JQueryJQuery的使用1.首先引入JQ插件JQuery中的选择器让我们能够更加精确找到我们要操作的元素基本选择器ID选择器 : #ID的名称类选择器: 以 . 开头 .类名元素选择器: 标签的名称通配符选择器: *选择器,选择器: 选择器1,选择器2JQ中的层级选择器子元素选择器: 选择器1 > 选择器2后代选择器...
2019-10-09 15:16:44
126
原创 获取页面元素js
ECMAScript - JavaScript的核心 es5 es6定义了JavaScript 的语法规范JavaScript的核心,描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关获取页面元素为什么要获取页面元素例如:我们要页面元素隐藏/显示,需要现获取对应的元素,才能进行后续操作根据id获取元素var div = docume...
2019-09-27 08:32:52
193
原创 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
119
原创 js的初步学习
js的学习JavaScript是一种运行在客户端的脚本语言JavaScript和HTML、CSS的区别1.html:提供网页结构。提供网页的内容2.css:美化界面3.js: 控制网页内容,给网页增加动态效果JavaScript的组成1.ECMAscript2.DOM3.BOM如何使用变量var声明变量var age;变量的赋值var age;age = 1...
2019-09-24 15:02:23
132
原创 css3的动画效果
before和after伪元素(详解)之所以被称为伪元素,是因为他们不是真正的页面元素,html没有对应的元素,但是其所有用法和表现行为与真正的页面元素一样,可以对其使用诸如页面元素一样的css样式,表面上看上去貌似是页面的某些元素来展现,实际上是css样式展现的行为,因此被称为伪元素。是伪元素在html代码机构中的展现,可以看出无法伪元素的结构无法审查注意: 一定要有content,否则...
2019-09-19 14:33:12
98
原创 用定位实现垂直与水平居中position
元素的定位属性元素的定位属性主要包括定位模式和边偏移两部分。1、边偏移边偏移属性描述top顶端偏移量,定义元素相对于其父元素上边线的距离bottom底部偏移量,定义元素相对于其父元素下边线的距离left左侧偏移量,定义元素相对于其父元素左边线的距离right右侧偏移量,定义元素相对于其父元素右边线的距离也就说,以后定位要和这边偏移搭配使用了...
2019-09-19 14:17:29
1467
原创 浮动float
float在CSS中,通过float属性来定义浮动,其基本语法格式如下:选择器{float:属性值;}属性值描述left元素向左浮动right元素向右浮动none元素不浮动(默认值)浮动的目的是,让多个块级元素同一行显示!标准流父级1.子盒子浮动不会压住padding2.浮动的元素会找最近的父级元素对齐,不会超出内边距的范围float ...
2019-09-19 13:58:09
160
原创 css盒子模型学习
2019/9/16css盒子模型css的三大特性css层叠性CSS继承性CSS优先级CSS特殊性(Specificity)盒子边框(border)盒子边框写法总结表表格的细线边框border-collapse:collapse; 表示边框合并在一起。圆角边框内边距(padding)外边距(margin)外边距实现盒子居中css的三大特性css层叠性样式冲突,遵循的原则是就近原则。 那个样...
2019-09-16 16:10:07
260
原创 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
138
原创 2019/9/10Day3表格学习
2019/9/10表格表单上午学习内容创建表格表格属性合并单元格(难点)textarea控件(文本域)下拉菜单表单域下午学习内容上午学习内容内容:表格标签表格标签表单标签H5新增表单和表单属性创建表格在HTML网页中,要想创建表格,就需要使用表格相关的标签。创建表格的基本语法格式如下:<table> <tr> <td>单元格内的...
2019-09-10 16:33:05
122
原创 2019/9/9Day2学习小结
2019/9/9学习小结上午学习内容target锚点定位base 标签无序列表有序列表 ol总结下午学习内容上午学习内容内容:认识网页;html标签分类;双标签:<标签名> 内容 </标签名>单标签:<标签名 />HTML标签关系嵌套关系<head> <title> </title> </head&...
2019-09-09 17:22:47
149
原创 学习的第一天
学习的第一天上午学习内容下午学习内容功能快捷键如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入上午学习内容老师首先讲了未来四个月学习中要注意的事项,然后做了自...
2019-09-08 22:41:57
88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人