- 博客(52)
- 收藏
- 关注
RSS订阅原创 Vueday05
正课:脚手架:脚手架:什么是: 具有核心功能的半成品代码我们只要向其中添加个性化自定义内容即可。为什么: 简化和标准化项目结构何时: 今后只要开发Vue项目，都是用脚手架生成如何:创建项目:下载Vue-CLI脚手架命令行工具Vue-CLI 专门用于通过命令生成脚手架代码先安装命令行工具: npm i -g @vue/cli用命令行工具创建项目代码:vue cre...
2018-11-29 22:29:54
190
原创 Vueday04
正课:组件间通信——重点&难点SPA应用Vue-router组件组件间通信——重点&难点:3大类:父->子: 属性下行:子: 定义props属性，其中包含接收父组件数据的模型变量props属性：可被外部访问，并赋值的特殊模型数据在组件内的用法和data中的模型变量完全一样！可被其他组件发现并赋值。var 子组件={… …pr...
2018-11-29 22:29:02
157
原创 Vueday03
正课:自定义指令——了解过滤器axios组件组件的生命周期组件化开发——重点&难点自定义指令——了解Vue.js中除了13种预定义指令外，还需要增强HTML的其它功能，就需要添加自定义指令。如何自定义:创建自定义指令:Vue.directive(“指令名”,{ //创建一个自定义指令inserted(elem){ //当当前元素被挂...
2018-11-29 22:27:31
168
原创 Vueday02
正课：指令:双向绑定:绑定class和style属性计算属性指令:v-html和v-textv-html 使用模型变量替换当前元素的innerHTML何时: 如果绑定一段HTML代码片段v-text 使用模型变量替换当前元素的textContent何时: 如果绑定纯文本内容{{}} vs v-text vs v-html是否编译内容:...
2018-11-29 22:26:37
153
原创 Vueday01
正课:原生API vs 函数库 vs 框架Vue概述MVVM框架数据绑定语法指令(directive)原生API vs 函数库 vs 框架DOM jQuery Vue原生API：浏览器/平台已经实现的，咱们可直接使用的API比如: DOM BOM优: 万能缺: 繁琐函数库(library)：基于原生API，进一步封装的，更简化的一组函数的集合。...
2018-11-29 22:25:43
163
原创 Jquery_day04
正课:ajax跨域:*****ajax$.ajax({url:" … ",type: “get”|“post”,data:“变量=值&…”|{变量:值,…},dataType:“json”,success:function(res){ //在响应成功结束后自动//res就是响应的结果},error(){ 当请求出错时，自动触发 },complete()...
2018-11-20 15:30:40
83
原创 Jquery_day03
正课:事件动画类数组对象添加自定义API封装自定义插件事件:加载后执行: 2种DOMContentLoaded: 仅DOM内容加载完就提前执行只等html和js加载完就立刻执行，不等css和图片何时: 不依赖于css和图片的代码都应该放在DOMContentLoaded中提前执行比如: 事件绑定如何: $(document).ready(func...
2018-11-20 15:30:33
235
原创 JQuery_day02
正课:查询:修改:按节点间关系查找添加/删除/替换/克隆事件绑定查询:内容过滤::contains(文本) 用元素的内容文本作为条件:has(selector) 选择包含符合条件的子元素的父元素:parent和:empty: 选择非空的或空的元素可见性过滤: :visible :hidden:hidden只能选择: display:no...
2018-11-20 15:30:02
95
原创 JQuery_day01
正课:什么是jQuery如何使用jQuery查找什么是jQueryjQuery是第三方提供的执行DOM操作的极简化的函数库第三方: 先下载，才能用执行DOM操作: 学jQuery还是在学DOM的增删改查，事件绑定极简化: jQuery是对DOM API的终极简化函数库: jQuery是用函数解决一切问题！为什么: 2个主要原因:API极简化: 4个方面:...
2018-11-20 15:29:54
224
原创 DOM_day04
正课:navigator定时器事件navigator:cookieEnabled: 判断当前浏览器是否启用cookie什么是cookie: 客户端本地持久保存用户个人信息的小文件为什么: 程序内存中的数据(变量，数组，对象)都是临时存储。程序关闭，内存释放！何时: 只要希望在客户端持久保存一个数据原理:userAgent: 保存当前浏览器名称和版本号的字符串何...
2018-11-20 15:29:46
117
原创 DOM_day03
正课:添加/删除HTML DOM常用对象什么是BOMwindow打开新链接historylocationnavigator添加/删除:添加: 3步:先创建空元素对象:var a=document.createElement(“a”)设置关键属性:a.href=“http://tmooc.cn”a.innerHTML=“go...
2018-11-20 15:29:38
122
原创 DOM_day02
正课:查找:修改:查找:按节点间关系查找:何时: 如果已经获得一个元素，要找周围元素时如何:节点树: 包含所有网页内容(元素,文本等)的树结构2大类:父子关系:node.parentNode 获得node的父节点node.childNodes 获得node的所有直接子节点node.firstChild 获得node的第一个直接子节点node...
2018-11-20 15:29:28
198
原创 DOM_day01
正课:什么是DOMDOM Tree查找什么是DOM: Document Object ModelDOM: 专门操作网页内容的API标准——W3CJS=ECMAScript3.1,5,6,7(核心语法)DOM(专门负责操作网页内容)BOM(专门负责操作浏览器窗口)为什么: 为了统一所有浏览器操作网页内容的API何时: 只要操作网页内容，都要用DOM API包括:...
2018-11-20 15:29:19
121
原创 JSCore_day06
正课:ES6ES6for of : 简化版的for循环，专门用于遍历数组遍历数组: 3种:for(var i=0;i<arr.length;i++)var elem=arr[i]最灵活:arr.forEach((elem,i,arr)=>{})限制: 无法控制遍历的顺序和步伐for(var elem of arr)of会依次取出arr中的元素值，保存在变...
2018-11-20 15:29:13
106
原创 JSCore_day05
正课:ES5ES6ES5Object.create(): 仅基于一个现有父对象，就可创建子对象何时: 如果只有对象，没有构造函数也想创建子对象时如何: var child=Object.create(father,{//definePropertites属性名:{特性:值,… :…},属性名:{… : …}})创建一个新对象child，并让child继承...
2018-11-20 15:29:02
118
原创 JSCore_day04
正课:OOPES5OOP：自定义继承:两种类型间的继承:问题: 在子类型构造函数中直接调用父类型构造函数，无法将父类型的属性加入到新对象中原因: 子类型构造函数中直接调用的父类型构造函数，导致父类型构造函数中的this默认指向window，导致父类型的属性都泄漏到全局。解决: 当一个函数中的this不是想要的时，可用call()，将函数中不想要的this换成想要的对...
2018-11-18 15:47:34
102
原创 JSCore_day03
正课:*****OOP:OOP什么是面向对象: 程序都是先用对象结构描述现实中一个具体事物，再按需使用事物的属性和功能。为什么: 为了便于大量数据的管理和维护何时: 今后所有程序都使用面向对象的方式实现如何: 三大特点: 封装，继承，多态封装:什么是: 创建一个对象结构来集中保存一个事物的属性和功能为什么: 便于大量数据的使用和维护何时: 只要使用面向对象方式编程，都要...
2018-11-18 15:47:26
220
原创 JSCore_day02
正课:RegExp对象FunctionRegExp对象:API: 2个:验证字符串的格式:var bool=reg.test(str)检查str是否符合reg的格式要求返回值: bool问题: 正则表达式默认只要在str中找到匹配的内容就返回true。不要求完全匹配解决: 今后凡是验证，必须前加^，后加$，表示从头到尾必须完整匹配即查找每个关键词的内容，又...
2018-11-18 15:47:18
117
原创 JSCore_day01
正课:正则表达式:String的正则API:正则表达式: Regular Expression什么是: 规定字符串中字符出现规律的规则比如: 手机号: 1 [345678] 9位数字电子邮件:任意字符任意个@任意字符任意个.com|.cn|.net,何时: 2种:格式验证:模糊查找关键词:如何:最简单的正则表达式就是关键词本身字符集:什么...
2018-11-18 15:47:11
90
原创 BootStrap_day05
一.组件1.面包屑导航使用.breadcrumb类创建面包屑导航。…2.进度条使用.progress类创建进度条添加宽度(用百分比设置，表示进度条所在的位置)使用.progress-bar-striped类设置条纹进度条使用.progress-bar-animated类设置进度条的动画注意：重点：媒体查询技术，栅格布局，scss定制二.SCSS定制ex:css...
2018-11-18 15:46:41
100
原创 BootStrap_day04
一.组件1.导航Bootstrap提供了三种形式的导航：水平导航，选项卡导航，胶囊导航(1)水平导航创建一个简单的水平导航，可以在ul元素上添加.nav类，在每个li选项上添加一个.nav-item类，在每个链接上添加.nav-link类。内容通过设置ul的justify-content-*来控制导航的对齐方式。设置ul的flex-column类用于创建垂直导航。.nav-...
2018-11-18 15:46:31
129
原创 BootStrap_day03
一.CSS全局样式-栅格布局1.基本结构容器：.container/.container-fluid行：.row列：.col2.针对不同的屏幕需要使用不同的列，如大屏幕：4/12 三列 左中右中等屏幕：6/12 两列 左右小屏幕：12/12 一列.col-xl-1/2/3/4…/12.col-lg-1/2/3/4…/12.col-md-1/2/3/4…/12.col-...
2018-11-18 15:46:23
91
原创 BootStrap_day02
一.响应式布局1.媒体查询媒体查询分为两种方式：(1)根据媒体查询结果使用不同的外部css文件注意：此方法较少用，所有css都会被浏览器加载，每个css文件中可能会存在重复代码。(2)根据媒体查询的结果执行同一个css文件中的不同代码块。@media screen and (min-width:992px){选择器{样式}}二.Bootstrap1.Bootstrap ...
2018-11-18 15:46:13
104
原创 BootStrap_day01
正课:正则表达式:String的正则API:正则表达式: Regular Expression什么是: 规定字符串中字符出现规律的规则比如: 手机号: 1 [345678] 9位数字电子邮件:任意字符任意个@任意字符任意个.com|.cn|.net,何时: 2种:格式验证:模糊查找关键词:如何:最简单的正则表达式就是关键词本身字符集:什么...
2018-11-18 15:46:02
77
原创 CSS_day06
一.复杂选择器1.结构伪类选择器1.:only-child匹配的元素是属于其父元素中的唯一子元素。2.否定伪类将满足指定选择器的元素给排除在外。语法：:not(selector){…}3.伪元素选择器1.::first-letter或:first-letter作用：用于匹配元素的首字符2.::first-line或:first-line作用：用于匹配元素的首行注意：如果首字...
2018-11-18 15:45:03
71
原创 CSS_day05
一.定位（相对定位，绝对定位，固定定位）-重点1.定位相关属性1.定位属性属性：position取值：(1)static 静态，默认值(2)relative 相对定位(3)absolute 绝对定位(4)fixed 固定定位注意：将元素的position设置为relative/absolute/fixed任何一个值，那该元素就称为"已定位"元素。2.偏移属性 top/bo...
2018-11-17 15:54:05
96
原创 CSS_day04
一.表格1.表格特有属性1.边框合并属性：border-collapse取值：1.separate 默认值，即分离边框模式2.collapse 边框合并2.边框边距作用：设置单元格之间或单元格与表格之间的距离属性：border-spacing取值：1.指定一个值，水平和垂直的间距相同2.指定两个值，第一个值表示的水平间距第二个值表示的垂直间距注意：只有在分离边框的模式...
2018-11-17 15:53:55
126
原创 CSS_day03
一.框模型1.内边距1.什么是内边距元素边框与内容之间的间距。内边距会扩大元素边框占地区域。2.语法属性：padding:value 四个方向的内边距padding-top/bottom/left/right:value 单边定义取值：1.以px为单位的数字2.以%为单位的数字3.简写方式padding:value 四个方向padding:v1 v2 上下 左右pad...
2018-11-17 15:53:44
169
原创 CSS_day02
一.选择器详解1.子代选择器作用：通过元素的子代（一层嵌套）关系匹配元素。语法：选择器1>选择器2{样式声明}2.伪类选择器作用：匹配元素不同的状态语法：所有的伪类以:开始的选择器:伪类选择器{样式声明}伪类选择器分类：(1)链接伪类:link 匹配元素尚未访问时的状态:visited 匹配元素访问过的状态(2)动态伪类:hover 匹配鼠标悬停在元素上时的状态:...
2018-11-17 15:53:32
179
原创 CSS_day01
一.CSS概述1.什么是CSS？CSS：Cascading Style Sheets层叠样式表/级联样式表，简称样式表。2.CSS作用设置HTML网页元素的样式（修饰网页）3.HTML与CSS的关系HTML：构建网页内容CSS：修饰网页4.HTML属性与CSS属性是使用原则w3C建议尽量使用CSS属性来取代HTML的属性。二.CSS的语法规范1.使用CSS的方式1.内联方式...
2018-11-17 15:52:12
357
原创 HTML_day02
一.URL1.统一资源定位器用于表示网络中任意资源的位置。2.路径的表现形式1.绝对路径（完整路径）1.网络资源协议+主机+目录结构+文件名称2.本地路径从最高盘符处开始去查找2.相对路径从当前文件所在的位置开始查找资源所经过的路径，就是相对路径。同级目录：直接引用 ex:jd_logo.png子级目录：先进入，再引用 ex:img/page.jpg父级目录：...
2018-11-17 15:51:50
105
原创 HTML_day05
杨燕 g-yangyan@tedu.cn qq:445190209一.第二阶段学习内容1.HTML5（2天）搭建网页结构，实现内容的体现 http://www.cssmoban.com/ 高性能网站建设指南2.AJAX(3天)实现数据异步交互3.AJAX项目（2天）完成用户表数据的增删改查（从前端页面发起异步请求）4.CSS3（6天）美化HTML页面5.Bootst...
2018-11-17 15:51:23
139
原创 NodeJS_day06
复习：学子商城目录结构node_modules…项目所依赖的包public…项目中静态资源文件(图片,css,js,html)user_register.html…用户注册页面routes…项目中的路由器user.js…用户模块路由器app.js…项目入口文件xz.sql…项目的数据库文件pool.js…连接mysql数据库文件1.npm包管理命令npm init -y...
2018-11-17 15:50:44
139
原创 NodeJS_day05
复习：express中的路由请求的方法 get/post 请求的url 响应的方法回调函数路由器按照模块 把路由归纳到一起用户模块：登录，注册…创建路由器文件var router=express.Router();router.get(’/list’, (req,res)=>{})module.exports=router;const user=require(’./...
2018-11-17 15:50:10
120
原创 NodeJS_day04
复习：HTTP协议 浏览器和web服务器之间通信的协议浏览器发出请求，web服务器做出响应请求方法 get/post…请求-响应状态码1** 2** 成功的响应 3** 响应的重定向 4** 客户端错误5** 服务器端错误请求url请求、响应的头信息nodejs http模块 模拟浏览器发出请求 gethttp模块 构建web服务器createServer(...
2018-11-17 15:49:41
120
原创 NodeJS_day03
复习：模块：文件模块、核心模块、第三方模块带路径 不带路径文件模块 require(’./circle.js’)自定义的 require(‘url’)核心模块目录模块 require(’./1’)自动查找目录下index.js或者查找package.json的main属性对应的文件 require(‘mysql’)查找node_modules中目录为mysql的buffer数据形...
2018-10-27 17:29:09
107
原创 NodeJS_day02
复习：全局对象——nodejs(global)，JavaScript(window)console对象log/info/warn/error/time(‘loop-for’)/timeEnd(‘loop-for’)process对象arch/platform/version/versions/env/pid/kill…全局函数一次性定时器 timer=setTimeout(()=&g...
2018-10-27 17:28:50
82
原创 NodeJS_day01
官网https://nodejs.org/en/中文手册nodejs.cn1.全局对象nodejs的全局对象 global在脚本模式下，文件中声明的变量和函数都是局部作用域下的。js的全局对象 window(1)console对象console.log() 标准打印console.info() 打印信息console.warn() 打印警告console.error()...
2018-10-27 17:28:34
105
原创 JS_base_day09
复习数组API push(1) pop( ) unshift(5) shift( )二维数组[[‘北京’,‘海淀’],[‘上海’,’’,’’,’’.’’],[‘天津’,’’,’’]][{pic:,price:,title,}, {pic:,price:,title,}, {pic:,price:,title,}]字符串对象包装成了对象 str=’’ new St...
2018-10-27 17:28:19
50
原创 JS_base_day08
复习对象的存储方式(栈内存，堆内存)数组创建和访问对象直接量 [元素1,元素2…]构造函数 new Array(元素1,元素2…); var arr=new Array(3)访问 第一个 arr[0] 最后一个 arr[arr.length-1] arr.length添加新的元素 arr[arr.length]数组分为 索引数组(以数字作为下标)，关联数组(以字符串作...
2018-10-27 17:27:49
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人