- 博客(24)
- 收藏
- 关注
原创 Javascript语言的特点
javascript语言的特点Javascript一种基于对象(object-based)和事件驱动(EventDriven)的简单的并具有安全性能的脚本语言。特点:解释性、基于对象、事件驱动、跨平台。一门动态的,弱类型,基于原型的脚本语言。1.动态性是指,在一个Javascript对象中,要为一个属性赋值,我们不必事先创建一个字段,只需要在使用的时候做赋值操作。//定义一个对象 ...
2020-04-19 11:57:30 2585
原创 DOM提供给我们的API
offset 指偏移,包括这个元素在文档中占用的所有显示宽度,包括滚动条、padding、border,不包括overflow隐藏的部分1.1 offsetLeft属性和offsetTop属性这两个属性的兼容性非常差.window.onload=function(){ var inner=document.getElementById("inner"); inner.innerH...
2020-04-12 11:54:10 204
原创 addEventListener()方法
document.addEventListener() 方法用于向文档添加事件句柄。addEventListener()方法将事件处理程序附加到指定的元素。可以将事件侦听器添加到任何DOM对象,而不仅仅是HTML元素。即window对象。addEventListener()方法可以更容易地控制事件对冒泡的反应。使用addEventListener()方法时,JavaScript与HTML...
2020-04-12 10:57:35 325
原创 JavaScript缓动动画
JS实现的缓冲运动动画效果示例 这篇文章主要介绍了JS实现的缓冲运动效果,涉及JavaScript数值运算与时间函数相关使用技巧。 1.缓冲需要用到数值取整 向上取整:Math.ceil() 向下取整Math.floor() 移动的速度逐渐减慢的效果,移动速度=(终点位置 - 当前位置) / 一个数。 fu...
2020-04-12 08:57:36 204
原创 js获取元素节点的方式
js获取元素节点地方式通过顶层document节点获取:(1) document.getElementById(elementId) :该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法。如果页面上含有多个相同id的节点,那么只返回第一个节点。 var a = document.getElementById("test").getElementsByTagName("d...
2020-03-15 14:01:26 624
原创 javaScript函数预编译
函数预编译.1,javaScript在函数代码执行前,会执行以下几个操作,分为三个步骤先进行语法分析 检查出最基本的语法错误;在进行预编译 为对象分配空间;最后解释执行代码 解释一行 ,执行一行, 遇到错误,立即停止执行,并报错。预编译发生在代码执行前的一瞬间预编译的具体过程预编译执行过程会生成GO (Global Object,等于window)和AO (Act...
2020-03-01 13:12:51 170
原创 正则表达式
正则表达式正则表达式,又称规则表达式,是计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。许多程序设计语言都支持利用正则表达式进行字符串操作。\f 匹配换页字符。\n 匹配换行字符。\r 匹配回车符字符\t 匹配制表字符。\v 匹配垂直制表符\t的意思是:水平制表符。将当前位置移到下一个tab位置。量词-通过量词可以设置一个内容 出现...
2020-02-23 14:13:44 107
原创 dom树的操作
dom树的操作DOM节点的获取DOM节点的获取方式其实就是获取事件源的方式操作元素节点,必须首先找到该节点。有三种方式可以获取DOM节点:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>dom</title></he...
2020-01-04 16:51:22 127
原创 javascriptdom树
javascript dom树什么是DOMDOM:文档对象模型。DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。DOM就是由节点组成的。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
2020-01-04 16:31:36 136
原创 函数预编译
函数预编译函数预编译的步骤1 语法分析2 预编译3 解释执行当函数执行时,会创建一个称为执行期上下文的内部对象(GO和AO)。一个执行期上下文定义了一个函数执行时的环境,函数每次执行时对应的执行上下文都是独一无二的,所以多次调用一个函数会导致多个执行上下文,当函数执行完毕,它所产生的执行上下文被销毁。列如以下例子1,var a = 1; console.log(a);//a = 10...
2019-12-30 16:36:44 497
原创 js函数作用域
调用函数时,创建函数作用域,函数执行完毕后,函数作用域销毁//变量提前 //并不是赋值提前,变量a提前此时a的值为undefined,//而同名的函数提前,将会覆盖变量a,使a的值成为为函数。 var a = 10;function fun(){ var a = "我是fun函数中的变量a"; var b = 20; //...
2019-12-26 20:27:54 94
原创 正则表达式二
正则表达式2正则表达式是一种通用的工具,在 JavaScript、PHP、Java、Python、C++ 等几乎所有的编程语言中都能使用;但是,不同编程语言对正则表达式语法的支持不尽相同,有的编程语言支持所有的语法,有的仅支持一个子集。正则表达式的语法体现在字符模式上。字符模式是一组特殊格式的字符串,它由一系列特殊字符和普通字符构成,其中每个特殊字符都包含一定的语义和功能。描述字符根据正...
2019-12-23 00:04:08 240
原创 正则表达式
正则表达式正则表达式(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。例如:aa+b,可以匹配aaaaab、aabbaabb、bbbbbbaaaabb 等,+ 号代表前面的字符必须至少出现一次(1次或多次)。aab,可以匹配 aaabbb、b、a等, 号代表字符可...
2019-12-19 19:38:20 248 1
原创 数组
数组数组1、什么是数组数组对象是使用单独的变量名来存储一系列的值。数组就是一组数据的集合其表现形式就是内存中的一段连续的内存地址数组名称其实就是连续内存地址的首地址2、关于js中的数组特点数组定义时无需指定数据类型数组定义时可以无需指定数组长度数组可以存储任何数据类型的数据(比如说一个元素保存整型,一个元 素保存字符串型,这个在JS中是可以的)创 建数组的语法:var a...
2019-12-16 00:36:27 149
原创 javascript function函数
js全局函数一,首先JavaScript 的全局函数和内置函数的属性与方法是不是一个概念,全局函数它不属于任何一个内置对象,js包括以下7个常用全局函数1 escape()函数unescape()escape()和unescape()是一对编码解码函数,一般用于URL中非ASCII字符的编码和解码escape("&")返回%26,unescape("%26")返回&,都用十...
2019-12-12 19:26:57 137
原创 javascript的function函数
javascript的function函数你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来...
2019-12-09 20:43:21 346
原创 项目心得
东湖大数据做完一个界面后的感受刚刚开始编写代码的时候,我自己的状态是非常不好的,虽然每天也搞到很晚,但是效果不好,进度还是赶不上其他人。经过2天的迷茫摸索后,虽然对它有了初步认识,但这对开发来说是明显不够的。组长看到我这种情况后,给我仔细的讲解了他对开发的一些经验和如何去开发的仔细过程。并且鼓励我慢慢的把自己的小模块认真的开发下去。我们组长虽然也是第一次担当开发小组组长,但他的带队能力还是非常强...
2019-12-01 21:14:34 1532
原创 JavaScript
JavaScriptJavaScript 与 Java 是两种完全不同的语言,无论在概念上还是设计上。Java(由 Sun 发明)是更复杂的编程语言。ECMA-262 是 JavaScript 标准的官方名称。JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA(一个标准协会)采纳。...
2019-12-01 20:51:49 262
原创 ps快捷键
ps 快捷键ps快捷键的用法 所谓的快捷命令,是Photoshop为了提高绘图速度定义的快捷方式,它用一个或几个简单的字母来代替常用的命令,使我们不用去记忆众多的长长的命令,也不必为了执行一个命令,在菜单和工具栏上寻寻觅觅。1图形编辑窗口ps的中间窗口是图像窗口,它是Photoshop的主要工作区,用于显示图像文件。图像窗口带有自己的标题栏,提供了打开文件的基本信息,如文件名、缩放比...
2019-11-24 22:26:58 403
原创 自己ps的使用方法的理解
ps的使用方法ps的选择工具 在这几天的学习中从初识ps到掌握基本的操作对我来说还是有些难度的,个人觉得基本的快捷键一定要记住,这样能提高自己的项目完成效率,多练多记。在我们用ps时,对于前端工作人员来说,最好把公举1里的测量尺寸的工具调为像素,这样便于我们做项目获取精确的尺寸大小。选择工具选框工具。快捷键:M选框工具共有4种,包括矩形选框工具、椭圆选框工具、单行选框工具和单列选...
2019-11-21 21:07:59 294
原创 浮动
浮动1.个人对浮动的理解说到浮动,这个得从头说起,浮动是一种定位定位所谓定位就是定义元素框相对其正常位置应该出现在哪?就是改变元素在页面上的默认位置定位的分类1.普通的位置(元素默认的定位方式)2. 浮动定位3. 相对定位4. 绝对定位;5. 固定定位定位1;普通流定位 就是文档流定位,他们就是块级元素从上到下,每一个元素独占一行,从左到右,若满了则会自动换行定位2。语...
2019-11-14 13:13:28 100
原创 CSS样式表的特征
CSS样式表的特征css样式表解释css原名css层叠样式表,实现了 内容和表的分离css和HTML的关系HTML是负责网页的结构CSS是负构建HTML的样式CSS作用1以统一的方式实现样式的定义2。实现样式的可重用性和可维护性引用方式内联样式* 即行内样式将将样式声明在元素的style属性中;2.注意所有的样式都是必须在双引号之内并且用分号进行分融内部样式. 将样式...
2019-11-11 21:48:13 701 1
原创 图形和链接
第二节课#1:URL意义:统一资源定位器;目录:web稳健者存储的文件夹名称资源:就是网页中要用到的文件,都要资源2,三种表现形式 1,绝对路径 从文件所在的最高级目录下开始的完整路径 绝对路径分类: 1,访问互联网上的资源 协议名称(https://)+主机名(IP...
2019-11-07 20:08:31 166
原创 初识Web与HTML
初识Web与HTML新的改变我们今天在web前端学习收获了很多,老师讲的挺好的,我也很容易理解其次要遵守纪律,早上八点半之前要到教室,每天要记得写一篇博客,同时准备一场不少于15分钟的开场白,讲述自己学习上得劲不与遇到的困难以及解决的方法。web是运行在internet上最流行的应用之一,internet给我们web提供了运行的环境web服务器 产品Tomcat IIS Apache...
2019-11-06 21:12:36 225
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人