从零开始的全栈工程师——jQuery

jQueryjq是js一个高效且精简的库( 用的多写得少 ) ,是chrome出版的.jq内部有一个$的方法,他是jq的起始符或标识符,这个方法是用于获取元素. 下载库或者框架的方法官网 production 发布版( ) development 开发版 window.onload=function(){}和$(document).ready(function(){})的区别?window.onload是dom.文档.图片.资源全部加载完毕之后再执行.$(document).ready(func…

从零开始的全栈工程师——html篇1

全栈工程师也可以叫web 前端 H5主要是网站 app 小程序公众号这一块 HTML篇 html(超文本标记语言,标记通用标记语言下的一个应用.) “超文本”就是指页面内可以包含图片.链接,甚至音乐.程序等非文字元素. 超文本标记语言的结构包括“头”部分(英语:Head).和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容. 测试浏览器为chrome(谷歌)浏览器当然其他浏览器也可以不过最好用谷歌开发工具有记事本 Sublime drea…

从零开始的全栈工程师——html篇1.2

起名方式与CSS 一.起名方式(起名方式也叫选择器) 起名的目的是为了给标签添加属性常见的3种选择器有标签选择器 id选择器(使用的时候加#) class选择器(使用的时候加.) 样式的要求是由选择器的权重来决定的标签的权重为1 class的权重是10 id的权重是100 权重是可以叠加的. 比如注意给一个标签起两个名字的时候千万不要这样起: 要在一个class或者id属性里面直接写两个名字的属性值在两个名字之间加一个空格来区分两个名字: 之前咱们说了选择器有标签名 id…

从零开始的全栈工程师——MySQL数据库( Dos命令 ) ( phpstudy )

MySQL是一个关系型数据库,存在表的概念.结构,数据库可以存放多张表,每个表里可以存放多个字段,每个字段可以存放多个记录. phpstudy使用终端打开数据库的命令行密码: root 数据库查看数据库的指令:show databases; 创建数据库:create database name; 删除数据库:drop database dbName; 修改表名:alter tableName rename newTableName; 进入数据库:use dbName; 数据表查看数…

从零开始的全栈工程师——JS面向对象（复习）

作用域栈内存:js执行的环境堆内存:存放代码块的空间存放方式键值对形式存放字符串的形式存放js在执行之前浏览器会给他一个全局作用域叫window 每个作用域下都分为两个模块一个是内存模块一个是执行模块内存模块会给所有的变量一个内存地址变量的声明在js中靠关键字 var 和 function 1.什么时候会有作用域的形成: ①浏览器天生有一个全局叫window ②函数执行的时候会形成一个私有的 js在执行之前浏览器会给他一个全局作用域叫window 在window下分两个模块一…

从零开始的全栈工程师——JS面向对象（初篇）

面向对象编程面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式.它使用先前建立的范例,包括模块化,多态和封装几种技术.今天,许多流行的编程语言(如Java,JavaScript,C#,C+ +,Python,PHP,Ruby和Objective-C)都支持面向对象编程(OOP). 相对于 “一个程序只是一些函数的集合,或简单的计算机指令列表.”的传统软件设计观念而言,面向对象编程可以看作是使用一系列对象相互协作的软件设计. 在 OOP 中,每个对象能够接收消息,处理数据和发送消息给其他…

从零开始的全栈工程师——js篇2.5

数据类型与全局属性 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篇2.1（js开篇）

JS开篇一.js介绍全称 javascript 但不是java 他是一门前台语言而java是后台语言js作者布兰登·艾奇前台语言:运行在客户端的后台语言:跟数据库有关的能干什么? 页面特效开发网页游戏后台开发等等二.js和ECMAscript的关系 es不是语言是js的标准我们学习js得按es的标准学习三.前端的三个层次 HTML 结构层 CSS 表现层 JS 行为层四.js写在哪里因为js和pho都是脚本语言 js写在script这个标签里 php写在<…

从零开始的全栈工程师——html篇1.7

position定位与表单一.position 1.Position细说 Position:relative; Left:100px; Top:100px; Position:absolute; Left:100px; Top:100px; Position:relative:如果设置值了,相对原来的位置进行调整二者区别 absolute会脱离标准流,relative不会,relative虽然给值了,但是依然占有着原来的位置. Relative存在”形影分离”,所以一般情况下不建议添加值了,…

从零开始的全栈工程师——html篇1.5

列表与边距探讨和行块一.列表 1.无序列表(UL) 1)内部必须有子标签<li></li>2)天生自带内外边距 p也是自带大家会发现用UL的时候内容前面会出现一个像这样的一个实心圆可以用属性list-style 去掉也可以更换(list-style:none;)circle空心圆 disc实心圆 square正方形 none空 2.有序列表(OL) 1)内部必须有子标签<li></li> 2)天生自带内外边距属性type(是标签属性只能写在行间) 有…

从零开始的全栈工程师——html篇1.4

背景与边框一.背景(backgound) 1.背景颜色:background-color:red;(简写:background:color;) 备注:ie9以下给body设置background-color可能不起作用需要用到bgcolor(<body bgcolor=" ">) 2.背景图片:background-image:url();(简写:background:url();) 3.背景图片的平铺 1).平铺:浏览器默认平铺 2).只平铺横向和纵向:backgro…

从零开始的全栈工程师——html篇1.3

文本.字体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:删除…

从零开始的全栈工程师——PHP篇 ( 单词汇总 ) ( php解决文字乱码 )

解决乱码: header("Content-Type: text/html;charset=utf-8"); 单词局部的: local 全局的: global 静态的: static 参数: parameter 工具: implements 关键字定义常量: const 类的创建: class 对象的创建: new 公开的: public 受保护的: protected 私有的: private 继承类: extends 拒绝重载: final 访问父级的常量.方法.静态属性: p…

从零开始的全栈工程师——利用CSS3画一个正方体 ( css3 )

transform属性 CSS3的变形(transform)属性让元素在一个坐标系统中变形.transform属性的基本语法如下: transform:none | <transform-function> [<transform-function>]* 2Dtransform常用的transform-function的功能: translate():用来移动元素,可以根据X轴和Y轴坐标重新定位元素位置.在此基础上有两个扩展函数:translateX()和translateY().…

从零开始的全栈工程师——ajax

AJAX AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX = Asynchronous JavaScript and XML. AJAX 是一种用于创建快速动态网页的技术. AJAX 通过在后台与服务器进行少量数据交换,使网页实现异步更新.这意味着可以在不重载整个页面的情况下,对网页的某些部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个页面. 有很多使用 AJAX 的应用程序案例:Google Maps.Gmail.Youtube…

从零开始的全栈工程师——underscore

underscore 是js封装的一个js库库和框架是有区别的 mvc框架就是backbone就是依赖这个库underscore就是定义了一个_( 下划线对象 ); 函数库的所有的方法都归属于这个对象大致有五类分别是:集合collection 数组array 函数function 对象object 工具utility ( 这里介绍一些简单的方法 ) 框架和库的区别库:就是js大量方法的集合框架:是一种开发模式如:mvc mvp mvm等简称mv* 一.集合集合就是伪数组不存在数组的那…

从零开始的全栈工程师——JS面向对象（六大继承）

一.对象克隆 var obj = { name:'li', age:23 } var obj2 = obj; // 这不是对象克隆只是把obj的内存地址给obj2 1.for in克隆(浅拷贝) 浅拷贝 --> 主要针对第一层的属性进行拷贝通过for in克隆不管是私有的还是公有的都克隆成私有的 2.for in克隆(深拷贝) 深拷贝 --> 将属性值也一个一个的遍历赋值针对所有的属性进行拷贝不管套了几层如果对象中的属性值又是一个引用数据类型浅拷贝还是把后面的引用数据类型…

从零开始的全栈工程师——JS面向对象（原型 this 继承）

一.生成对象的方式 ①单例模式(字面量定义)var obj = {} ②类的实例 var obj = new Object( ) ③工厂模式 ④构造函数:扮演三种角色普通函数普通对象类工厂模式构造函数构造函数如果人为return的不是对象直接忽略如果人为return的是对象就取代this <-- ! ! ! ! ! ! ! ! ! 二.工厂模式和构造函数的区别1. 工厂模式生成的对象必须要返回构造函数模式不用return 构造函数模式默认return的是this 在构造函数…

从零开始的全栈工程师——js篇（cookie）

Cookie是由服务器端生成,发送给User-Agent,浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器,对cookie知识感兴趣的朋友一起学习吧 cookie就是一个存放数据的东西存储量很小 4kb 存放在客户端上和应用设备上应用场景:用户注册用户登录购物车场景1:今天登录了一个账号过几天之后重新打开这个页面发现账号还在登录状态上这个就是存在客户端场景2:我在北京用京东扔了一件衣服在购物车我爸妈在老家用…

从零开始的全栈工程师——js篇（正则表达式）

正则就是一条规则用来检验字符串的格式目标就是字符串只要是通过表单提交的数据都是字符串1.正则定义var reg = new RegExp( )var reg = /格式/ <--简写 2.正则的方法两大功能:一个是匹配匹配成功就是true 第二个是捕获如果有就拿出来test( ) 用于匹配 exec( ) 用于捕获直接返回捕获的对象没捕获到就是null 3.正则修饰符如何去匹配①区不区分大小写 “i”代表忽略大小写②全局 “g”代表全局匹配③“m”代表多行匹配 4.修饰符使用…

从零开始的全栈工程师——js篇（闭包）

闭包是js中的一大特色,也是一大难点.简单来说,所谓闭包就是说,一个函数能够访问其函数外部作用域中的变量. 闭包的三大特点为: 1.函数嵌套函数 2.内部函数可以访问外部函数的变量 3.参数和变量不会被回收. 闭包散知识点: 一.变量销毁 1.人为销毁:var a = 12; a = null; 2.自然销毁:函数调用完成之后浏览器会自动销毁函数内的变量二.闭包的种类 1.函数式 2.对象式举例来说 function test(){ var a = 123; return function…

从零开始的全栈工程师——js篇（js的异步）

js中的异步 Javascript语言的执行环境是"单线程"(single thread,就是指一次只能完成一件任务.如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推). 这种模式的好处是实现起来比较简单,执行环境相对单纯:坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行.常见的浏览器无响应(假死), 往往就是因为某一段Javascript代码长时间运行(比如死循环),导致整个页面卡在这个地方,其他任务无法执行.为了解决这个问题,…

从零开始的全栈工程师——js篇2.21（事件对象 arguments 阻止事件默认行为兼容事件委托事件源对象）

一.事件对象 1.常用的事件2.每个元素身上的事件都是天生存在的不需要我们去定义只需要我们给这个事件绑定一个方法当事件触发的时候就会执行这个方法 3.事件绑定的写法 ①div.onclick=function (dom 0级)②addEventListener( ) 或 attachEvent( ) (dom 2级事件绑定)③二者的区别:onclick是这个元素私有的属性天生自带的而addEventlistener是公有的属性从EventTarget(事件源)对象上继承来的④ie低版…

从零开始的全栈工程师——js篇（作用域 this 原型笔试题练习）

作用域 // 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…

从零开始的全栈工程师——js篇2.20（事件对象冒泡与捕获）

一.复习面向对象 1)单例模式 2)工厂模式 3)构造函数 ①类js天生自带的类基类object function array number math boolean date regexp string 二.事件浏览器客户端上客户触发的行为都称为事件所有的事件都是天生自带的不需要人为绑定只需要我们去触发通过obj.事件名=function(){} 我们给元素的事件绑定了一个方法事件名:onmouseover onmouseout onmousedown onmousemov…

从零开始的全栈工程师——js篇2.19（BOM）

一.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()前…