袁磊老师的课
赵俸堃是我的名字
一万年太久,只争朝夕
展开
-
袁磊老师的课,小方的jQuery笔记(五)---json&ajax,老周在边上陪着,真好!
json+ajax一、复习一下上学期学过的原生:JSON.stringify():的意思是将 JavaScript对象转换为字符串,从一个对象中解析出字符串JSON.parse(text):把一个字符串解析为JavaScript的对象,从服务器端获取的是字符串,那么我们需要把它变成JavaScript对象,这样js才能读取它。jQuery.getJSON(url,function())...原创 2019-03-14 11:41:58 · 906 阅读 · 0 评论 -
袁磊老师的课,Vue全家桶(一)
一、单页面应用spa就是只有一张web页面的应用,就是加载单个html。优点:页面切换快缺点:首屏时间稍慢,SEO(搜索引擎优化)差 “搜索引擎还读不懂单页面,搜索引擎擅长读的是多页面”二、路由 vue-router基本使用:<router-link to="/home">主页</router-link> <router-view...原创 2019-05-14 16:58:56 · 334 阅读 · 0 评论 -
袁磊老师的课,VUE(六)
一、 Vue组件Component组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码第一步:创建组件:var component = Vue.extend(配置项)第二步:注册组件:①全局组件 Vue.component(组件名.component)②局部组件:component:{‘组件名’:component}template 要尽量跟着反引号...原创 2019-05-09 10:56:51 · 175 阅读 · 0 评论 -
袁磊老师的课,VUE(四)
一、自定义指令当vue提供的系统指令不能满足需求时,就需要自己定义指令来进行扩展。例如v-focus指令来实现文本框自动获取焦点功能。练习1具体知识点在代码的注释中!!!!!1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n...原创 2019-04-25 11:44:10 · 192 阅读 · 0 评论 -
袁磊老师的课,VUE(三)
今天来做两个联系,来领悟一下vue的主要思想第一个练习,自己拿去玩<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...原创 2019-04-23 17:01:32 · 165 阅读 · 0 评论 -
袁磊老师的课,VUE(二)
老师说,vue主要靠大家联系,所以,这节课的练习会多一些。一、Vue基础应用1.v-bind①作用:动态设置属性值,可以给html元素或者组件动态地绑定一个或多个特性,例如动态绑定style和css。②语法:正常:v-bind:属性名=“引用data中定义的变量”简写::属性名=“引用gdata中定义的变量”修饰符举例子1:v-bind简写举例子:2.v-once作用:只绑...原创 2019-04-18 11:53:56 · 177 阅读 · 0 评论 -
袁磊老师的课,VUE(一)
教学目标:一、前端框架发展二、Vue特点三、了解Vue的版本和常用学习资源老师说:vue需要大家多多的练习,老师讲的会比较少一些详细内容:1.MV*模式在前端技术的快速发展过程中,MVC(模型-视图-控制器)、MVP(模型-视图-表示器)、MVVM(模型-视图-视图模型)也得到了很多使用。①MVC全名是Model View Controller,一种软件设计典范,用一种业务逻...原创 2019-04-16 19:48:58 · 285 阅读 · 0 评论 -
袁磊老师的课,ES6(五)
-一、Generator作用:解决异步操作1.Generator函数有多种理解角度。语法上,首先可以把它理解成是一个状态机,封装了多个内部状态。2.执行Generator函数会返回一个遍历器对象,也就是说,Generator函数会返回一个遍历器对象,也就是说,Generator函数除了状态机,还是一个遍历器对象生成函数。返回的遍历器对象,可以依次便利Generator函数内部的每一个状态。...原创 2019-04-09 16:58:29 · 216 阅读 · 0 评论 -
袁磊老师的课,ES6上节课的复习小练习
1.promise的小练习<script> // 这是一个关于promise的小练习,老师领着复习一下 var p = new Promise(function (resolve, reject) { //logic resolve("data from p!!"); }); ...原创 2019-04-09 16:15:11 · 189 阅读 · 0 评论 -
袁磊老师的课,ES6(三)
一、对象对象是类的一个具体实例const Person = { name :'张三', //等同于birth:birth birth, //等同于hello:function()... hello(){ console.log('我的名字是:' , this.name);}}二、动态属性let lastWord = 'last word';const a = ...原创 2019-04-02 16:55:51 · 231 阅读 · 0 评论 -
袁磊老师的课,ES6(六)
一、async1.ES2017标准引入了async函数,是的异步操作变得更加方便。2.async是Generator函数的语法糖const asyncReadFile = async function(){ const f1 = await readFile('/etc/fstab'); const f2 = await readFile('/etc/shells'); conso...原创 2019-04-11 12:58:31 · 232 阅读 · 0 评论 -
袁磊老师的课,ES6(二)
一、数组:扩展运算符const a2 = [...a1]//这句话的意思就是给a1起了一个新的名字,a1变a2也变;[...arr1, ...arr2, ...arr3] //把数组arr1、arr2、arr3罗列在一起const[first, ...rest] = [1,2,3,4,5];//其中,first是1, rest是数组[2,3,4,5] , rest是个数组二、...原创 2019-03-28 16:01:36 · 189 阅读 · 2 评论 -
袁磊老师的课,ES6(四)
一、set类似于数组,但是成员的值都是唯一的,没有重复的值const s = new Set();[2,3,5,4,5,2,2].forEach(x=>s.add(x));//第二个5、最后两个2都是加不进去的,因为set里的成员不可以重复的for(let i of s){console.log(i);}//set没有下标,key就是value,不能呢通过下标进行访问/...原创 2019-04-04 11:50:48 · 213 阅读 · 0 评论 -
袁磊老师的课,ES6(一)
老师说:这个部分,应该是在这个阶段,最有市场价值的部分。没有ES6,就学各种框架,可能会越学越困难ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{let a = 10; var b = 1}//a 只在括号内有效const声明一个只读的常量。一旦声明,常量的值就不能改变。const PI = 3.14.5...原创 2019-03-26 16:57:59 · 287 阅读 · 0 评论 -
袁磊老师的课,小方的jQuery笔记(四),老周在边上陪着,真好!
jQuery动画一、各种动画slideDown()slideUp()fadeOut() 渐渐消失fageIn() 渐渐出现toggle() 已经被废除了slideToggle()fadeTo()animate()二、下拉菜单概要:一定是父对象:相对定位 ------position:relative下拉菜单:绝对定位 -------position:abso...原创 2019-03-12 16:49:17 · 246 阅读 · 0 评论 -
袁磊老师的课,小方的jQuery笔记(三),老周在边上陪着,真好!
常见效果与jQuery动画1. 常见效果hover效果according手风琴效果tab选项卡效果下拉菜单基本动画2.一些方法find()//查找 后代元素里查找prev()//上一个元素next()//下一个siblings()//兄弟元素children()//子元素,只在子元素中show()//显示hide()//隐藏3.hover事件$(" ").hove...原创 2019-03-07 11:36:11 · 280 阅读 · 0 评论 -
袁磊老师的课,小方的jQuery笔记(二),老周在边上陪着,真好!
3月5日老师说1.你的jQuery文件一定要和html文件放在一个文件夹下!2. var str = "&lt;div class='box'&gt;"这里,注意双引号中不能再用双引号,只能用单引号!3. 表单操作要用val()来获取 var sr = $("#disname").val(); // val是value的缩写,可以用val来获取表单如果该方法未设置参数原创 2019-03-05 17:16:09 · 270 阅读 · 0 评论 -
袁磊老师的课,小方的jQuery笔记(一),老周在边上陪着,真好!
一、写法$("#id")//替换 document.getElementById("#id")$(".class")//替换 document.getElementByClassName(".class")$("div")//替换 document.getElementByTagName(&原创 2019-02-28 13:55:23 · 198 阅读 · 0 评论 -
袁磊老师的课,VUE(五)
一、watch当每次监听到值发生改变时,执行函数适用于,当数据发生变化时,执行异步操作或较大开销操作的情况写法:watch:{ name:{ handler(newName, oldName){}, deep:true, immediate:true}}练习:电脑瓦特了,没写什么备注…<!DOCTYPE html><html lang=...原创 2019-05-07 17:01:31 · 257 阅读 · 0 评论