前端练习
文章平均质量分 57
我家空空
这个作者很懒,什么都没留下…
展开
-
JavaScript中const,let和var的区别
var声明的变量:没有块级作用域,而且存在变量提升的情况变量提升所有的声明都会被提升到作用域的最上面同一个变量只会声明一次,其他的会被忽略掉或者覆盖掉例一: console.log(a); var a = 123; 打印的结果:undefined解析:上面代码经过预编译后应该是下面这样的var a;console.log(a);a = 123;例二:console.log(v1);var v1 = 100;function foo() { co原创 2021-01-09 22:01:09 · 541 阅读 · 1 评论 -
JS获取鼠标点击位置
点击查看:JS获取鼠标点击位置坐标待补充…转载 2021-11-04 14:45:21 · 2092 阅读 · 0 评论 -
JavaScript 闭包实现累加
闭包:js的作用域分两种,全局和局部,基于我们所熟悉的作用域链相关知识,我们知道在js作用域环境中访问变量的权利是由内向外的,内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量,反之则不能,也就是说在外层作用域下无法获取内层作用域下的变量,同样在不同的函数作用域中也是不能相互访问彼此变量的,那么我们想在一个函数内部也有限权访问另一个函数内部的变量该怎么办呢?闭包就是用来解决这一需求的,闭包的本质就是在一个函数内部创建另一个函数。闭包实现累加function getS原创 2021-01-09 19:27:16 · 665 阅读 · 0 评论 -
Vue练习:简单学生信息管理(增删改)
Vue练习:简单学生信息管理1. 第一版1.1展示效果1.2 代码App.Vue<template> <div id="app"> <div> <span>姓名:</span> <input type="text" v-model.trim="user.name"/> </div> <div> <span>年龄:</sp原创 2021-09-22 15:57:59 · 8903 阅读 · 2 评论 -
js小项目:搜索框内容实现自动查询
1.添加键盘抬起事件2.获取文本框的内容3.判断文本框的内容是否为空4.不为空判断是否与数组里的内容匹配5.创建元素将查到的内容显示出来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>...转载 2019-12-19 00:04:11 · 945 阅读 · 0 评论 -
JavaScript 实战 02
题目Write a function that accepts an array of 10 integers (between 0 and 9), that returns a string of those numbers in the form of a phone number.测试:describe('Basic tests', () => { Test.assertEquals(createPhoneNumber([1, 2, 3, 4, 5, 6, 7, 8, 9, 0]),原创 2020-12-26 10:56:07 · 152 阅读 · 0 评论 -
DIV标签里自带空格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> body{ background: #E9E8E8; } div{ width: 300px; height: 28px; } input[t原创 2021-01-12 18:22:43 · 3101 阅读 · 0 评论 -
JavaScript中字符串的使用
1. 字符串提供的方法1.1 str.charAt(index)作用:charAt() 方法可返回指定位置的字符示例:var str = "hello, world";console.log(str.charAt(0));输出结果:h1.2 str.substring(from, to)作用:用于提取字符串中介于两个指定下标之间的字符,包括开始处的字符,但不包括结束处的字符from必需,to可选示例:var str = "hello, world";console.log(st原创 2021-07-31 21:56:06 · 133 阅读 · 0 评论 -
D3.js 01绘制BarChart
转载于B站小魁少爷的D3.js教程非常不错的教程????D3的版本:V5先看效果完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</titl转载 2020-12-12 21:01:05 · 713 阅读 · 0 评论 -
终端查看npm全局安装的包
npm list -g --depth 0结果如下:转载 2020-02-10 20:13:31 · 535 阅读 · 0 评论 -
JavaScript 实战 01(CodeWars)刷题
问题描述:Your task is to make a function that can take any non-negative integer as an argument and return it with its digits in descending order. Essentially, rearrange the digits to create the highest possible number.译文:你的任务是写出这样一个函数:它可以接收任何非负整数,并以降序返回其数字。原创 2020-12-25 20:28:39 · 347 阅读 · 4 评论 -
JavaScript预编译面试题目
第一题:var b = 3;console.log(a); //function a(a){}function a(a){ console.log(a); //function a(){} var a = 2; console.log(a); //2 function a(){}; var b = 5; console.log(b); //5 }a(1);第二题:a = 1;function test(){原创 2021-11-06 20:35:07 · 650 阅读 · 0 评论 -
HTML DOM:replaceChild()和cloneNode()
replaceChild()基本用法replaceChild()方法用新节点替换某个子节点。这个新节点可以是文档中某个已经存在的节点,也可以是创建的新的节点。node.replaceChild(newNode, oldNode);参数类型描述newNodeNode object必需。您希望插入的节点对象。oldNodeNode object必需。您希望删除的节点对象。所有主流浏览器都支持该方法。实例1:<!DOCTYPE html><原创 2021-11-04 16:29:07 · 272 阅读 · 0 评论 -
可调控侧栏
实现一个可以移动,调节两边距离的侧栏演示如下:实现思想:使用flex构建版面当鼠标点击中间分隔栏的位置,记录鼠标点击坐标位置当鼠标移动时,通过鼠标新的坐标位置与点击时的坐标位置,计算出左边栏的新宽度鼠标放开后,取消鼠标移动的事件监听将新宽度通过localStorage储存到浏览器中,下次载入时,读取并设置左边宽度html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="转载 2021-11-04 14:09:35 · 65 阅读 · 0 评论