- 博客(22)
- 收藏
- 关注
原创 清柠陪学项目复盘
这个项目名称是“清柠陪学”,是一个一个面向大学生的综合学习平台。采用前后端分离的方案。(SSR(服务端渲染前端页面的产生是由服务器端生成的,我们就称之为服务端渲染)。使用vue2框架进行开发,使用webpack进行项目优化,完成了登录注册、清柠首页、清柠广场、个人中心、清柠签到、清柠文章、每日计划,外网展示。我在项目中担任前端组长,参与框架搭建与核心功能(登录注册,个人中心,文章发布,打卡签到)研发。
2022-10-27 21:13:59
746
1
原创 函数中的this指向问题
文章目录函数中的this指向问题普通函数对象的方法构造函数绑定事件函数定时器函数立即执行函数改变this指向的方法(call/apply/bind)callapplybindbind方法的应用函数中的this指向问题普通函数1.普通函数(this指向window)function fn() { console.log(this); } // fn(); fn.call();对象的方法对象的方法(this指向o这个对象
2021-11-04 21:43:05
226
原创 tab栏、价格筛选完整代码
文章目录tab栏HTML代码css代码js代码价格筛选tab栏HTML代码 <div class="textbox" id="tab"> <h4>js面向对象,动态添加实例</h4> <div class="nav"> <ul> <li class="liactive"><span>测试1</span><i
2021-11-04 15:32:32
268
原创 jQurey
jQueryjQuery是JavaScript一个jQuery 是一个 JavaScript 库。它极大地简化了 JavaScript 编程。jQuery入口函数//第一种写法$(document).ready(function() { alert("hello jQuery");});//第二种写法 jQuery(document).ready(function() { alert("hello jQuery"); });//第三种写
2021-09-16 21:53:21
136
原创 flex布局
flex布局flex布局定义传统布局兼容性好但是不能自适应,更适合移动端开发。flex布局意为"弹性布局",用来为盒状模型提供最大的灵活性。能更好地适应移动端。flex布局父级常见属性(display:flex;)flex-direction设置主轴的方向属性值说明row主轴方向由左向右(默认值)row-reverse从右往左column从上到下colmn-reverse从下到上justify-content设置主轴上的子元素排列方式
2021-09-14 18:09:57
64
原创 8.9-8.15周报(键盘事件,json,异步加载,时间线,正则表达式)
键盘事件keydown:在键盘上按下某个键时触发。如果按住某个键,会不断触发该事件,但是 Opera 浏览器不支持这种连续操作。该事件处理函数返回 false 时,会取消默认的动作(如输入的键盘字符,在 IE 和 Safari 浏览器下还会禁止keypress 事件响应)。keypress:按下某个键盘键并释放时触发。如果按住某个键,会不断触发该事件。该事件处理函数返回 false 时,会取消默认的动作(如输入的键盘字符)。keyup:释放某个键盘键时触发。该事件仅在松开键盘时触发一次,不是一个持续
2021-08-16 15:26:01
123
原创 8.2-8.7周报
8.2获取窗口属性——window.pageXoffset/window.pageYoffset 查看滚动条滚动距离——windoow.innerWidth/window.innerHeight 查看可视窗口的尺寸(IE8及以下不兼容)——网页可见区域宽: document.body.clientWidth——网页可见区域高: document.body.clientHeight——div.getBoundingClientRect查看元素尺寸(返回一个对象,里面有元素的left,top等
2021-08-09 17:41:06
104
原创 javascript数组基础方法
定义数组的方式(javascript数组不越界,越界会返回undefined)var arr = [];var arr = new Array();var arr = new Array(10);//长度为10的空数组var arr1 = [10];//数组第一位为10数组常用方法1.push,pop,shift,unshift,reverse(改变原数组) // 数组常用的的方法 // push在数组的最后一位添加数据; var arr =
2021-07-26 20:03:28
100
原创 克隆(浅度克隆、深度克隆)
克隆 var obj = { name : 'abc', age : 123, sex : 'female', card : ['1','2']//obj1改,引用值跟着改 } var obj1={} function clone(origin,target){ for (var prop in origin)
2021-07-26 17:14:56
76
原创 对象的属性
连续调用对象的属性(不用return this,系统默认返回undefined) var deng = { smoke : function () { console.log("smoking...cool!"); return this; }, drink : function(){ console.log("drinkin
2021-07-26 17:07:36
47
原创 javascript继承
继承(共享原型)缺点:son和father原型互相影响 Father.prototype.lastName = 'deng'; function Father(){ } function Son(){ } function inherit(Target,Origin){ Target.prototype = Origin.prototype; } in
2021-07-26 16:00:10
51
原创 原型,原型链,call/apply
原型(方法:prototype) Person.prototype.lastName = 'yue'; Person.prototype.say = function () { console.log('hehe'); } function Person (name,age,sex) { this.name = name; this.age = age; thi
2021-07-26 15:44:17
73
原创 创建对象的方法及原理
直接创建对象var obj = { name : '13', age : 19, sex : 'male', height : 180, weight : 75 }构造函数创建对象1.系统自带的构造函数var obj = new Object();obj.name = 'abc';obj.sex = 'female';obj.say = function()
2021-07-26 15:12:00
100
原创 闭包基础笔记
闭包1.函数定义(arguments实参,length形参长度) function test(n,m,g,h) { console.log(arguments); console.log(test.length); } test(1,2,3,4,5);2.闭包(函数累加器) function add() { var num = 0; f
2021-07-26 14:48:22
49
原创 类型转换基础笔记
类型转换1.parseInt(进制转换把demo看做16进制的数,转换为10进制) var dome = 10; var num = parseInt(demo,16); console.log(typeof(num)+":"+num);2.parseFloat(转换为浮点数)var demo = 10;var m = parseFloat(demo);3.String(转化为字符串)var demo = 10;var n = String(demo);console.log(t
2021-07-26 12:07:44
80
原创 结构体和其他数据类型
12.20本周总结结构和其他数据类型建立结构声明结构声明描述了一个结构的组织布局。声明类似如下;struct book{ char title[MAXTITL]; char author[MAXAUTL]; float value; };该声明描述了一个由字符数组和一个float类型变量组成的结构。该变量只描述了该对象由什么组成。首先是关键字struct,它表明跟在其后的是一个结构,后面是一个可选的标记,稍后可在程序中使用该标记引用结构。所以,我们在后面的程序中可以这样声明:stru
2020-12-20 14:34:28
293
1
原创 12.11
本周总结2020/12/11存储类别、链接和内存管理存储类别作用域链接存储器自动变量寄存器变量静态变量外部变量(1).作用域描述程序中可访问标识符的区域。一个c的作用域可以是块作用域。块是用一对花括号括起来的代码区域。(2).声明变量在内层块中的变量,其作用域仅局限于该声明所在的块。外部链接变量可在多文件程序中使用,内部链接变量只能在一个翻译单元中使用。(1).如果对象具有静态存储期,那么它在程序的执行期间一直存在。文件作用域变量具有静态存储期。(2).块作用
2020-12-11 21:13:13
107
原创 2020-12-01
11.29测试总结遇到问题1、逻辑思维能力欠缺。2、时间分配不太合理。3、c语言基础有点差。解决问题Sky数熊熊学长从小喜欢奇特的东西,而且天生对数字特别敏感,一次偶然的机会,他发现了一个有趣的四位数2992,这个数,它的十进制数表示,其四位数字之和为2+9+9+2=22,它的十六进制数BB0,其四位数字之和也为22,同时它的十二进制数表示1894,其四位数字之和也为22,啊哈,真是巧啊。熊熊学长非常喜欢这种四位数,由于他的发现,所以这里我们命名其为Sky数。但是要判断这样的数还是有点麻烦啊,
2020-12-01 18:58:28
154
原创 2020-11-30
11.29测试总结遇到问题1、逻辑思维能力欠缺。2、时间分配不太合理。3、c语言基础有点差。解决问题Sky数熊熊学长从小喜欢奇特的东西,而且天生对数字特别敏感,一次偶然的机会,他发现了一个有趣的四位数2992,这个数,它的十进制数表示,其四位数字之和为2+9+9+2=22,它的十六进制数BB0,其四位数字之和也为22,同时它的十二进制数表示1894,其四位数字之和也为22,啊哈,真是巧啊。熊熊学长非常喜欢这种四位数,由于他的发现,所以这里我们命名其为Sky数。但是要判断这样的数还是有点麻烦啊,
2020-11-30 19:31:14
187
原创 2020-11-30
11.29测试总结遇到问题1、逻辑思维能力欠缺。2、时间分配不太合理。3、c语言基础有点差。解决问题Sky数熊熊学长从小喜欢奇特的东西,而且天生对数字特别敏感,一次偶然的机会,他发现了一个有趣的四位数2992,这个数,它的十进制数表示,其四位数字之和为2+9+9+2=22,它的十六进制数BB0,其四位数字之和也为22,同时它的十二进制数表示1894,其四位数字之和也为22,啊哈,真是巧啊。熊熊学长非常喜欢这种四位数,由于他的发现,所以这里我们命名其为Sky数。但是要判断这样的数还是有点麻烦啊,
2020-11-30 00:45:10
68
原创 2020-11-28
本周小结主要任务学会使用GIt学习Markdown语法并使用C语言刷题练习遇到问题1、逻辑思维能力欠缺。2、时间分配不太合理。3、c语言基础有点差。解决问题小鱼游泳时间伦敦奥运会要到了,小鱼在拼命练习游泳准备参加游泳比赛,可怜的小鱼并不知道鱼类是不能参加人类的奥运会的。这一天,小鱼给自己的游泳时间做了精确的计时(本题中的计时都按24小时制计算),它发现自己从a时b分一直游泳到当天的c时d分,请你帮小鱼计算一下,它这天一共游了多少时间呢?思路判断,如果d<b的话,d要加上
2020-11-28 21:45:25
165
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人