08 2021 档案
摘要：搭建前端环境 - Node 环境 1 什么是Node.js 简单的说 Node.js 就是运行在服务端的 JavaScript。 JavaScript程序，必须要依赖浏览器才能运行！没有浏览器怎么办？OK，nodejs帮你解决 Node.js是脱离浏览器环境运行的JavaScript程序，基于Goo
阅读全文
摘要：0 ECMAScript6 简介 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。 它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言 1 ECMAScript 和 Jav
阅读全文
摘要：1 手风琴特效 <style> dd{ display: none; /*隐藏元素*/ } </style> <body> <nav> <header>拉勾网</header> <ul> <li> <dl> <dt>求职</dt> <dd>1.简历</dd> <dd>2.面试</dd> <dd>3.
阅读全文
摘要：1 祖先元素 用于向上遍历 DOM 树的方法 parent() 返回被选元素的直接父元素，仅仅是上一级 （找爸爸） parents() 返回被选元素的所有祖先元素，它一路向上直到文档的根元素，可以选择辈分 <p><button>测试</button></p> <ul> <li>a</li> <li>
阅读全文
摘要：1 属性函数 attr( "属性" ); 获得元素的属性值 attr( "属性" , "新值" ); 修改元素的属性值 attr( 样式参数 ) ：样式参数可以写成json格式 <body> <button id="btn1">点我试试</button> <hr> <img src="img/1.j
阅读全文
摘要：1 改变元素的宽和高（带动画效果） show( speed )：显示 hide( speed )：隐藏 toggle( speed )等价于show+hide : 显示的隐藏，隐藏的显示 可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒 <style>
阅读全文
摘要：1 鼠标事件 鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件，常用鼠标事件有： 方法 描述 执行时机 click( ) 触发或将函数绑定到指定元素的click事件 单击鼠标时 mouseover( ) 触发或将函数绑定到指定元素的mouse over事件 鼠标移过时 mouseout( ) 触
阅读全文
摘要：1 基本选择器 基本选择器包括： 标签选择器 类选择器 ID选择器 并集选择器 交集选择器 全局选择器 名称 语法构成 描述 示例 标签选择器 element 根据给定的标签名 匹配元素 $("h2" ) 选取所有h2元素 类选择器 .class 根据给定的class 匹配元素 $(" .title
阅读全文
摘要：1.jQuery介绍 jQuery由美国人John Resig（约翰·莱西格）于2006年创建 jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装 它的设计思想是write less,do more 实现隔行变色效果，JavaScript要循环加判断，而
阅读全文
摘要：一. 索引 1. HTML <1> 介绍 & 规范 <2> 文件标签（一） <html> / <head> / <body> <br> / <p> / <hr> / <div> / <span> <font> / <h1> <h6> <b> / <i> / <del> / <u> <ol> / <u
阅读全文
摘要：1 周期性定时器 setInterval setInterval(1,2)：周期性触发代码exp （常用） 1：执行语句 2：时间周期，单位为毫秒 案例：闪烁的字体 （1秒1变色） <body> <h1 id="title">拉勾网：极速入职</h1> <script> var colors = [
阅读全文
摘要：0 什么是BOM？ 就是javascript对浏览器的一些常规操作的方法 1 window对象 - 简介 <button onclick="kai()">极速入职</button> <script> function kai(){ window.open("http://lagou.com" , "
阅读全文
摘要：1. 大家在互联网上来回传递数据，如果没有一个统一的格式，解析起来的难度很大（每个人的编码喜 好不一样） 2. JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 3. 易于人阅读和编写，同时也易于机器解析和生成 { 属性1：值1， 属性2：值2， 。。。
阅读全文
摘要：使用Object创建通用对象 var user = new Object(); user.name = "吕布"; user.age = 21; user.say = function(){ console.log("大家好，我叫："+this.name+"，我今年"+this.age+"岁了！")
阅读全文
摘要：js捕获某个动作而做出的反馈 HTML 事件的例子： 当用户点击鼠标时 当网页已加载时 当图片已加载时 当鼠标移动到元素上时 当输入字段被改变时 当 HTML 表单被提交时 当用户触发按键时 1 窗口事件 (Window Events) 仅在 body 和 frameset 元素中有效。 onloa
阅读全文
摘要：修改 HTML DOM 意味着许多不同的方面： 改变 HTML 内容 改变 CSS 样式 改变 HTML 属性 创建新的 HTML 元素 删除已有的 HTML 元素 改变事件（处理程序） 1. 改变一个<h2>元素的 HTML 内容 : <body> <button onclick="test()"
阅读全文
摘要：getElementById：通过id属性，获得元素节点对象 案例：当帐号为空时，阻止表单提交 <body> <form action="xxx" onsubmit="return login()"> <p>帐号：<input id="username"/></p> <p>电话：<input id=
阅读全文
摘要：在一个html页面中，会使用很多标签来规划制作页面。 每个标签都有它存在的意义，如果我们想要动态的修改某个标签的值。那我们就需要在页面中查找 到这个标签元素 如何查找到这个元素是个难题，W3C组织的工程师们，突然看到了一棵大树。我要是想找到某一 片叶子，应该怎么做？ “顺藤摸瓜”，主树干有分支，每个
阅读全文
摘要：5种弹框： 1. 普通弹框： alert("hello，拉勾"); 2. 控制台日志输出： console.log("谷歌浏览器按F12进入控制台"); 3. 页面输出： document.write("<h2>我爱你中国</h2>"); 将<h2>元素输出到<body>中 4. 确认框： conf
阅读全文
摘要：1、闭包的概念： 指有权访问另一个函数作用域中的变量的函数，一般情况就是在一个函数中包含另一 个函数。 2、闭包的作用： 访问函数内部变量、保持函数在环境中一直存在，不会被垃圾回收机制处理； 简单地说：就是在函数的局部范围内声明一个封闭的环境，此环境不会被垃圾回收探测到。保证了数据 的安全、唯一性
阅读全文
摘要：0 函数定义 使用关键字 function 定义函数 function 函数名( 形参列表 ){ // 函数体 return 返回值; } 函数声明后不会立即执行，会在我们需要的时候调用到。 注意： 形参：一定不要带数据类型 分号是用来分隔可执行JavaScript语句。 由于函数声明不是一个可执行
阅读全文
摘要：1 正则表达式 对字符串执行模式匹配的强大工具 var reg1 = /^\d{3,6}$/; // 匹配纯数字3-6个 var reg2 = new RegExp(“^\\d{3,6}$"); // 方式1 var age = "18"; // 判断：1-3位纯数字 var reg = /^\d{
阅读全文
摘要：1 Math数学对象 Math 对象用于执行数学任务 没有构造函数 Math() 无需创建，直接把 Math 作为对象使用就可以调用其所有属性和方法 // 返回0-9之间任意一个随机数字 var i = Math.random() * 10; var j = Math.floor(i); conso
阅读全文
摘要：1 创建数组 var arr1 = new Array(); 2 初始化数组的三种方式 // 第一种 var arr1 = new Array(); arr1[0] = 110; arr1[1] = 119; arr1[2] = 120; // 第二种 var arr1 = new Array(10
阅读全文
摘要：常用字符串API length:获取字符串的长度（字符串中字符的个数） 属性，没有小括号 var str = "hello"; console.log( str.length ); toUpperCase/toLowerCase :转大小写 var name = "AngierSun"; conso
阅读全文
摘要：JavaScript的基本语法 变量 因为js是弱类型语言，所以，在定义变量的时候，所有的数据类型都是var 声明变量： var x ; var x,y; 数值类型：number 不区分整型数值和浮点型数值 所有数字都采用 64 位浮点格式存储，类似于double 格式 字符串：string 首尾由
阅读全文
摘要：1 JavaScript介绍 <1>虽然是java作为前缀，但java和javascript的关系，就像老婆和老婆饼之间的关系，没有一毛钱关 系！ <2>网景公司在Netscape2.0首先推出了JavaScript <3>JavaScript 的正式名称是 “ECMAScript”，此标准由 EC
阅读全文
摘要：1 背景 背景位置 background-origin：指定了背景图像的位置区域 border-box : 背景贴边框的边 padding-box : 背景贴内边框的边 content-box : 背景贴内容的边 <style> div { background: url("img/1.jpg")
阅读全文
摘要：1 圆角 border-radius：左上 右上 右下 左下; border-radius：四个角; border-radius：50%; 圆形 2 盒子阴影 box-shadow：1 2 3 4 5; 1：水平偏移 2：垂直偏移 3：模糊半径 4：扩张半径 5：颜色 3 渐变 线性渐变 backg
阅读全文
摘要：1 默认定位 块级元素：h1~h6，p, div 等，自上而下，垂直排列（自动换行）；可以改变宽高 行内元素：a,b,span,等，从左向右，水平排列（不会换行）；不能改变宽高 行内块元素：input,img等，从左向右，水平排列（自动换行）；可以改变宽高 2 浮动定位 让元素“飞”起来。不仅可以靠
阅读全文
摘要：暴力解法：二次到达 链表实现代码： class ListNode { int val; ListNode next; ListNode(int x) { val = x; next = null; } } /** * 解法一：二次到达解法 * 1.定义数组记录已访问节点 * new ListNode
阅读全文
摘要：1 轮廓属性 轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 轮廓和边框的区别： 边框 (border) 可以是围绕元素内容和内边距的一条或多条线； 轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用 CSS outl
阅读全文
摘要：1 列表属性 CSS列表属性作用如下： 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 有两种类型的列表： 无序列表 - 列表项标记用特殊图形（如小黑点、小方框等） 有序列表 - 列表项的标记有数字或字母 使用CSS，可以列出进一步的样式，并可用图像作列表项标记
阅读全文
摘要：1 文本属性 指定字体：font-family : value; 字体大小：font-size : value; px：像素 em：倍数 字体加粗：font-weight : normal/bold; 文本颜色：color : value; 文本排列：text-align : left/right/
阅读全文
摘要：1 元素(标签)选择器 它可以对页面上相同的标签进行统一的设置，它描述的就是标签的名称. 2 类选择器 类选择器在使用时使用"."来描述，它描述的是元素上的class属性值 3 id选择器 它只能选择一个元素，使用 "#" 引入，引用的是元素的id属性值。 id选择器，比类选择器更具有唯一性 4 选
阅读全文
摘要：1 什么是CSS？ CSS是指层叠样式表 cascading style sheets。 通过CSS可以让我们定义HTML元素如何显示。 CSS可以让我们原本HTML不能描述的效果，通过CSS描述出来。 通过CSS描述我们的html页面，可以让我们的页面更加漂亮，可以提高工作效率。 2 CSS与HT
阅读全文
摘要：1 HTML4与HTML5的区别 H5包含h4 1. 大小写不敏感 (1) 标签 (2) 属性 (3) 属性的值 <inPUT tYPe="pasSWord"/> 2. 引号可省略 <input type="password"> <input type=password> 3. 省略了结尾标签 <p
阅读全文
摘要：1 <meta>标签 <meta>标签必须写在<head>标签之间 <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA
阅读全文
摘要：通过<frameset>和<frame>框架标签可以定制HTML页面布局。 可以理解为：用多个页面拼装成一个页面。 注意，框架标签和body标签不共存。“有你没我，有我没你” <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
阅读全文
摘要：表单可以让我们将录入信息携带到服务器端。 简单说，通过表单可以将要提交的数据提交到指定的位置。 但一个一个的提交，不方便。 表单正好解决了这个问题，将所有的数据形成一个整体，一起提交给服务 器。 常见的 登录页面、注册页面 都离不开表单的应用 1 form属性 action：整个表单提交的目的地 m
阅读全文
摘要：表格 1 <table>：定义一个表格 border：边框，取值是像素为单位 width 代表的表格的宽度 align 代表表格的对齐方式；取值 left 左对齐表格 right 右对齐表格 center 居中对齐表格 cellspacing：单元格间距（通常设置0表示单线表格） 2 <tr>：表格
阅读全文
摘要：/** * 暴力解法 * 1.创建数组，存放所有的请求 * 整型数组，存放10000个元素 * 2.把当前请求存入数组 * 记录最后一次存入的索引，从0开始 * 3.统计距离此次请求前3000毫秒之间的请求次数 * 从最后一次存放位置倒序遍历 * * @param t 时长为 t（单位：毫秒） 的请
阅读全文
摘要：1 文件标签 <html>标签： 代表当前书写的是一个HTML文档 <head>标签： 1. 存储的本页面的一些重要信息， 它不会显示 2. 有一个子标签<title>， 它是用于定义页面的标题的 <body>标签： 书写的内容会显示出来 <body>标签的属性 1. text用于设置文字颜色 2.
阅读全文
摘要：1 介绍 HTML 指的是超文本标记/标签语言 (Hyper Text Markup Language) 专门制作网页的计算机语言 普通的文本就是英文单词，英文字母一样的存在。 超文本的意思是有一些单词或字母，在网页浏览器的世界中被赋予了特殊的权利。 比如：我们都是普通人，但是有些人经过国家的选拔，
阅读全文
浙公网安备 33010602011771号