JavaScript
不一于汝
当你学的越多,发现自己很多都不知道时,说明在进步了
展开
-
JavaScript--数据结构与算法(三)
数据结构栈 队列 链表 矩阵 二叉树 堆栈它是一种运算受限的线性表。限定仅在表尾进行插入和删除操作的线性表;先进后出的特点棒球比赛知识点:利用栈的特点,先进后出来实现这个题目的功能代码实现:export default (arr) => { // 用数组来实现堆栈结构 let result = [] // 上一轮的数据 let pr...原创 2020-02-08 17:31:31 · 461 阅读 · 0 评论 -
JavaScript--数据结构与算法(一)
算法:这里的算法都是leetCode上的题目:leetCodegithub代码地址:JavaScript--数据结构与算法理解算法的本质学会挖掘"规律" 通过"解题"夯实基础算法 举一反三学会变通和延伸基础算法:字符串 数组 正则表达式 排序 递归数据结构堆、栈 队列 链表 矩阵 二叉树进阶算法贪心算法 动态规划环境搭建:E...原创 2020-02-04 17:40:18 · 268 阅读 · 0 评论 -
jQuery-DOM篇(二)
DOM节点的复制与替换DOM拷贝clone()克隆节点是DOM的常见操作,jQuery提供一个clone方法,专门用于处理dom的克隆.clone()方法深度 复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传原创 2017-08-24 14:00:24 · 299 阅读 · 0 评论 -
jQuery--动画篇
动画基础隐藏和显示jQuery中隐藏元素的hide方法让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果$elem.hide()提供参数:.hide( options原创 2017-08-26 17:46:11 · 269 阅读 · 0 评论 -
jQuery--事件篇
鼠标事件jQuery鼠标事件之click与dbclick事件用交互操作中,最简单直接的操作就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作,另一个方法是dbclick方法用于监听用户双击操作。这两个方法的用法是类似的,下面以click()事件为例使用上非常简单:方法一:$ele.click()绑定$ele元素,不带原创 2017-08-24 22:22:14 · 234 阅读 · 0 评论 -
DOM对象,控制HTML元素
1 认识DOM文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。先来看看下面代码:将HTML代码分解为DOM节点层次图:HTML文档可以说由节点构成的集合,DOM节点有:1. 元素节点:上图中、、等都是元素节点,即标原创 2017-07-28 22:29:39 · 264 阅读 · 0 评论 -
jQuery选择器-综合案例
综合案例这是一个综合的案例,主要就是展示选择器的使用,案例中的选择器是相对比较复杂的,很多时候我们不需要写这么复杂的选择器,但是案例是为了展示整个选择器的知识点的运用右边是一段文本,我们通过不同的选择器给指定的文字赋予颜色分析一段复杂的选择器:$("#menu_con div.tag dd > p:first-child")这段组合的选择器表达式用到了几原创 2017-08-13 11:49:38 · 2311 阅读 · 0 评论 -
jQuery选择器(2)
jQuery选择器之基本筛选选择器很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素,为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。筛选选择器很多都不是CSS的规范,而是jQuery自己为了开发者的便利延展出来的选择器筛选选择器的用法与CSS中的伪元素相似,选择器用冒号“:”开头,通过一个列表,看看基本筛选器的描述:原创 2017-08-13 11:32:46 · 238 阅读 · 0 评论 -
jQuery的属性与样式
jQuery的属性与样式之.attr()与.removeAttr()每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。操作特性的DOM方法主要有3个,getAttribute方法、setAttribute方法和removeAttribute方法,就算如此在实际操作中还是会存在很多问原创 2017-08-13 17:30:00 · 331 阅读 · 0 评论 -
jQuery-DOM篇
jQuery中的DOM 操作查找节点 插入节点 删除节点 复制节点 替换节点 包裹节点DOM创建节点及节点属性通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了。试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了本文原创 2017-08-24 09:27:00 · 269 阅读 · 0 评论 -
JS动画效果
运动框架实现思路:1.速度(改变值Left、right、width、height、opacity)2.缓冲运动3.多物体运动4.任意值变化5.链式运动 (如:先宽后高)6.同时运动 (如:宽高同时运动)原创 2017-08-08 09:13:04 · 656 阅读 · 0 评论 -
jQuery插件--Validation
jQuery插件一:插件的选择标准1.插件作者2.插件的社区活跃度3.插件的更新频率二:jQuery validation插件最常用的表单验证插件之一 http://jqueryvalidation.org jQuery表单验证插件:https;//plugins.jquery.com/tag/validate/4.阅读查看源码jquery Validation插件1:让原创 2017-09-02 23:12:35 · 617 阅读 · 0 评论 -
jQuery--动画篇(二)
动画切换的比较jQuery中toggle与slideToggle以及fadeToggle的比较操作元素的显示和隐藏可以有几种方法。例如:改变样式display为none设置位置高度为0设置透明度为0都能达到这个目的,并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeIn/fadeOut。原创 2017-08-29 09:52:43 · 236 阅读 · 0 评论 -
jQuery--事件篇(二)
键盘事件jQuery键盘事件之keydown()与keyup()事件鼠标有mousedown,mouseup之类的事件,这是根据人的手势动作分解的2个触发行为。相对应的键盘也有这类事件,将用户行为分解成2个动作,键盘按下与松手,针对这样的2种动作,jQuery分别提供了对应keydown与keyup方法来监听keydown事件:当用户在一个元素上第一次按原创 2017-08-25 15:50:44 · 310 阅读 · 0 评论 -
网页设计站点常用的知识
1.表单的value默认值 value="姓名 Name" onfocus="this.value='';" onblur="this.value='姓名 Name'" /> 请输入您需要留言的内容 设转载 2017-12-20 15:00:17 · 452 阅读 · 0 评论 -
VUE实战项目开发--vue起步
生命周期方法 computed组件之间的通信原创 2018-06-07 16:18:54 · 468 阅读 · 0 评论 -
Vue实战项目开发--vue基础精讲
项目的源代码在GitHub上:点击查看Vue实例vue的每一个组件都是一个实例,该实例对应着很多属性和方法。<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Vue实例</title> <scr原创 2018-06-08 22:29:08 · 9368 阅读 · 1 评论 -
浏览器对象(2)
1 History 对象history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。语法:window.history.[属性|方法]注意:window可以省略。History原创 2017-07-28 14:23:21 · 233 阅读 · 0 评论 -
jQuery选择器(1)
jQuery选择器之id选择器页面的任何操作都需要节点的支撑,开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的,让开发者可以更少的处理复杂选择过程与性能优化,更多专注业务逻辑的编写。jQuery几乎支持主流的css1~css3选择器的写法,我们从最简单的也是最常用的开始学起id选择器:一个用来查找的I原创 2017-08-13 09:00:54 · 267 阅读 · 0 评论 -
JS-常用互动方法
1 JavaScript-输出内容(document.write)document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。第一种:输出内容用""括起,直接输出""号内的内容。 document.write("I love JavaScript!"); //内容用""括起来,""里的内容直接输出。原创 2017-07-01 22:56:21 · 244 阅读 · 0 评论 -
JS-DOM操作
1 认识DOM文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。先来看看下面代码:将HTML代码分解为DOM节点层次图:HTML文档可以说由节点构成的集合,三种常见的DOM节点:1. 元素节点:上图中、、等都是元素节原创 2017-07-02 22:16:21 · 194 阅读 · 0 评论 -
JS进阶高级篇
JavaScript入门篇中,我们学习了如何插入JS、输出内容及简单的DOM操作。JavaScript进阶篇让您进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作,制作简单的网页动态效果。1 变量命名我们为了区分盒子,可以用BOX1,BOX2等名称代表不同盒子,BOX1就是盒子的名字(也就是变量的名字)。我们赶快给变量取个好名字原创 2017-07-13 19:39:16 · 6794 阅读 · 0 评论 -
DOM对象,控制HTML元素 (2)
1 节点属性在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :1. nodeName : 节点的名称2. nodeValue :节点的值3. nodeType :节点的类型一、nodeName 属性: 节点的名称,是只读的。1. 元素节点的 nodeName 与标签名相同2. 属性节点的 nodeNam原创 2017-07-30 18:45:36 · 280 阅读 · 0 评论 -
JavaScript-数组
1 什么是数组我们知道变量用来存储数据,一个变量只能存储一个内容。假设你想存储10个人的姓名或者存储20个人的数学成绩,就需要10个或20个变量来存储,如果需要存储更多数据,那就会变的更麻烦。我们用数组解决问题,一个数组变量可以存放多个数据。好比一个团,团里有很多人,如下我们使用数组存储5个学生成绩。数组是一个值的集合,每个值都有一个索引号,从0开始,每个索引都有一原创 2017-07-24 08:33:31 · 408 阅读 · 0 评论 -
流程控制语句
1 if语句if语句是基于条件成立才执行相应代码时使用的语句。语法:if(条件){ 条件成立时执行代码}注意:if小写,大写字母(IF)会出错!假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司。代码表示如下: var mycarrer = "HTML"; if (mycarrer == "HTML原创 2017-07-24 09:53:22 · 231 阅读 · 0 评论 -
JS实现倒计时效果
1. 显示当前系统时间 当前系统时间 window.onload=function() { showTime(); } function checkTime(i) { if(i<10) { i="0"+i; } return i; } function showTime() { var myDate = n原创 2017-08-08 13:18:21 · 477 阅读 · 0 评论 -
函数
1 什么是函数函数的作用,可以写一次代码,然后反复地重用这个代码。如:我们要完成多组数和的功能。var sum; sum = 3+2;alert(sum);sum=7+8 ;alert(sum); .... //不停重复两行代码如果要实现8组数的和,就需要16行代码,实现的越多,代码行也就越多。所以我们可以把完成特定功能的代码块放到一原创 2017-07-24 17:38:18 · 246 阅读 · 0 评论 -
事件响应,让网页交互
1 什么是事件JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。主要事件表:2 鼠标单击事件( onc原创 2017-07-24 21:09:17 · 318 阅读 · 0 评论 -
Javascript内置对象
1 什么是对象JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;JavaScript 提供多个内建对象,比如 String、Da原创 2017-07-25 09:50:35 · 248 阅读 · 0 评论 -
JS-信息滚动效果
标签实现信息滚动1. behavior滚动的方式 alternate:表示在两端之间来回滚动 scroll:表示由一端滚动到另一端,会重复 slide:表示由一端滚动到另一端,不会重复2. direction滚动的方向down、up、left、right3. loop滚动的次数(当loop=-1表示一直滚动下去,默认为-1)4. scrollamount设定活动字幕的滚原创 2017-08-09 21:09:01 · 1226 阅读 · 0 评论 -
Javascript内置对象(2)
1 Math对象Math对象,提供对数据的数学计算。使用 Math 的属性和方法,代码如下: var mypi=Math.PI; var myabs=Math.abs(-15); document.write(mypi); document.write(myabs);运行结果:3.14159265358979315原创 2017-07-25 16:41:54 · 199 阅读 · 0 评论 -
浏览器对象(1)
1 window对象window对象是BOM的核心,window对象指当前的浏览器窗口。window对象方法:注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器。2 JavaScript 计时器在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。原创 2017-07-25 18:53:42 · 251 阅读 · 0 评论 -
JavaScript进阶篇-编程挑战
编程挑战现在利用之前我们学过的JavaScript知识,实现选项卡切换的效果。效果图:文字素材:房产: 275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安家东三环 北京首现零首付楼盘 53万购东5环50平 京楼盘直降5000 中信府 公园楼王现房家居: 40平原创 2017-08-03 11:00:04 · 474 阅读 · 0 评论 -
商场分类导航效果
门户类网站特点:导航在上方平铺展示。(一级菜单,一般无二级菜单)商城类网站特点:纵向列表横向伸缩展示(一级纵向菜单列表,动态展示层展示二级横向菜单列表)原创 2017-08-10 13:00:32 · 416 阅读 · 1 评论 -
jQuery基础(一)--样式篇
jQuery介绍 1、jQuery轻量级的JavaScript库, 核心是JavaScript, 兼容css和各种浏览器, 核心理念是写得少做得多。 2、特性和方法: 连试操作、 回调函数、 迭代器、 延迟对象、 队列... 3、优势:容易上手,强大的选择器,节约开发时间,丰富的UI,完善的事件机制,Ajax的封装。jQueryHel原创 2017-08-11 08:35:28 · 221 阅读 · 0 评论 -
事件处理-事件流
事件流----描述的是从页面中接受事件的顺序。 IE----事件冒泡流 Netscape----事件捕获流 事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)事件捕获:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。事件处理程序1. HTML事原创 2017-08-04 22:33:24 · 464 阅读 · 0 评论 -
Javascript入门篇
1 如何插入JS我们来看看如何写入JS代码?你只需一步操作,使用标签在HTML网页中插入JavaScript代码。注意, 标签要成对出现,并把JavaScript代码写在之间。表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。2 引用JS外部文件通过前面知识学习,我们知道原创 2017-07-01 17:28:58 · 244 阅读 · 0 评论