- 博客(94)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 day29 es6转es5 模块化开发 webpack
一、将es6转成es5的操作需要通过gulp-babel插件完成 1） npm install -g babel-cli 全局安装babel npm install --save-dev babel-preset-es2015 本地安装 2）npm init -y 生成package.json文件 3） 项目目录创建文件根目录下创建一个index.js,代...
2018-11-10 23:02:50
258
原创 day28git和gulp
一、git: 分布式版本管理控制工具 开发人员的电脑，既可做服务器，也可做客户端 可以把代码共享到github备份,不用担心数据丢失问题二、本地操作git 1.初始化项目仓库 在HBuilder中创建一个项目名为gitdemon,然后在这个项目右击打开文件所在目录，然后在空白处右击点击Git Bash here，再输入命令：git ini...
2018-11-10 23:02:23
268
原创 day27jQuery插件使用 sass
1.$.getJSON("接口",{uname:"tom"},function(){});index.html $(document).click(function(){ $.getJSON("index.json",function(res){ console.log(res.name); })});index.j...
2018-11-10 23:01:30
544
原创 day27jQuery插件 sass和svn
1.$.getJSON("接口",{uname:"tom"},function(){});index.html $(document).click(function(){ $.getJSON("index.json",function(res){ console.log(res.name); })});index.j...
2018-11-10 22:57:40
233
原创 day26jquery以及ajax
1.$===jQuery2.size():获取当前元素序列个数。等同于length属性; for (var i = 0; i < li.size(); i++) {}案例：京东轮播图淡入淡出<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8">
2018-11-10 22:53:19
164
原创 day25css方法 jquery效果 样式等操作
一、css方法 （） 元素.css("样式")//获取样式（可以获取行内设置的样式，也可以获取上style里设置的css样式） 元素.css("样式","值")//设置样式二、方法index（） 获取当前元素所有序列的下 。 标注：下标包含同级其它元素。<!DOCTYPE html><html> <head> ..
2018-11-03 13:26:37
155
原创 观察者模式案例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <label>信息更新：<input
2018-11-03 13:24:24
223
原创 day24 ES6构造函数以及继承 设计模式以及jquery基本选择器
一、ES6构造函数和继承class Father{ constructor(name,age){ this.name=name; this.age=age; this.init();//jerry在跑步 } init(){ this.ru...
2018-11-03 13:23:08
266
原创 day23 闭包 原型链 继承
一、自我执行函数()();第一个括号里面放是匿名函数，第二个括号是调用执行;(function(形参){alert("11");})(实参); 注意（在代码的前后都要加上一个分号，防止代码压缩报错）例子：;(function(a){ alert(a); })(3);//3作用：防止变量污染二、闭包闭包是一...
2018-11-03 13:20:27
294
原创 原型方法 选项卡
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> *{ margin: 0; padding: 0; list-style-type: non
2018-11-03 13:19:04
522
原创 原型方法 烟花
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .container{ width: 80%; height
2018-11-03 13:18:28
281
原创 瀑布流
二.瀑布流案例：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">
2018-11-03 13:14:53
238
原创 day22 promise 面向对象
回调地狱：与后台发生数据交互时，ajax请求回调中还有一个或多个ajax请求，这样的现象，形成了回调地狱缺点：代码复杂，所有的请求一环套一环，逻辑不清晰。不方便阅读，不利于调试解决方法：promise 一、promise（用于解决回调地狱的现象）promise:允诺 承诺要去做某件事。 三种状态： 承诺的事情正在进行中。 ...
2018-11-03 13:13:58
201
原创 day21ajax下
原理：浏览器会通过xhr发送请求，服务器处理请求，将结果返回给xhr，xhr通过DOM操作，将结果显示在页面上。（面试）一、post和get一起封装 function ajax(obj){//caaa var xhr = getXHR(); //处理ie缓存问题 obj.url += "?rand=" + new Date()...
2018-10-27 13:22:30
135
原创 day 20 ajax上
同步和异步: 同步请求会刷新整个页面（向服务器发送了请求，请求了所有的页面资源）， 异步请求不会刷新整个页面，只是更新了局部数据，请求了所需数据（按需取数据）。一、ajax 全称：Asynchronous（ajax所有的知识都很重要，面试的时候都有可能会问到） 定义:ajax是一种技术，用来和后台进行数据交互 Ajax 是一种在无需重新加...
2018-10-27 13:21:35
134
原创 day19 mysql
1.mysql 关系型数据库 保存的是结构化的数据。 表头 字段 ： 主键：唯一性 行 列 我是xx,今年芳龄18，性别男，来自xxxx，联系方式10086 2.创建表 CREATE TABLE `studentssystem`.`studen...
2018-10-27 13:18:10
159
原创 day18 php
二、 1.url认识 location.href location.assign(); location.reload(); location.protocol:获取url协议，http: location.host:域名+端口号 locat...
2018-10-27 13:13:44
151
原创 运动的一些案例
一、两侧广告跟随<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> img{ position: absol
2018-10-22 11:43:13
280
原创 day17运动
完美运动：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width: 100px;
2018-10-22 11:36:43
165
原创 day16 ES5和ES6
一、严格模式： "use strict";(严格模式下必须要加上这个代码) 1）定义变量必须要有var 2）严格模式下，八进制被禁用 var num = 057; alert(num)； 3）arguments与形参不同 function...
2018-10-22 11:33:00
184
原创 案例完美表单验证
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="index.cs
2018-10-22 11:31:47
392
原创 案例用户名验证提交
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{ display: none; colo
2018-10-22 11:30:20
265
原创 day15 正则
补充：eval（）：字符串解析。 把一段字符串解析成为浏览器可以识别的js代码。缺点：危险性高例子：eval（“var a=34”）;alert(a);//34 eval("function box(){alert(1)}");box()//1一、内置对象之正则：RegExp（）； 用于表单验证表单验证:<form...
2018-10-22 11:27:25
114
原创 cookie案例 注册登录
register.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div { width: 3
2018-10-22 11:25:48
897
1
原创 案例图片的无缝轮播
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } div{ width:600px; h
2018-10-15 13:42:11
113
原创 案例移动div和发射小子弹
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } #div1 {
2018-10-15 13:40:15
167
原创 day 13 cookie
1.什么是cookie什么是cookie：会话跟踪技术会话：用户进行网站，开启浏览器到关闭浏览器的过程称为一次会话会话跟踪技术:浏览器（客户端）和向服务器之间进行多次请求数据的时，实现数据共享的过程，就是会话跟踪客户端：就是浏览器服务器：互联网上的一台电脑，功能强大。 2.cookie的存和取1）document.cookie = "键=值"；//存2）docu...
2018-10-15 13:38:47
82
原创 案例返回头部小火箭
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css&
2018-10-15 13:37:30
119
原创 案例事件委托详情页切换案例
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0
2018-10-15 13:36:50
506
原创 案例表格的创建与编辑
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DOM操作</title></head>
2018-10-15 13:35:59
183
原创 案例放大镜
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> *{ margin:
2018-10-13 14:12:29
203
原创 案例模拟滚动条
<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box { width: 300px; height: 50
2018-10-13 14:11:13
99
原创 案例进度条
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>进度条 </title> </head> &
2018-10-13 14:10:11
208
原创 案例事件委托实现计算器
<!DOCTYPE html PUBLIC "-//W3C//Dli XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/Dli/xhtml1-transitional.dli"><html xmlns="http://www.w3.org/1999/xhtml"><head><me
2018-10-13 14:09:07
676
原创 day 12 事件下
一、事件 1.事件委托 1)定义：把当前元素的事件委托给父级执行 e.target: 兼容ie8及以下浏览器 var target = e.target || e.srcElement;举例子：1.box.onclick = func...
2018-10-13 14:07:41
119
原创 案例拖拽
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ margin: 0 auto;
2018-10-13 14:06:43
108
原创 案例字体选择
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义字体形状</title> <style> html, body { margin: 0; padding
2018-10-13 14:05:23
315
原创 案例字母打字练习
<html> <head> <meta charset="utf-8"> <title>打字游戏</title> <!--引入animate.css动画库--> <link rel="stylesheet" href
2018-10-13 14:03:31
428
原创 案例图片跟着鼠标移动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html&am
2018-10-13 14:02:52
203
原创 day 11事件上
一、事件 1.事件对象： 1）事件三要素： 事件源 事件 事件处理程序 2）事件种类：鼠标事件，键盘事件，文本框事件，窗口事件 3） 没有事件触发，就没有事件对象。 事件对象的产生，是随着事...
2018-10-13 14:01:54
147
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人