自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 手写diff算法

diff算法的简单实现。

2023-06-10 18:50:00 101

原创 js实现的词法分析器

【代码】js实现的词法分析器。

2023-04-16 07:45:55 214

原创 JS考核题

JS考核题第一题 - 写出下列输出1.typeof(typeof A); 2.typeof({})3.typeof(null)4.(false == '' )5.(NaN == NaN )6.(null == undefined )7.(null === undefined )8.(0 == '' )9.("20"+20)10.(10+10+"20")答案1. string // typeof函数的返回值为字符串类型2. object3. object // null表

2021-09-04 20:27:46 198

原创 JS笔记-11-日期对象

日期对象 Date()封装函数,打印当前是何年何月何日何时,几分几秒日期对象是系统提供好的日期对象的构造var date = new Date();getTime()返回1970年1月1日至今的毫秒数定时器setInterval(function (){},1000);表示每个1000毫秒执行一次函数clearInterval();清除某个计时器setTimeout(function(){ },1000);推迟一段时间后执行clearTimeout();setInterval

2021-06-05 10:19:47 69

原创 JS笔记-10-dom

domDocument Object Modeldom定义了表示和修改文档所需的方法.dom对象即为宿主对象,有浏览器厂商定义,用来操作html和xml功能的一类对象的集合.也有人称dom是对html以及xml的标准编程接口节点的查找查查看元素节点document代表整个文档document.getElementsById()//元素id在ie8以下不区分大小写,而且返回匹配name属性的元素.getElementsByTagName()//标签名getElementsByName(

2021-06-03 19:32:19 49

原创 JS笔记-9-try...catch,es5标准模式

try…catch在try里面发生的错误,不会执行错误后的try里面的代码try{}catch(e){console.log(e.name + " : " + e.message);//打印错误信息}Error.name的六种值对应的信息EvalError: eval()的使用与定义不一致RangeError: 数值越界ReferenceError: 非法或不能识别的引用值SyntaxError: 发生语法解析错误TypeRError: 操作数类型错误URIE

2021-06-03 19:25:36 130

原创 JS笔记-8-数组和类数组

数组数组的定义var arr = Array(1,2,3,4,5,6);或者var arr = Array(10);创建一个长度为10的数组数组的常用方法改变原数组push在数组末尾添加数据pop弹出数组末尾的那个数据shift弹出数组头部的数据unshift在数组头部添加数据sort数组排序,默认升序必须写两个形参看返回值当返回值为负数时,那么前面的数放在前面当返回值为正数,那么后面的数放在前面为0,不动arr.sort(function(a,b ) {

2021-06-03 19:23:00 56

原创 JS笔记-7-继承,命名空间,对象枚举

继承传统形式 原型链过多的继承了没用的属性借用构造函数不能继承借用构造函数的原型每次构造函数都要多走一个函数共享原型不能随便改动自己的原型圣杯模式function F() {}F.prototype = Father.prototype;Son.prototype = New F();Son.prototype.constuctor = Son;Son.prototype.uber = Father.prototype;// 方法2var i

2021-06-03 19:21:23 56

原创 JS笔记-6-对象和原型

对象属性的增加和删除增加对象名.属性名 = 属性值删除delete 对象名.属性名一旦经历了var操作增加到window上的属性,不可被delate删除(不可配置属性)对象的创建方法var abj = {} 对象字面量/对象直接量构造函数系统自带的构造函数 Object()var obj = new Object();自定义function Person(){}var person1 = new person();构造函数的内部原理1. 在函数体最前

2021-06-03 19:20:18 62

原创 JS笔记-5-闭包

闭包当内部函数被保存到外部时,将会生成闭包.闭包会导致原有作用域链不释放,造成内存泄漏闭包的作用实现共有变量eg:函数累加器可以做缓存(存储结构)eg:eaterfunction eater() { var food = ""; var obj = { eat : function () { console.log("i am eating " + food); food = ""; },

2021-06-03 19:18:37 53

原创 JS笔记-4-函数与作用域

函数定义函数声明function hello(){ document.write("hello world");}函数表达式命名函数表达式var hello = function hello(){ document.write("hello world");}匿名函数表达式var hello = function(){ document.write("hello world");}函数的终止return返回值并终止函数立即执行函数针对初始化功能的

2021-06-03 19:17:17 82 1

原创 JS笔记-3-typeof,条件转换

typeof返回变量的数据类型数据类型的转换显式类型转换Number把变量转换为数字类型parseInt把变量转换为整型数字perseInt(a,16)把a看作16(参数可取2-36)进制数,转化为十进制如果不带参数,则从数字位开始看,到非数字位截至perseFloatStringBooleantoStringa.toString将a转换为字符串a.toString(8)将a转换为8进制,再转换为字符串隐式类型转换isNaN将变量转换为n

2021-06-03 19:15:06 67

原创 JS笔记-2-运算符,条件与循环

比较运算符“>” , “<” , “>=” , “<=” ,"==" , “!=”字符串的大小比较从第一个字符开始比较ASCII码逻辑运算符“&&” , “||” , “!”&&与运算符先看前面的表达式转换为布尔值的结果是否为真,如果为真,那么会看第二个表达式转换为布尔值的结果,然后如果只有两个表达式,只看到第二个表达式,就可以返回该表达式的值了||或运算符先看前面的表达式转换为布尔值的结果是否为假,如果为假,那么会看第二个表达式转换

2021-06-03 19:13:54 51

原创 JS笔记-1-浏览器组成与JS基础

浏览器组成shell部分用户操作部分内核部分渲染引擎(语法规则和渲染)负责解析 html及css 页面呈现js引擎解析js其他模块JS的特点解释性语言(不需要编译)优点:跨平台缺点:运行慢单线程ECMA标注JS基础如何引入js页面内嵌<script></script>标签外部引入<script src="..."></script>为符合web标准结构,样式,行为相分离,通常会采用外部引

2021-06-03 19:10:47 49

原创 旋转的立方体

旋转立方体html部分用ul来表示整个立方体,用li来表示立方体的六个面<div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul>

2021-03-31 19:07:26 76

原创 周报(CSS3+HTML5)

CSS3CSS3新特性选择器阴影形状转换变形动画(过渡动画,帧动画)边框多重背景反射文字颜色(rgba/hsl/hsla)滤镜(filter)弹性布局多列布局盒模型web字体媒体查询CSS3兼容情况CSS3不是属于浏览器或同一浏览器的不同版本都支持,所以需要兼容处理,通常的做法就是加厂商前缀主流浏览器内核Trident:IE内核webkit:chrome和safari内核gecko:firefox内核blink(是webkit的一个分支):chrome和

2021-03-09 17:02:54 525

原创 周报-寒假3(淘宝主页项目练习)

淘宝主页项目练习效果图代码html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>淘宝网-淘!我喜欢</title> <link rel="i

2021-02-24 14:56:32 780

原创 周报-寒假2

oj输入格式题干Calculate A + B.InputEach line will contain two integers A and B. Process to end of file.OutputFor each case, output A + B in one line.Sample Input1 1Sample Output2代码#include<stdio.h>int main(){ int a, b; while (scanf("%d%d",

2021-01-30 11:15:12 63

原创 周报-寒假1

本周学习进度本周对所学的html和css内容进行复习,对常见的布局和网页不同部分的实现进行了练习练习内容常规流练习主要练习了div的居中以及盒模型中各个属性所代表的意义及取值效果图html部分<article class="container"> <header> <h1>这是文章的标题</h1> <div class="original-link"> 原文地址:&l

2021-01-23 14:09:31 254

原创 css布局--圣杯布局

圣杯布局圣杯布局的特点借助的是其他非主要元素覆盖了其父元素的padding值所占据的宽度,非主要元素(侧边栏)只是占据了全部容器的padding值部分优点可优先渲染主要部分效果实现方法为main设置左右padding用来给侧边栏预留位置main内三个div设置为浮动left,right部分通过定位到达相应位置代码部分<!DOCTYPE html><html lang="en"><head> <meta charset="U

2020-12-13 18:21:48 335

原创 两栏布局的几种实现方式

两栏布局的几种实现方式通过以下四常见的方法均可以实现图中两栏布局的效果侧边栏左浮动+正文部分overflow:auto定位实现两栏布局纯浮动形式浮动+常规流效果图侧边栏左浮动+正文部分overflow:auto代码部分<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <

2020-12-06 16:24:45 2494

原创 前端学习记录(大一) - 第三周

前端学习记录(大一) - 第三周本周学习进度本周我对以前学习的html和css知识进行了综合练习,进一步学习html和css有关知识并简单了解了svg矢量图,主要实现了简单的双栏和三栏布局成果展示双栏布局以及侧边栏伪等高效果图代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi

2020-12-05 17:24:45 152

原创 前端学习记录(大一) - 第二周

前端学习记录(大一) - 第二周文章目录前端学习记录(大一) - 第二周本周学习进度HTML部分本周学习进度本周我开始学习css的基础知识,以及进一步对html进行更加深入的学习。html部分主要学习了更多的元素以及他们对应的语义以及css属性。css部分主要学习了常见的css属性,知道如何给网页添加样式,还在此基础上进行了盒模型,浮动,定位等的学习,并进行了简单的练习,实现了网页中二级菜单,弹出层,轮播图等的静态效果的实现HTML部分...

2020-11-27 18:00:17 295

原创 前端学习记录(大一) - 第一周

前端学习记录(大一) - 第一周文章目录前端学习记录(大一) - 第一周学习进度HTML介绍编辑器HTML文档的基本结构HTML中的常见元素总结(下周任务规划)学习进度简单了解了HTML语言的基础知识和常见元素HTML介绍HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。使用HTML语言,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即现在所见到的网页。编辑器HTML 编辑器是用于

2020-11-20 19:03:30 174 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除