MySQL是一个关系型数据库,存在表的概念.结构,数据库可以存放多张表,每个表里可以存放多个字段,每个字段可以存放多个记录. phpstudy使用终端打开数据库的命令行 密码: root 数据库 查看数据库的指令:show databases; 创建数据库:create database name; 删除数据库:drop database dbName;     修改表名:alter tableName rename newTableName; 进入数据库:use dbName; 数据表 查看数…
全栈工程师也可以叫web 前端 H5主要是网站 app 小程序 公众号这一块 HTML篇 html(超文本标记语言,标记通用标记语言下的一个应用.) “超文本”就是指页面内可以包含图片.链接,甚至音乐.程序等非文字元素. 超文本标记语言的结构包括“头”部分(英语:Head).和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容. 测试浏览器为chrome(谷歌)浏览器 当然其他浏览器也可以 不过最好用谷歌 开发工具有记事本  Sublime  drea…
解决乱码: header("Content-Type: text/html;charset=utf-8"); 单词 局部的: local 全局的: global 静态的: static 参数: parameter 工具: implements 关键字 定义常量: const 类的创建: class 对象的创建: new 公开的: public 受保护的: protected 私有的: private 继承类: extends 拒绝重载: final 访问父级的常量.方法.静态属性: p…
作用域 栈内存:js执行的环境堆内存:存放代码块的空间 存放方式 键值对形式存放 字符串的形式存放js在执行之前 浏览器会给他一个全局作用域叫window 每个作用域下都分为两个模块 一个是内存模块一个是执行模块内存模块会给所有的变量一个内存地址 变量的声明在js中靠关键字 var 和 function 1.什么时候会有作用域的形成: ①浏览器天生有一个全局叫window ②函数执行的时候会形成一个私有的 js在执行之前 浏览器会给他一个全局作用域 叫window 在window下分两个模块 一…
数据类型与全局属性 js的本质就是处理数据 数据来自于后台的数据库所以变量就起到一个临时存储数据的这作用ECMAscirpt 制定了js的数据类型 一.数据类型 1.基本数据类型 基本数据类型就是简单的赋值 Var s=”hello”; var s=12; var s=true; var s=null; var s=undefined; 1)基本数据类型就是简单的赋值 字符串 string数字 number布尔 booleannull 空undefined 未定义 2)对象 object arr…
JS开篇 一.js介绍 全称 javascript 但不是java 他是一门前台语言 而java是后台语言js作者 布兰登·艾奇 前台语言:运行在客户端的后台语言:跟数据库有关的 能干什么?    页面特效 开发网页游戏 后台开发等等 二.js和ECMAscript的关系 es不是语言 是js的标准 我们学习js得按es的标准学习 三.前端的三个层次 HTML  结构层 CSS  表现层 JS  行为层 四.js写在哪里 因为js和pho都是脚本语言 js写在script这个标签里 php写在<…
起名方式与CSS 一.起名方式(起名方式也叫选择器) 起名的目的是为了给标签添加属性 常见的3种选择器有 标签选择器   id选择器(使用的时候加#)    class选择器(使用的时候加.) 样式的要求是由选择器的权重来决定的 标签的权重为1  class的权重是10 id的权重是100 权重是可以叠加的. 比如 注意给一个标签起两个名字的时候千万不要这样起: 要在一个class或者id属性里面直接写两个名字的属性值 在两个名字之间加一个空格来区分两个名字: 之前咱们说了选择器有标签名 id…
position定位与表单 一.position 1.Position细说 Position:relative; Left:100px; Top:100px; Position:absolute; Left:100px; Top:100px; Position:relative:如果设置值了,相对原来的位置进行调整 二者区别 absolute会脱离标准流,relative不会,relative虽然给值了,但是依然占有着原来的位置. Relative存在”形影分离”,所以一般情况下不建议添加值了,…
列表与边距探讨和行块 一.列表 1.无序列表(UL) 1)内部必须有子标签<li></li>2)天生自带内外边距 p也是自带 大家会发现用UL的时候内容前面会出现一个像这样的一个实心圆 可以用属性list-style 去掉也可以更换(list-style:none;)circle空心圆 disc实心圆 square正方形 none空 2.有序列表(OL) 1)内部必须有子标签<li></li> 2)天生自带内外边距 属性type(是标签属性只能写在行间) 有…
背景与边框 一.背景(backgound) 1.背景颜色:background-color:red;(简写:background:color;) 备注:ie9以下给body设置background-color可能不起作用 需要用到bgcolor(<body bgcolor=" ">) 2.背景图片:background-image:url();(简写:background:url();) 3.背景图片的平铺 1).平铺:浏览器默认平铺 2).只平铺横向和纵向:backgro…
文本.字体css样式与前期英语单词汇总 一.文本样式(text) 1.颜色:color:red; 2.文本对齐方式:text-align:left/center/right/justify; left:左对齐 center:居中对齐 reght:右对齐 justify:两端对齐 3.文本修饰:text-decoration:none/overline/underline/line-through; none:空 overline:上划线 underline:下划线 line-through:删除…
transform属性 CSS3的变形(transform)属性让元素在一个坐标系统中变形.transform属性的基本语法如下: transform:none | <transform-function> [<transform-function>]* 2Dtransform常用的transform-function的功能: translate():用来移动元素,可以根据X轴和Y轴坐标重新定位元素位置.在此基础上有两个扩展函数:translateX()和translateY().…
AJAX AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX = Asynchronous JavaScript and XML. AJAX 是一种用于创建快速动态网页的技术. AJAX 通过在后台与服务器进行少量数据交换,使网页实现异步更新.这意味着可以在不重载整个页面的情况下,对网页的某些部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个页面. 有很多使用 AJAX 的应用程序案例:Google Maps.Gmail.Youtube…
jQueryjq是js一个高效且精简的库( 用的多写得少 ) ,是chrome出版的.jq内部有一个$的方法,他是jq的起始符或标识符,这个方法是用于获取元素. 下载库或者框架的方法官网 production 发布版( ) development 开发版 window.onload=function(){}和$(document).ready(function(){})的区别?window.onload是dom.文档.图片.资源全部加载完毕之后再执行.$(document).ready(func…
underscore 是js封装的一个js库 库和框架是有区别的 mvc框架就是backbone就是依赖这个库underscore就是定义了一个_( 下划线对象 ); 函数库的所有的方法都归属于这个对象 大致有五类分别是:集合collection 数组array 函数function 对象object 工具utility ( 这里介绍一些简单的方法 ) 框架和库的区别库:就是js大量方法的集合框架:是一种开发模式 如:mvc mvp mvm等 简称mv* 一.集合 集合就是伪数组 不存在数组的那…
一.对象克隆 var obj = { name:'li', age:23 } var obj2 = obj; // 这不是对象克隆 只是把obj的内存地址给obj2 1.for in克隆(浅拷贝)  浅拷贝 --> 主要针对第一层的属性进行拷贝 通过for in克隆 不管是私有的还是公有的 都克隆成私有的 2.for in克隆(深拷贝)  深拷贝 --> 将属性值也一个一个的遍历赋值 针对所有的属性进行拷贝不管套了几层  如果对象中的属性值又是一个引用数据类型 浅拷贝 还是把后面的引用数据类型…
一.生成对象的方式 ①单例模式(字面量定义)var obj = {} ②类的实例 var obj = new Object( ) ③工厂模式 ④构造函数:扮演三种角色 普通函数 普通对象 类 工厂模式 构造函数 构造函数如果人为return的不是对象 直接忽略 如果人为return的是对象 就取代this <-- ! ! ! ! ! ! ! ! ! 二.工厂模式和构造函数的区别1. 工厂模式 生成的对象必须要返回 构造函数模式不用return 构造函数模式默认return的是this 在构造函数…
面向对象编程 面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式.它使用先前建立的范例,包括模块化,多态和封装几种技术.今天,许多流行的编程语言(如Java,JavaScript,C#,C+ +,Python,PHP,Ruby和Objective-C)都支持面向对象编程(OOP). 相对于 “一个程序只是一些函数的集合,或简单的计算机指令列表.”的传统软件设计观念而言,面向对象编程可以看作是使用一系列对象相互协作的软件设计. 在 OOP 中,每个对象能够接收消息,处理数据和发送消息给其他…
Cookie是由服务器端生成,发送给User-Agent,浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器,对cookie知识感兴趣的朋友一起学习吧 cookie就是一个存放数据的东西 存储量很小 4kb 存放在客户端上和应用设备上应用场景:用户注册 用户登录 购物车 场景1:今天登录了一个账号 过几天之后 重新打开这个页面 发现账号还在登录状态上 这个就是存在客户端 场景2:我在北京用京东扔了一件衣服在购物车 我爸妈在老家用…
正则 就是一条规则 用来检验字符串的格式 目标就是字符串 只要是通过表单提交的数据 都是字符串1.正则定义var reg = new RegExp( )var reg = /格式/ <--简写 2.正则的方法两大功能:一个是匹配 匹配成功就是true 第二个是捕获 如果有就拿出来test( ) 用于匹配 exec( ) 用于捕获 直接返回捕获的对象 没捕获到就是null 3.正则修饰符 如何去匹配①区不区分大小写 “i”代表忽略大小写②全局 “g”代表全局匹配③“m”代表多行匹配 4.修饰符使用…
闭包是js中的一大特色,也是一大难点.简单来说,所谓闭包就是说,一个函数能够访问其函数外部作用域中的变量. 闭包的三大特点为: 1.函数嵌套函数 2.内部函数可以访问外部函数的变量 3.参数和变量不会被回收. 闭包散知识点: 一.变量销毁 1.人为销毁:var a = 12; a = null; 2.自然销毁:函数调用完成之后浏览器会自动销毁函数内的变量 二.闭包的种类 1.函数式 2.对象式 举例来说 function test(){ var a = 123; return function…
js中的异步 Javascript语言的执行环境是"单线程"(single thread,就是指一次只能完成一件任务.如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推). 这种模式的好处是实现起来比较简单,执行环境相对单纯:坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行.常见的浏览器无响应(假死), 往往就是因为某一段Javascript代码长时间运行(比如死循环),导致整个页面卡在这个地方,其他任务无法执行.为了解决这个问题,…
一.事件对象 1.常用的事件2.每个元素身上的事件都是天生存在的 不需要我们去定义 只需要我们给这个事件绑定一个方法 当事件触发的时候就会执行这个方法 3.事件绑定的写法 ①div.onclick=function (dom 0级)②addEventListener( ) 或 attachEvent( ) (dom 2级事件绑定)③二者的区别:onclick是这个元素私有的属性 天生自带的 而addEventlistener是公有的属性 从EventTarget(事件源)对象上继承来的④ie低版…
作用域 // 1. fn() function fn () { console.log(12) } var as = function () { console.log(45) } // 2. var a = 12; function fn () { console.log(a) var a = 45; console.log(a) } fn() //3. var a = 12; function fn () { console.log(a) a = 45; console.log(a) } f…
一.复习 面向对象 1)单例模式 2)工厂模式 3)构造函数 ①类js天生自带的类 基类object function array number math boolean date regexp string 二.事件    浏览器客户端上客户触发的行为都称为事件 所有的事件都是天生自带的 不需要人为绑定 只需要我们去触发通过obj.事件名=function(){} 我们给元素的事件绑定了一个方法 事件名:onmouseover onmouseout onmousedown onmousemov…
一.BOM 浏览器对象模型 1.window.open(url,ways) url 是打开的网页地址ways 打开的方式 _self 2.window.close() 关闭当前页面 3.window.navigator() .userAgent 浏览器用户信息 <--后期靠他解决浏览器的兼容性 4.window.location() 浏览器地址信息 5.window.history 返回上一页 window.history .back() 返回 widnow.history.forward()前…
一.元素的 client offset scroll 三个系列 clientWidth / clientHeight / clientTop / clientLeftoffsetWidth / offsetHeight / offsetLeft / offsetTop / offsetParentscrollWidth / scroHeight / scrollTop / scrollLeft这十三个属性 前面十一个是只读属性 scrollTop和scrollLeft是既可读也可写 测试滚动条的…
DOM 一.节点树状图 Document>documentElement>body>tagname 二.常用的节点类型 元素节点(标签) 文本节点(文本节点) 属性节点(标签里的属性) 三.document有个属性叫nodeType 返回的是数字 1代表元素节点  2代表属性节点  3代表文本节点 四.节点的获取 Document.getElementById()   通过id名获取节点 Document.getElementsByClassName()  通过class名获取节点 Do…
js操作css样式 div.style.width=“200px” 在div标签内我们添加了一个style属性 并设定了width值 这种写法会给标签带来了大量的style属性 跟实际项目是不符的 我们没有让css和html分离 所以如果只是为了获取css样式 window.getComputedStyle() 获取经过计算机计算的所有属性 就是只要渲染出来的都是经过计算的. 1.window.getComputedStyle() (只读) 写法:window.getComputedStyle(…
元素的属性 Div.attributes 是所有标签属性构成的数据集合 Div.classList 是所有class名构成的数组集合 在classList的原型链上看以看到add()和remove() class的方法: div.className()方法 删除所有class名 替换一个或多个名字div.chassList.add()方法 往class里面添加一个名字div.classList.remove()方法 删除一个class名字 一.client 系列 clientWidth/clie…